diff --git a/__tests__/fixtures/tailwind-output-flagged.css b/__tests__/fixtures/tailwind-output-flagged.css
index edc3ad594bf9..6876077bffc2 100644
--- a/__tests__/fixtures/tailwind-output-flagged.css
+++ b/__tests__/fixtures/tailwind-output-flagged.css
@@ -1987,6 +1987,29 @@ video {
   white-space: normal;
 }
 
+.focus-within\:sr-only:focus-within {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+
+.focus-within\:not-sr-only:focus-within {
+  position: static;
+  width: auto;
+  height: auto;
+  padding: 0;
+  margin: 0;
+  overflow: visible;
+  clip: auto;
+  white-space: normal;
+}
+
 .focus\:sr-only:focus {
   position: absolute;
   width: 1px;
@@ -2878,6 +2901,424 @@ video {
   background-color: rgba(131, 24, 67, var(--bg-opacity));
 }
 
+.focus-within\:bg-transparent:focus-within {
+  background-color: transparent;
+}
+
+.focus-within\:bg-current:focus-within {
+  background-color: currentColor;
+}
+
+.focus-within\:bg-black:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(0, 0, 0, var(--bg-opacity));
+}
+
+.focus-within\:bg-white:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(255, 255, 255, var(--bg-opacity));
+}
+
+.focus-within\:bg-gray-50:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(249, 250, 251, var(--bg-opacity));
+}
+
+.focus-within\:bg-gray-100:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(243, 244, 246, var(--bg-opacity));
+}
+
+.focus-within\:bg-gray-200:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(229, 231, 235, var(--bg-opacity));
+}
+
+.focus-within\:bg-gray-300:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(209, 213, 219, var(--bg-opacity));
+}
+
+.focus-within\:bg-gray-400:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(156, 163, 175, var(--bg-opacity));
+}
+
+.focus-within\:bg-gray-500:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(107, 114, 128, var(--bg-opacity));
+}
+
+.focus-within\:bg-gray-600:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(75, 85, 99, var(--bg-opacity));
+}
+
+.focus-within\:bg-gray-700:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(55, 65, 81, var(--bg-opacity));
+}
+
+.focus-within\:bg-gray-800:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(31, 41, 55, var(--bg-opacity));
+}
+
+.focus-within\:bg-gray-900:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(17, 24, 39, var(--bg-opacity));
+}
+
+.focus-within\:bg-red-50:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(254, 242, 242, var(--bg-opacity));
+}
+
+.focus-within\:bg-red-100:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(254, 226, 226, var(--bg-opacity));
+}
+
+.focus-within\:bg-red-200:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(254, 202, 202, var(--bg-opacity));
+}
+
+.focus-within\:bg-red-300:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(252, 165, 165, var(--bg-opacity));
+}
+
+.focus-within\:bg-red-400:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(248, 113, 113, var(--bg-opacity));
+}
+
+.focus-within\:bg-red-500:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(239, 68, 68, var(--bg-opacity));
+}
+
+.focus-within\:bg-red-600:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(220, 38, 38, var(--bg-opacity));
+}
+
+.focus-within\:bg-red-700:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(185, 28, 28, var(--bg-opacity));
+}
+
+.focus-within\:bg-red-800:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(153, 27, 27, var(--bg-opacity));
+}
+
+.focus-within\:bg-red-900:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(127, 29, 29, var(--bg-opacity));
+}
+
+.focus-within\:bg-yellow-50:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(255, 251, 235, var(--bg-opacity));
+}
+
+.focus-within\:bg-yellow-100:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(254, 243, 199, var(--bg-opacity));
+}
+
+.focus-within\:bg-yellow-200:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(253, 230, 138, var(--bg-opacity));
+}
+
+.focus-within\:bg-yellow-300:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(252, 211, 77, var(--bg-opacity));
+}
+
+.focus-within\:bg-yellow-400:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(251, 191, 36, var(--bg-opacity));
+}
+
+.focus-within\:bg-yellow-500:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(245, 158, 11, var(--bg-opacity));
+}
+
+.focus-within\:bg-yellow-600:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(217, 119, 6, var(--bg-opacity));
+}
+
+.focus-within\:bg-yellow-700:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(180, 83, 9, var(--bg-opacity));
+}
+
+.focus-within\:bg-yellow-800:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(146, 64, 14, var(--bg-opacity));
+}
+
+.focus-within\:bg-yellow-900:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(120, 53, 15, var(--bg-opacity));
+}
+
+.focus-within\:bg-green-50:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(236, 253, 245, var(--bg-opacity));
+}
+
+.focus-within\:bg-green-100:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(209, 250, 229, var(--bg-opacity));
+}
+
+.focus-within\:bg-green-200:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(167, 243, 208, var(--bg-opacity));
+}
+
+.focus-within\:bg-green-300:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(110, 231, 183, var(--bg-opacity));
+}
+
+.focus-within\:bg-green-400:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(52, 211, 153, var(--bg-opacity));
+}
+
+.focus-within\:bg-green-500:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(16, 185, 129, var(--bg-opacity));
+}
+
+.focus-within\:bg-green-600:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(5, 150, 105, var(--bg-opacity));
+}
+
+.focus-within\:bg-green-700:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(4, 120, 87, var(--bg-opacity));
+}
+
+.focus-within\:bg-green-800:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(6, 95, 70, var(--bg-opacity));
+}
+
+.focus-within\:bg-green-900:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(6, 78, 59, var(--bg-opacity));
+}
+
+.focus-within\:bg-blue-50:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(239, 246, 255, var(--bg-opacity));
+}
+
+.focus-within\:bg-blue-100:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(219, 234, 254, var(--bg-opacity));
+}
+
+.focus-within\:bg-blue-200:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(191, 219, 254, var(--bg-opacity));
+}
+
+.focus-within\:bg-blue-300:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(147, 197, 253, var(--bg-opacity));
+}
+
+.focus-within\:bg-blue-400:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(96, 165, 250, var(--bg-opacity));
+}
+
+.focus-within\:bg-blue-500:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(59, 130, 246, var(--bg-opacity));
+}
+
+.focus-within\:bg-blue-600:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(37, 99, 235, var(--bg-opacity));
+}
+
+.focus-within\:bg-blue-700:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(29, 78, 216, var(--bg-opacity));
+}
+
+.focus-within\:bg-blue-800:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(30, 64, 175, var(--bg-opacity));
+}
+
+.focus-within\:bg-blue-900:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(30, 58, 138, var(--bg-opacity));
+}
+
+.focus-within\:bg-indigo-50:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(238, 242, 255, var(--bg-opacity));
+}
+
+.focus-within\:bg-indigo-100:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(224, 231, 255, var(--bg-opacity));
+}
+
+.focus-within\:bg-indigo-200:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(199, 210, 254, var(--bg-opacity));
+}
+
+.focus-within\:bg-indigo-300:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(165, 180, 252, var(--bg-opacity));
+}
+
+.focus-within\:bg-indigo-400:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(129, 140, 248, var(--bg-opacity));
+}
+
+.focus-within\:bg-indigo-500:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(99, 102, 241, var(--bg-opacity));
+}
+
+.focus-within\:bg-indigo-600:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(79, 70, 229, var(--bg-opacity));
+}
+
+.focus-within\:bg-indigo-700:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(67, 56, 202, var(--bg-opacity));
+}
+
+.focus-within\:bg-indigo-800:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(55, 48, 163, var(--bg-opacity));
+}
+
+.focus-within\:bg-indigo-900:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(49, 46, 129, var(--bg-opacity));
+}
+
+.focus-within\:bg-purple-50:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(245, 243, 255, var(--bg-opacity));
+}
+
+.focus-within\:bg-purple-100:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(237, 233, 254, var(--bg-opacity));
+}
+
+.focus-within\:bg-purple-200:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(221, 214, 254, var(--bg-opacity));
+}
+
+.focus-within\:bg-purple-300:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(196, 181, 253, var(--bg-opacity));
+}
+
+.focus-within\:bg-purple-400:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(167, 139, 250, var(--bg-opacity));
+}
+
+.focus-within\:bg-purple-500:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(139, 92, 246, var(--bg-opacity));
+}
+
+.focus-within\:bg-purple-600:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(124, 58, 237, var(--bg-opacity));
+}
+
+.focus-within\:bg-purple-700:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(109, 40, 217, var(--bg-opacity));
+}
+
+.focus-within\:bg-purple-800:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(91, 33, 182, var(--bg-opacity));
+}
+
+.focus-within\:bg-purple-900:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(76, 29, 149, var(--bg-opacity));
+}
+
+.focus-within\:bg-pink-50:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(253, 242, 248, var(--bg-opacity));
+}
+
+.focus-within\:bg-pink-100:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(252, 231, 243, var(--bg-opacity));
+}
+
+.focus-within\:bg-pink-200:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(251, 207, 232, var(--bg-opacity));
+}
+
+.focus-within\:bg-pink-300:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(249, 168, 212, var(--bg-opacity));
+}
+
+.focus-within\:bg-pink-400:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(244, 114, 182, var(--bg-opacity));
+}
+
+.focus-within\:bg-pink-500:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(236, 72, 153, var(--bg-opacity));
+}
+
+.focus-within\:bg-pink-600:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(219, 39, 119, var(--bg-opacity));
+}
+
+.focus-within\:bg-pink-700:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(190, 24, 93, var(--bg-opacity));
+}
+
+.focus-within\:bg-pink-800:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(157, 23, 77, var(--bg-opacity));
+}
+
+.focus-within\:bg-pink-900:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(131, 24, 67, var(--bg-opacity));
+}
+
 .hover\:bg-transparent:hover {
   background-color: transparent;
 }
@@ -7382,6 +7823,58 @@ video {
   --bg-opacity: 1;
 }
 
+.focus-within\:bg-opacity-0:focus-within {
+  --bg-opacity: 0;
+}
+
+.focus-within\:bg-opacity-10:focus-within {
+  --bg-opacity: 0.1;
+}
+
+.focus-within\:bg-opacity-20:focus-within {
+  --bg-opacity: 0.2;
+}
+
+.focus-within\:bg-opacity-25:focus-within {
+  --bg-opacity: 0.25;
+}
+
+.focus-within\:bg-opacity-30:focus-within {
+  --bg-opacity: 0.3;
+}
+
+.focus-within\:bg-opacity-40:focus-within {
+  --bg-opacity: 0.4;
+}
+
+.focus-within\:bg-opacity-50:focus-within {
+  --bg-opacity: 0.5;
+}
+
+.focus-within\:bg-opacity-60:focus-within {
+  --bg-opacity: 0.6;
+}
+
+.focus-within\:bg-opacity-70:focus-within {
+  --bg-opacity: 0.7;
+}
+
+.focus-within\:bg-opacity-75:focus-within {
+  --bg-opacity: 0.75;
+}
+
+.focus-within\:bg-opacity-80:focus-within {
+  --bg-opacity: 0.8;
+}
+
+.focus-within\:bg-opacity-90:focus-within {
+  --bg-opacity: 0.9;
+}
+
+.focus-within\:bg-opacity-100:focus-within {
+  --bg-opacity: 1;
+}
+
 .hover\:bg-opacity-0:hover {
   --bg-opacity: 0;
 }
@@ -8402,6 +8895,424 @@ video {
   border-color: rgba(131, 24, 67, var(--border-opacity));
 }
 
+.focus-within\:border-transparent:focus-within {
+  border-color: transparent;
+}
+
+.focus-within\:border-current:focus-within {
+  border-color: currentColor;
+}
+
+.focus-within\:border-black:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(0, 0, 0, var(--border-opacity));
+}
+
+.focus-within\:border-white:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(255, 255, 255, var(--border-opacity));
+}
+
+.focus-within\:border-gray-50:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(249, 250, 251, var(--border-opacity));
+}
+
+.focus-within\:border-gray-100:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(243, 244, 246, var(--border-opacity));
+}
+
+.focus-within\:border-gray-200:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(229, 231, 235, var(--border-opacity));
+}
+
+.focus-within\:border-gray-300:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(209, 213, 219, var(--border-opacity));
+}
+
+.focus-within\:border-gray-400:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(156, 163, 175, var(--border-opacity));
+}
+
+.focus-within\:border-gray-500:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(107, 114, 128, var(--border-opacity));
+}
+
+.focus-within\:border-gray-600:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(75, 85, 99, var(--border-opacity));
+}
+
+.focus-within\:border-gray-700:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(55, 65, 81, var(--border-opacity));
+}
+
+.focus-within\:border-gray-800:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(31, 41, 55, var(--border-opacity));
+}
+
+.focus-within\:border-gray-900:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(17, 24, 39, var(--border-opacity));
+}
+
+.focus-within\:border-red-50:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(254, 242, 242, var(--border-opacity));
+}
+
+.focus-within\:border-red-100:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(254, 226, 226, var(--border-opacity));
+}
+
+.focus-within\:border-red-200:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(254, 202, 202, var(--border-opacity));
+}
+
+.focus-within\:border-red-300:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(252, 165, 165, var(--border-opacity));
+}
+
+.focus-within\:border-red-400:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(248, 113, 113, var(--border-opacity));
+}
+
+.focus-within\:border-red-500:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(239, 68, 68, var(--border-opacity));
+}
+
+.focus-within\:border-red-600:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(220, 38, 38, var(--border-opacity));
+}
+
+.focus-within\:border-red-700:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(185, 28, 28, var(--border-opacity));
+}
+
+.focus-within\:border-red-800:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(153, 27, 27, var(--border-opacity));
+}
+
+.focus-within\:border-red-900:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(127, 29, 29, var(--border-opacity));
+}
+
+.focus-within\:border-yellow-50:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(255, 251, 235, var(--border-opacity));
+}
+
+.focus-within\:border-yellow-100:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(254, 243, 199, var(--border-opacity));
+}
+
+.focus-within\:border-yellow-200:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(253, 230, 138, var(--border-opacity));
+}
+
+.focus-within\:border-yellow-300:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(252, 211, 77, var(--border-opacity));
+}
+
+.focus-within\:border-yellow-400:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(251, 191, 36, var(--border-opacity));
+}
+
+.focus-within\:border-yellow-500:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(245, 158, 11, var(--border-opacity));
+}
+
+.focus-within\:border-yellow-600:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(217, 119, 6, var(--border-opacity));
+}
+
+.focus-within\:border-yellow-700:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(180, 83, 9, var(--border-opacity));
+}
+
+.focus-within\:border-yellow-800:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(146, 64, 14, var(--border-opacity));
+}
+
+.focus-within\:border-yellow-900:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(120, 53, 15, var(--border-opacity));
+}
+
+.focus-within\:border-green-50:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(236, 253, 245, var(--border-opacity));
+}
+
+.focus-within\:border-green-100:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(209, 250, 229, var(--border-opacity));
+}
+
+.focus-within\:border-green-200:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(167, 243, 208, var(--border-opacity));
+}
+
+.focus-within\:border-green-300:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(110, 231, 183, var(--border-opacity));
+}
+
+.focus-within\:border-green-400:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(52, 211, 153, var(--border-opacity));
+}
+
+.focus-within\:border-green-500:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(16, 185, 129, var(--border-opacity));
+}
+
+.focus-within\:border-green-600:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(5, 150, 105, var(--border-opacity));
+}
+
+.focus-within\:border-green-700:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(4, 120, 87, var(--border-opacity));
+}
+
+.focus-within\:border-green-800:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(6, 95, 70, var(--border-opacity));
+}
+
+.focus-within\:border-green-900:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(6, 78, 59, var(--border-opacity));
+}
+
+.focus-within\:border-blue-50:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(239, 246, 255, var(--border-opacity));
+}
+
+.focus-within\:border-blue-100:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(219, 234, 254, var(--border-opacity));
+}
+
+.focus-within\:border-blue-200:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(191, 219, 254, var(--border-opacity));
+}
+
+.focus-within\:border-blue-300:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(147, 197, 253, var(--border-opacity));
+}
+
+.focus-within\:border-blue-400:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(96, 165, 250, var(--border-opacity));
+}
+
+.focus-within\:border-blue-500:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(59, 130, 246, var(--border-opacity));
+}
+
+.focus-within\:border-blue-600:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(37, 99, 235, var(--border-opacity));
+}
+
+.focus-within\:border-blue-700:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(29, 78, 216, var(--border-opacity));
+}
+
+.focus-within\:border-blue-800:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(30, 64, 175, var(--border-opacity));
+}
+
+.focus-within\:border-blue-900:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(30, 58, 138, var(--border-opacity));
+}
+
+.focus-within\:border-indigo-50:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(238, 242, 255, var(--border-opacity));
+}
+
+.focus-within\:border-indigo-100:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(224, 231, 255, var(--border-opacity));
+}
+
+.focus-within\:border-indigo-200:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(199, 210, 254, var(--border-opacity));
+}
+
+.focus-within\:border-indigo-300:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(165, 180, 252, var(--border-opacity));
+}
+
+.focus-within\:border-indigo-400:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(129, 140, 248, var(--border-opacity));
+}
+
+.focus-within\:border-indigo-500:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(99, 102, 241, var(--border-opacity));
+}
+
+.focus-within\:border-indigo-600:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(79, 70, 229, var(--border-opacity));
+}
+
+.focus-within\:border-indigo-700:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(67, 56, 202, var(--border-opacity));
+}
+
+.focus-within\:border-indigo-800:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(55, 48, 163, var(--border-opacity));
+}
+
+.focus-within\:border-indigo-900:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(49, 46, 129, var(--border-opacity));
+}
+
+.focus-within\:border-purple-50:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(245, 243, 255, var(--border-opacity));
+}
+
+.focus-within\:border-purple-100:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(237, 233, 254, var(--border-opacity));
+}
+
+.focus-within\:border-purple-200:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(221, 214, 254, var(--border-opacity));
+}
+
+.focus-within\:border-purple-300:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(196, 181, 253, var(--border-opacity));
+}
+
+.focus-within\:border-purple-400:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(167, 139, 250, var(--border-opacity));
+}
+
+.focus-within\:border-purple-500:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(139, 92, 246, var(--border-opacity));
+}
+
+.focus-within\:border-purple-600:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(124, 58, 237, var(--border-opacity));
+}
+
+.focus-within\:border-purple-700:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(109, 40, 217, var(--border-opacity));
+}
+
+.focus-within\:border-purple-800:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(91, 33, 182, var(--border-opacity));
+}
+
+.focus-within\:border-purple-900:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(76, 29, 149, var(--border-opacity));
+}
+
+.focus-within\:border-pink-50:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(253, 242, 248, var(--border-opacity));
+}
+
+.focus-within\:border-pink-100:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(252, 231, 243, var(--border-opacity));
+}
+
+.focus-within\:border-pink-200:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(251, 207, 232, var(--border-opacity));
+}
+
+.focus-within\:border-pink-300:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(249, 168, 212, var(--border-opacity));
+}
+
+.focus-within\:border-pink-400:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(244, 114, 182, var(--border-opacity));
+}
+
+.focus-within\:border-pink-500:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(236, 72, 153, var(--border-opacity));
+}
+
+.focus-within\:border-pink-600:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(219, 39, 119, var(--border-opacity));
+}
+
+.focus-within\:border-pink-700:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(190, 24, 93, var(--border-opacity));
+}
+
+.focus-within\:border-pink-800:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(157, 23, 77, var(--border-opacity));
+}
+
+.focus-within\:border-pink-900:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(131, 24, 67, var(--border-opacity));
+}
+
 .hover\:border-transparent:hover {
   border-color: transparent;
 }
@@ -9342,6 +10253,58 @@ video {
   --border-opacity: 1;
 }
 
+.focus-within\:border-opacity-0:focus-within {
+  --border-opacity: 0;
+}
+
+.focus-within\:border-opacity-10:focus-within {
+  --border-opacity: 0.1;
+}
+
+.focus-within\:border-opacity-20:focus-within {
+  --border-opacity: 0.2;
+}
+
+.focus-within\:border-opacity-25:focus-within {
+  --border-opacity: 0.25;
+}
+
+.focus-within\:border-opacity-30:focus-within {
+  --border-opacity: 0.3;
+}
+
+.focus-within\:border-opacity-40:focus-within {
+  --border-opacity: 0.4;
+}
+
+.focus-within\:border-opacity-50:focus-within {
+  --border-opacity: 0.5;
+}
+
+.focus-within\:border-opacity-60:focus-within {
+  --border-opacity: 0.6;
+}
+
+.focus-within\:border-opacity-70:focus-within {
+  --border-opacity: 0.7;
+}
+
+.focus-within\:border-opacity-75:focus-within {
+  --border-opacity: 0.75;
+}
+
+.focus-within\:border-opacity-80:focus-within {
+  --border-opacity: 0.8;
+}
+
+.focus-within\:border-opacity-90:focus-within {
+  --border-opacity: 0.9;
+}
+
+.focus-within\:border-opacity-100:focus-within {
+  --border-opacity: 1;
+}
+
 .hover\:border-opacity-0:hover {
   --border-opacity: 0;
 }
@@ -13385,6 +14348,58 @@ video {
   opacity: 1;
 }
 
+.focus-within\:opacity-0:focus-within {
+  opacity: 0;
+}
+
+.focus-within\:opacity-10:focus-within {
+  opacity: 0.1;
+}
+
+.focus-within\:opacity-20:focus-within {
+  opacity: 0.2;
+}
+
+.focus-within\:opacity-25:focus-within {
+  opacity: 0.25;
+}
+
+.focus-within\:opacity-30:focus-within {
+  opacity: 0.3;
+}
+
+.focus-within\:opacity-40:focus-within {
+  opacity: 0.4;
+}
+
+.focus-within\:opacity-50:focus-within {
+  opacity: 0.5;
+}
+
+.focus-within\:opacity-60:focus-within {
+  opacity: 0.6;
+}
+
+.focus-within\:opacity-70:focus-within {
+  opacity: 0.7;
+}
+
+.focus-within\:opacity-75:focus-within {
+  opacity: 0.75;
+}
+
+.focus-within\:opacity-80:focus-within {
+  opacity: 0.8;
+}
+
+.focus-within\:opacity-90:focus-within {
+  opacity: 0.9;
+}
+
+.focus-within\:opacity-100:focus-within {
+  opacity: 1;
+}
+
 .hover\:opacity-0:hover {
   opacity: 0;
 }
@@ -18453,6 +19468,50 @@ video {
   box-shadow: none;
 }
 
+.focus-within\:shadow-xs:focus-within {
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+.focus-within\:shadow-sm:focus-within {
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+
+.focus-within\:shadow:focus-within {
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+}
+
+.focus-within\:shadow-md:focus-within {
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+}
+
+.focus-within\:shadow-lg:focus-within {
+  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+}
+
+.focus-within\:shadow-xl:focus-within {
+  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+}
+
+.focus-within\:shadow-2xl:focus-within {
+  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+}
+
+.focus-within\:shadow-inner:focus-within {
+  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+}
+
+.focus-within\:shadow-outline:focus-within {
+  box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
+}
+
+.focus-within\:shadow-solid:focus-within {
+  box-shadow: 0 0 0 2px currentColor;
+}
+
+.focus-within\:shadow-none:focus-within {
+  box-shadow: none;
+}
+
 .hover\:shadow-xs:hover {
   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
 }
@@ -19421,6 +20480,424 @@ video {
   color: rgba(131, 24, 67, var(--text-opacity));
 }
 
+.focus-within\:text-transparent:focus-within {
+  color: transparent;
+}
+
+.focus-within\:text-current:focus-within {
+  color: currentColor;
+}
+
+.focus-within\:text-black:focus-within {
+  --text-opacity: 1;
+  color: rgba(0, 0, 0, var(--text-opacity));
+}
+
+.focus-within\:text-white:focus-within {
+  --text-opacity: 1;
+  color: rgba(255, 255, 255, var(--text-opacity));
+}
+
+.focus-within\:text-gray-50:focus-within {
+  --text-opacity: 1;
+  color: rgba(249, 250, 251, var(--text-opacity));
+}
+
+.focus-within\:text-gray-100:focus-within {
+  --text-opacity: 1;
+  color: rgba(243, 244, 246, var(--text-opacity));
+}
+
+.focus-within\:text-gray-200:focus-within {
+  --text-opacity: 1;
+  color: rgba(229, 231, 235, var(--text-opacity));
+}
+
+.focus-within\:text-gray-300:focus-within {
+  --text-opacity: 1;
+  color: rgba(209, 213, 219, var(--text-opacity));
+}
+
+.focus-within\:text-gray-400:focus-within {
+  --text-opacity: 1;
+  color: rgba(156, 163, 175, var(--text-opacity));
+}
+
+.focus-within\:text-gray-500:focus-within {
+  --text-opacity: 1;
+  color: rgba(107, 114, 128, var(--text-opacity));
+}
+
+.focus-within\:text-gray-600:focus-within {
+  --text-opacity: 1;
+  color: rgba(75, 85, 99, var(--text-opacity));
+}
+
+.focus-within\:text-gray-700:focus-within {
+  --text-opacity: 1;
+  color: rgba(55, 65, 81, var(--text-opacity));
+}
+
+.focus-within\:text-gray-800:focus-within {
+  --text-opacity: 1;
+  color: rgba(31, 41, 55, var(--text-opacity));
+}
+
+.focus-within\:text-gray-900:focus-within {
+  --text-opacity: 1;
+  color: rgba(17, 24, 39, var(--text-opacity));
+}
+
+.focus-within\:text-red-50:focus-within {
+  --text-opacity: 1;
+  color: rgba(254, 242, 242, var(--text-opacity));
+}
+
+.focus-within\:text-red-100:focus-within {
+  --text-opacity: 1;
+  color: rgba(254, 226, 226, var(--text-opacity));
+}
+
+.focus-within\:text-red-200:focus-within {
+  --text-opacity: 1;
+  color: rgba(254, 202, 202, var(--text-opacity));
+}
+
+.focus-within\:text-red-300:focus-within {
+  --text-opacity: 1;
+  color: rgba(252, 165, 165, var(--text-opacity));
+}
+
+.focus-within\:text-red-400:focus-within {
+  --text-opacity: 1;
+  color: rgba(248, 113, 113, var(--text-opacity));
+}
+
+.focus-within\:text-red-500:focus-within {
+  --text-opacity: 1;
+  color: rgba(239, 68, 68, var(--text-opacity));
+}
+
+.focus-within\:text-red-600:focus-within {
+  --text-opacity: 1;
+  color: rgba(220, 38, 38, var(--text-opacity));
+}
+
+.focus-within\:text-red-700:focus-within {
+  --text-opacity: 1;
+  color: rgba(185, 28, 28, var(--text-opacity));
+}
+
+.focus-within\:text-red-800:focus-within {
+  --text-opacity: 1;
+  color: rgba(153, 27, 27, var(--text-opacity));
+}
+
+.focus-within\:text-red-900:focus-within {
+  --text-opacity: 1;
+  color: rgba(127, 29, 29, var(--text-opacity));
+}
+
+.focus-within\:text-yellow-50:focus-within {
+  --text-opacity: 1;
+  color: rgba(255, 251, 235, var(--text-opacity));
+}
+
+.focus-within\:text-yellow-100:focus-within {
+  --text-opacity: 1;
+  color: rgba(254, 243, 199, var(--text-opacity));
+}
+
+.focus-within\:text-yellow-200:focus-within {
+  --text-opacity: 1;
+  color: rgba(253, 230, 138, var(--text-opacity));
+}
+
+.focus-within\:text-yellow-300:focus-within {
+  --text-opacity: 1;
+  color: rgba(252, 211, 77, var(--text-opacity));
+}
+
+.focus-within\:text-yellow-400:focus-within {
+  --text-opacity: 1;
+  color: rgba(251, 191, 36, var(--text-opacity));
+}
+
+.focus-within\:text-yellow-500:focus-within {
+  --text-opacity: 1;
+  color: rgba(245, 158, 11, var(--text-opacity));
+}
+
+.focus-within\:text-yellow-600:focus-within {
+  --text-opacity: 1;
+  color: rgba(217, 119, 6, var(--text-opacity));
+}
+
+.focus-within\:text-yellow-700:focus-within {
+  --text-opacity: 1;
+  color: rgba(180, 83, 9, var(--text-opacity));
+}
+
+.focus-within\:text-yellow-800:focus-within {
+  --text-opacity: 1;
+  color: rgba(146, 64, 14, var(--text-opacity));
+}
+
+.focus-within\:text-yellow-900:focus-within {
+  --text-opacity: 1;
+  color: rgba(120, 53, 15, var(--text-opacity));
+}
+
+.focus-within\:text-green-50:focus-within {
+  --text-opacity: 1;
+  color: rgba(236, 253, 245, var(--text-opacity));
+}
+
+.focus-within\:text-green-100:focus-within {
+  --text-opacity: 1;
+  color: rgba(209, 250, 229, var(--text-opacity));
+}
+
+.focus-within\:text-green-200:focus-within {
+  --text-opacity: 1;
+  color: rgba(167, 243, 208, var(--text-opacity));
+}
+
+.focus-within\:text-green-300:focus-within {
+  --text-opacity: 1;
+  color: rgba(110, 231, 183, var(--text-opacity));
+}
+
+.focus-within\:text-green-400:focus-within {
+  --text-opacity: 1;
+  color: rgba(52, 211, 153, var(--text-opacity));
+}
+
+.focus-within\:text-green-500:focus-within {
+  --text-opacity: 1;
+  color: rgba(16, 185, 129, var(--text-opacity));
+}
+
+.focus-within\:text-green-600:focus-within {
+  --text-opacity: 1;
+  color: rgba(5, 150, 105, var(--text-opacity));
+}
+
+.focus-within\:text-green-700:focus-within {
+  --text-opacity: 1;
+  color: rgba(4, 120, 87, var(--text-opacity));
+}
+
+.focus-within\:text-green-800:focus-within {
+  --text-opacity: 1;
+  color: rgba(6, 95, 70, var(--text-opacity));
+}
+
+.focus-within\:text-green-900:focus-within {
+  --text-opacity: 1;
+  color: rgba(6, 78, 59, var(--text-opacity));
+}
+
+.focus-within\:text-blue-50:focus-within {
+  --text-opacity: 1;
+  color: rgba(239, 246, 255, var(--text-opacity));
+}
+
+.focus-within\:text-blue-100:focus-within {
+  --text-opacity: 1;
+  color: rgba(219, 234, 254, var(--text-opacity));
+}
+
+.focus-within\:text-blue-200:focus-within {
+  --text-opacity: 1;
+  color: rgba(191, 219, 254, var(--text-opacity));
+}
+
+.focus-within\:text-blue-300:focus-within {
+  --text-opacity: 1;
+  color: rgba(147, 197, 253, var(--text-opacity));
+}
+
+.focus-within\:text-blue-400:focus-within {
+  --text-opacity: 1;
+  color: rgba(96, 165, 250, var(--text-opacity));
+}
+
+.focus-within\:text-blue-500:focus-within {
+  --text-opacity: 1;
+  color: rgba(59, 130, 246, var(--text-opacity));
+}
+
+.focus-within\:text-blue-600:focus-within {
+  --text-opacity: 1;
+  color: rgba(37, 99, 235, var(--text-opacity));
+}
+
+.focus-within\:text-blue-700:focus-within {
+  --text-opacity: 1;
+  color: rgba(29, 78, 216, var(--text-opacity));
+}
+
+.focus-within\:text-blue-800:focus-within {
+  --text-opacity: 1;
+  color: rgba(30, 64, 175, var(--text-opacity));
+}
+
+.focus-within\:text-blue-900:focus-within {
+  --text-opacity: 1;
+  color: rgba(30, 58, 138, var(--text-opacity));
+}
+
+.focus-within\:text-indigo-50:focus-within {
+  --text-opacity: 1;
+  color: rgba(238, 242, 255, var(--text-opacity));
+}
+
+.focus-within\:text-indigo-100:focus-within {
+  --text-opacity: 1;
+  color: rgba(224, 231, 255, var(--text-opacity));
+}
+
+.focus-within\:text-indigo-200:focus-within {
+  --text-opacity: 1;
+  color: rgba(199, 210, 254, var(--text-opacity));
+}
+
+.focus-within\:text-indigo-300:focus-within {
+  --text-opacity: 1;
+  color: rgba(165, 180, 252, var(--text-opacity));
+}
+
+.focus-within\:text-indigo-400:focus-within {
+  --text-opacity: 1;
+  color: rgba(129, 140, 248, var(--text-opacity));
+}
+
+.focus-within\:text-indigo-500:focus-within {
+  --text-opacity: 1;
+  color: rgba(99, 102, 241, var(--text-opacity));
+}
+
+.focus-within\:text-indigo-600:focus-within {
+  --text-opacity: 1;
+  color: rgba(79, 70, 229, var(--text-opacity));
+}
+
+.focus-within\:text-indigo-700:focus-within {
+  --text-opacity: 1;
+  color: rgba(67, 56, 202, var(--text-opacity));
+}
+
+.focus-within\:text-indigo-800:focus-within {
+  --text-opacity: 1;
+  color: rgba(55, 48, 163, var(--text-opacity));
+}
+
+.focus-within\:text-indigo-900:focus-within {
+  --text-opacity: 1;
+  color: rgba(49, 46, 129, var(--text-opacity));
+}
+
+.focus-within\:text-purple-50:focus-within {
+  --text-opacity: 1;
+  color: rgba(245, 243, 255, var(--text-opacity));
+}
+
+.focus-within\:text-purple-100:focus-within {
+  --text-opacity: 1;
+  color: rgba(237, 233, 254, var(--text-opacity));
+}
+
+.focus-within\:text-purple-200:focus-within {
+  --text-opacity: 1;
+  color: rgba(221, 214, 254, var(--text-opacity));
+}
+
+.focus-within\:text-purple-300:focus-within {
+  --text-opacity: 1;
+  color: rgba(196, 181, 253, var(--text-opacity));
+}
+
+.focus-within\:text-purple-400:focus-within {
+  --text-opacity: 1;
+  color: rgba(167, 139, 250, var(--text-opacity));
+}
+
+.focus-within\:text-purple-500:focus-within {
+  --text-opacity: 1;
+  color: rgba(139, 92, 246, var(--text-opacity));
+}
+
+.focus-within\:text-purple-600:focus-within {
+  --text-opacity: 1;
+  color: rgba(124, 58, 237, var(--text-opacity));
+}
+
+.focus-within\:text-purple-700:focus-within {
+  --text-opacity: 1;
+  color: rgba(109, 40, 217, var(--text-opacity));
+}
+
+.focus-within\:text-purple-800:focus-within {
+  --text-opacity: 1;
+  color: rgba(91, 33, 182, var(--text-opacity));
+}
+
+.focus-within\:text-purple-900:focus-within {
+  --text-opacity: 1;
+  color: rgba(76, 29, 149, var(--text-opacity));
+}
+
+.focus-within\:text-pink-50:focus-within {
+  --text-opacity: 1;
+  color: rgba(253, 242, 248, var(--text-opacity));
+}
+
+.focus-within\:text-pink-100:focus-within {
+  --text-opacity: 1;
+  color: rgba(252, 231, 243, var(--text-opacity));
+}
+
+.focus-within\:text-pink-200:focus-within {
+  --text-opacity: 1;
+  color: rgba(251, 207, 232, var(--text-opacity));
+}
+
+.focus-within\:text-pink-300:focus-within {
+  --text-opacity: 1;
+  color: rgba(249, 168, 212, var(--text-opacity));
+}
+
+.focus-within\:text-pink-400:focus-within {
+  --text-opacity: 1;
+  color: rgba(244, 114, 182, var(--text-opacity));
+}
+
+.focus-within\:text-pink-500:focus-within {
+  --text-opacity: 1;
+  color: rgba(236, 72, 153, var(--text-opacity));
+}
+
+.focus-within\:text-pink-600:focus-within {
+  --text-opacity: 1;
+  color: rgba(219, 39, 119, var(--text-opacity));
+}
+
+.focus-within\:text-pink-700:focus-within {
+  --text-opacity: 1;
+  color: rgba(190, 24, 93, var(--text-opacity));
+}
+
+.focus-within\:text-pink-800:focus-within {
+  --text-opacity: 1;
+  color: rgba(157, 23, 77, var(--text-opacity));
+}
+
+.focus-within\:text-pink-900:focus-within {
+  --text-opacity: 1;
+  color: rgba(131, 24, 67, var(--text-opacity));
+}
+
 .hover\:text-transparent:hover {
   color: transparent;
 }
@@ -20361,6 +21838,58 @@ video {
   --text-opacity: 1;
 }
 
+.focus-within\:text-opacity-0:focus-within {
+  --text-opacity: 0;
+}
+
+.focus-within\:text-opacity-10:focus-within {
+  --text-opacity: 0.1;
+}
+
+.focus-within\:text-opacity-20:focus-within {
+  --text-opacity: 0.2;
+}
+
+.focus-within\:text-opacity-25:focus-within {
+  --text-opacity: 0.25;
+}
+
+.focus-within\:text-opacity-30:focus-within {
+  --text-opacity: 0.3;
+}
+
+.focus-within\:text-opacity-40:focus-within {
+  --text-opacity: 0.4;
+}
+
+.focus-within\:text-opacity-50:focus-within {
+  --text-opacity: 0.5;
+}
+
+.focus-within\:text-opacity-60:focus-within {
+  --text-opacity: 0.6;
+}
+
+.focus-within\:text-opacity-70:focus-within {
+  --text-opacity: 0.7;
+}
+
+.focus-within\:text-opacity-75:focus-within {
+  --text-opacity: 0.75;
+}
+
+.focus-within\:text-opacity-80:focus-within {
+  --text-opacity: 0.8;
+}
+
+.focus-within\:text-opacity-90:focus-within {
+  --text-opacity: 0.9;
+}
+
+.focus-within\:text-opacity-100:focus-within {
+  --text-opacity: 1;
+}
+
 .hover\:text-opacity-0:hover {
   --text-opacity: 0;
 }
@@ -20991,6 +22520,34 @@ video {
   z-index: auto;
 }
 
+.focus-within\:z-0:focus-within {
+  z-index: 0;
+}
+
+.focus-within\:z-10:focus-within {
+  z-index: 10;
+}
+
+.focus-within\:z-20:focus-within {
+  z-index: 20;
+}
+
+.focus-within\:z-30:focus-within {
+  z-index: 30;
+}
+
+.focus-within\:z-40:focus-within {
+  z-index: 40;
+}
+
+.focus-within\:z-50:focus-within {
+  z-index: 50;
+}
+
+.focus-within\:z-auto:focus-within {
+  z-index: auto;
+}
+
 .focus\:z-0:focus {
   z-index: 0;
 }
@@ -26464,6 +28021,29 @@ video {
     white-space: normal;
   }
 
+  .sm\:focus-within\:sr-only:focus-within {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .sm\:focus-within\:not-sr-only:focus-within {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
   .sm\:focus\:sr-only:focus {
     position: absolute;
     width: 1px;
@@ -27355,6 +28935,424 @@ video {
     background-color: rgba(131, 24, 67, var(--bg-opacity));
   }
 
+  .sm\:focus-within\:bg-transparent:focus-within {
+    background-color: transparent;
+  }
+
+  .sm\:focus-within\:bg-current:focus-within {
+    background-color: currentColor;
+  }
+
+  .sm\:focus-within\:bg-black:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-white:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-gray-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-gray-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-gray-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-gray-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-gray-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-gray-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-gray-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-gray-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-gray-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-gray-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-red-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-red-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-red-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-red-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-red-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-red-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-red-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-red-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-red-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-red-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-yellow-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-yellow-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-yellow-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-yellow-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-yellow-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-yellow-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-yellow-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-yellow-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-yellow-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-yellow-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-green-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-green-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-green-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-green-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-green-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-green-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-green-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-green-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-green-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-green-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-blue-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-blue-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-blue-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-blue-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-blue-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-blue-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-blue-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-blue-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-blue-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-blue-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-indigo-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-indigo-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-indigo-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-indigo-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-indigo-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-indigo-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-indigo-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-indigo-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-indigo-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-indigo-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-purple-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-purple-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-purple-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-purple-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-purple-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-purple-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-purple-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-purple-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-purple-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-purple-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-pink-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-pink-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-pink-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-pink-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-pink-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-pink-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-pink-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-pink-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-pink-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-pink-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--bg-opacity));
+  }
+
   .sm\:hover\:bg-transparent:hover {
     background-color: transparent;
   }
@@ -31859,6 +33857,58 @@ video {
     --bg-opacity: 1;
   }
 
+  .sm\:focus-within\:bg-opacity-0:focus-within {
+    --bg-opacity: 0;
+  }
+
+  .sm\:focus-within\:bg-opacity-10:focus-within {
+    --bg-opacity: 0.1;
+  }
+
+  .sm\:focus-within\:bg-opacity-20:focus-within {
+    --bg-opacity: 0.2;
+  }
+
+  .sm\:focus-within\:bg-opacity-25:focus-within {
+    --bg-opacity: 0.25;
+  }
+
+  .sm\:focus-within\:bg-opacity-30:focus-within {
+    --bg-opacity: 0.3;
+  }
+
+  .sm\:focus-within\:bg-opacity-40:focus-within {
+    --bg-opacity: 0.4;
+  }
+
+  .sm\:focus-within\:bg-opacity-50:focus-within {
+    --bg-opacity: 0.5;
+  }
+
+  .sm\:focus-within\:bg-opacity-60:focus-within {
+    --bg-opacity: 0.6;
+  }
+
+  .sm\:focus-within\:bg-opacity-70:focus-within {
+    --bg-opacity: 0.7;
+  }
+
+  .sm\:focus-within\:bg-opacity-75:focus-within {
+    --bg-opacity: 0.75;
+  }
+
+  .sm\:focus-within\:bg-opacity-80:focus-within {
+    --bg-opacity: 0.8;
+  }
+
+  .sm\:focus-within\:bg-opacity-90:focus-within {
+    --bg-opacity: 0.9;
+  }
+
+  .sm\:focus-within\:bg-opacity-100:focus-within {
+    --bg-opacity: 1;
+  }
+
   .sm\:hover\:bg-opacity-0:hover {
     --bg-opacity: 0;
   }
@@ -32879,6 +34929,424 @@ video {
     border-color: rgba(131, 24, 67, var(--border-opacity));
   }
 
+  .sm\:focus-within\:border-transparent:focus-within {
+    border-color: transparent;
+  }
+
+  .sm\:focus-within\:border-current:focus-within {
+    border-color: currentColor;
+  }
+
+  .sm\:focus-within\:border-black:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-white:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--border-opacity));
+  }
+
   .sm\:hover\:border-transparent:hover {
     border-color: transparent;
   }
@@ -33819,6 +36287,58 @@ video {
     --border-opacity: 1;
   }
 
+  .sm\:focus-within\:border-opacity-0:focus-within {
+    --border-opacity: 0;
+  }
+
+  .sm\:focus-within\:border-opacity-10:focus-within {
+    --border-opacity: 0.1;
+  }
+
+  .sm\:focus-within\:border-opacity-20:focus-within {
+    --border-opacity: 0.2;
+  }
+
+  .sm\:focus-within\:border-opacity-25:focus-within {
+    --border-opacity: 0.25;
+  }
+
+  .sm\:focus-within\:border-opacity-30:focus-within {
+    --border-opacity: 0.3;
+  }
+
+  .sm\:focus-within\:border-opacity-40:focus-within {
+    --border-opacity: 0.4;
+  }
+
+  .sm\:focus-within\:border-opacity-50:focus-within {
+    --border-opacity: 0.5;
+  }
+
+  .sm\:focus-within\:border-opacity-60:focus-within {
+    --border-opacity: 0.6;
+  }
+
+  .sm\:focus-within\:border-opacity-70:focus-within {
+    --border-opacity: 0.7;
+  }
+
+  .sm\:focus-within\:border-opacity-75:focus-within {
+    --border-opacity: 0.75;
+  }
+
+  .sm\:focus-within\:border-opacity-80:focus-within {
+    --border-opacity: 0.8;
+  }
+
+  .sm\:focus-within\:border-opacity-90:focus-within {
+    --border-opacity: 0.9;
+  }
+
+  .sm\:focus-within\:border-opacity-100:focus-within {
+    --border-opacity: 1;
+  }
+
   .sm\:hover\:border-opacity-0:hover {
     --border-opacity: 0;
   }
@@ -37862,6 +40382,58 @@ video {
     opacity: 1;
   }
 
+  .sm\:focus-within\:opacity-0:focus-within {
+    opacity: 0;
+  }
+
+  .sm\:focus-within\:opacity-10:focus-within {
+    opacity: 0.1;
+  }
+
+  .sm\:focus-within\:opacity-20:focus-within {
+    opacity: 0.2;
+  }
+
+  .sm\:focus-within\:opacity-25:focus-within {
+    opacity: 0.25;
+  }
+
+  .sm\:focus-within\:opacity-30:focus-within {
+    opacity: 0.3;
+  }
+
+  .sm\:focus-within\:opacity-40:focus-within {
+    opacity: 0.4;
+  }
+
+  .sm\:focus-within\:opacity-50:focus-within {
+    opacity: 0.5;
+  }
+
+  .sm\:focus-within\:opacity-60:focus-within {
+    opacity: 0.6;
+  }
+
+  .sm\:focus-within\:opacity-70:focus-within {
+    opacity: 0.7;
+  }
+
+  .sm\:focus-within\:opacity-75:focus-within {
+    opacity: 0.75;
+  }
+
+  .sm\:focus-within\:opacity-80:focus-within {
+    opacity: 0.8;
+  }
+
+  .sm\:focus-within\:opacity-90:focus-within {
+    opacity: 0.9;
+  }
+
+  .sm\:focus-within\:opacity-100:focus-within {
+    opacity: 1;
+  }
+
   .sm\:hover\:opacity-0:hover {
     opacity: 0;
   }
@@ -42930,6 +45502,50 @@ video {
     box-shadow: none;
   }
 
+  .sm\:focus-within\:shadow-xs:focus-within {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .sm\:focus-within\:shadow-sm:focus-within {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .sm\:focus-within\:shadow:focus-within {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .sm\:focus-within\:shadow-md:focus-within {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .sm\:focus-within\:shadow-lg:focus-within {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .sm\:focus-within\:shadow-xl:focus-within {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .sm\:focus-within\:shadow-2xl:focus-within {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .sm\:focus-within\:shadow-inner:focus-within {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .sm\:focus-within\:shadow-outline:focus-within {
+    box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
+  }
+
+  .sm\:focus-within\:shadow-solid:focus-within {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .sm\:focus-within\:shadow-none:focus-within {
+    box-shadow: none;
+  }
+
   .sm\:hover\:shadow-xs:hover {
     box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
   }
@@ -43898,6 +46514,424 @@ video {
     color: rgba(131, 24, 67, var(--text-opacity));
   }
 
+  .sm\:focus-within\:text-transparent:focus-within {
+    color: transparent;
+  }
+
+  .sm\:focus-within\:text-current:focus-within {
+    color: currentColor;
+  }
+
+  .sm\:focus-within\:text-black:focus-within {
+    --text-opacity: 1;
+    color: rgba(0, 0, 0, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-white:focus-within {
+    --text-opacity: 1;
+    color: rgba(255, 255, 255, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(249, 250, 251, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(243, 244, 246, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(229, 231, 235, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(209, 213, 219, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(156, 163, 175, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(107, 114, 128, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(75, 85, 99, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(55, 65, 81, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(31, 41, 55, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(17, 24, 39, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(254, 242, 242, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(254, 226, 226, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(254, 202, 202, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(252, 165, 165, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(248, 113, 113, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(239, 68, 68, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(220, 38, 38, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(185, 28, 28, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(153, 27, 27, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(127, 29, 29, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(255, 251, 235, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(254, 243, 199, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(253, 230, 138, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(252, 211, 77, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(251, 191, 36, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(245, 158, 11, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(217, 119, 6, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(180, 83, 9, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(146, 64, 14, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(120, 53, 15, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(236, 253, 245, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(209, 250, 229, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(167, 243, 208, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(110, 231, 183, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(52, 211, 153, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(16, 185, 129, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(5, 150, 105, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(4, 120, 87, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(6, 95, 70, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(6, 78, 59, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(239, 246, 255, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(219, 234, 254, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(191, 219, 254, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(147, 197, 253, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(96, 165, 250, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(59, 130, 246, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(37, 99, 235, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(29, 78, 216, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(30, 64, 175, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(30, 58, 138, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(238, 242, 255, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(224, 231, 255, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(199, 210, 254, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(165, 180, 252, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(129, 140, 248, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(99, 102, 241, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(79, 70, 229, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(67, 56, 202, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(55, 48, 163, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(49, 46, 129, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(245, 243, 255, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(237, 233, 254, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(221, 214, 254, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(196, 181, 253, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(167, 139, 250, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(139, 92, 246, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(124, 58, 237, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(109, 40, 217, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(91, 33, 182, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(76, 29, 149, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(253, 242, 248, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(252, 231, 243, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(251, 207, 232, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(249, 168, 212, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(244, 114, 182, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(236, 72, 153, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(219, 39, 119, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(190, 24, 93, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(157, 23, 77, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(131, 24, 67, var(--text-opacity));
+  }
+
   .sm\:hover\:text-transparent:hover {
     color: transparent;
   }
@@ -44838,6 +47872,58 @@ video {
     --text-opacity: 1;
   }
 
+  .sm\:focus-within\:text-opacity-0:focus-within {
+    --text-opacity: 0;
+  }
+
+  .sm\:focus-within\:text-opacity-10:focus-within {
+    --text-opacity: 0.1;
+  }
+
+  .sm\:focus-within\:text-opacity-20:focus-within {
+    --text-opacity: 0.2;
+  }
+
+  .sm\:focus-within\:text-opacity-25:focus-within {
+    --text-opacity: 0.25;
+  }
+
+  .sm\:focus-within\:text-opacity-30:focus-within {
+    --text-opacity: 0.3;
+  }
+
+  .sm\:focus-within\:text-opacity-40:focus-within {
+    --text-opacity: 0.4;
+  }
+
+  .sm\:focus-within\:text-opacity-50:focus-within {
+    --text-opacity: 0.5;
+  }
+
+  .sm\:focus-within\:text-opacity-60:focus-within {
+    --text-opacity: 0.6;
+  }
+
+  .sm\:focus-within\:text-opacity-70:focus-within {
+    --text-opacity: 0.7;
+  }
+
+  .sm\:focus-within\:text-opacity-75:focus-within {
+    --text-opacity: 0.75;
+  }
+
+  .sm\:focus-within\:text-opacity-80:focus-within {
+    --text-opacity: 0.8;
+  }
+
+  .sm\:focus-within\:text-opacity-90:focus-within {
+    --text-opacity: 0.9;
+  }
+
+  .sm\:focus-within\:text-opacity-100:focus-within {
+    --text-opacity: 1;
+  }
+
   .sm\:hover\:text-opacity-0:hover {
     --text-opacity: 0;
   }
@@ -45468,6 +48554,34 @@ video {
     z-index: auto;
   }
 
+  .sm\:focus-within\:z-0:focus-within {
+    z-index: 0;
+  }
+
+  .sm\:focus-within\:z-10:focus-within {
+    z-index: 10;
+  }
+
+  .sm\:focus-within\:z-20:focus-within {
+    z-index: 20;
+  }
+
+  .sm\:focus-within\:z-30:focus-within {
+    z-index: 30;
+  }
+
+  .sm\:focus-within\:z-40:focus-within {
+    z-index: 40;
+  }
+
+  .sm\:focus-within\:z-50:focus-within {
+    z-index: 50;
+  }
+
+  .sm\:focus-within\:z-auto:focus-within {
+    z-index: auto;
+  }
+
   .sm\:focus\:z-0:focus {
     z-index: 0;
   }
@@ -50911,6 +54025,29 @@ video {
     white-space: normal;
   }
 
+  .md\:focus-within\:sr-only:focus-within {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .md\:focus-within\:not-sr-only:focus-within {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
   .md\:focus\:sr-only:focus {
     position: absolute;
     width: 1px;
@@ -51802,6 +54939,424 @@ video {
     background-color: rgba(131, 24, 67, var(--bg-opacity));
   }
 
+  .md\:focus-within\:bg-transparent:focus-within {
+    background-color: transparent;
+  }
+
+  .md\:focus-within\:bg-current:focus-within {
+    background-color: currentColor;
+  }
+
+  .md\:focus-within\:bg-black:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-white:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-gray-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-gray-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-gray-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-gray-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-gray-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-gray-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-gray-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-gray-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-gray-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-gray-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-red-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-red-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-red-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-red-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-red-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-red-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-red-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-red-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-red-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-red-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-yellow-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-yellow-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-yellow-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-yellow-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-yellow-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-yellow-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-yellow-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-yellow-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-yellow-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-yellow-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-green-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-green-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-green-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-green-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-green-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-green-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-green-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-green-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-green-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-green-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-blue-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-blue-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-blue-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-blue-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-blue-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-blue-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-blue-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-blue-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-blue-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-blue-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-indigo-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-indigo-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-indigo-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-indigo-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-indigo-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-indigo-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-indigo-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-indigo-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-indigo-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-indigo-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-purple-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-purple-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-purple-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-purple-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-purple-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-purple-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-purple-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-purple-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-purple-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-purple-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-pink-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-pink-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-pink-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-pink-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-pink-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-pink-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-pink-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-pink-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-pink-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-pink-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--bg-opacity));
+  }
+
   .md\:hover\:bg-transparent:hover {
     background-color: transparent;
   }
@@ -56306,6 +59861,58 @@ video {
     --bg-opacity: 1;
   }
 
+  .md\:focus-within\:bg-opacity-0:focus-within {
+    --bg-opacity: 0;
+  }
+
+  .md\:focus-within\:bg-opacity-10:focus-within {
+    --bg-opacity: 0.1;
+  }
+
+  .md\:focus-within\:bg-opacity-20:focus-within {
+    --bg-opacity: 0.2;
+  }
+
+  .md\:focus-within\:bg-opacity-25:focus-within {
+    --bg-opacity: 0.25;
+  }
+
+  .md\:focus-within\:bg-opacity-30:focus-within {
+    --bg-opacity: 0.3;
+  }
+
+  .md\:focus-within\:bg-opacity-40:focus-within {
+    --bg-opacity: 0.4;
+  }
+
+  .md\:focus-within\:bg-opacity-50:focus-within {
+    --bg-opacity: 0.5;
+  }
+
+  .md\:focus-within\:bg-opacity-60:focus-within {
+    --bg-opacity: 0.6;
+  }
+
+  .md\:focus-within\:bg-opacity-70:focus-within {
+    --bg-opacity: 0.7;
+  }
+
+  .md\:focus-within\:bg-opacity-75:focus-within {
+    --bg-opacity: 0.75;
+  }
+
+  .md\:focus-within\:bg-opacity-80:focus-within {
+    --bg-opacity: 0.8;
+  }
+
+  .md\:focus-within\:bg-opacity-90:focus-within {
+    --bg-opacity: 0.9;
+  }
+
+  .md\:focus-within\:bg-opacity-100:focus-within {
+    --bg-opacity: 1;
+  }
+
   .md\:hover\:bg-opacity-0:hover {
     --bg-opacity: 0;
   }
@@ -57326,6 +60933,424 @@ video {
     border-color: rgba(131, 24, 67, var(--border-opacity));
   }
 
+  .md\:focus-within\:border-transparent:focus-within {
+    border-color: transparent;
+  }
+
+  .md\:focus-within\:border-current:focus-within {
+    border-color: currentColor;
+  }
+
+  .md\:focus-within\:border-black:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-white:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-red-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-red-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-red-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-red-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-red-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-red-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-red-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-red-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-red-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-red-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-green-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-green-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-green-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-green-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-green-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-green-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-green-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-green-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-green-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-green-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--border-opacity));
+  }
+
   .md\:hover\:border-transparent:hover {
     border-color: transparent;
   }
@@ -58266,6 +62291,58 @@ video {
     --border-opacity: 1;
   }
 
+  .md\:focus-within\:border-opacity-0:focus-within {
+    --border-opacity: 0;
+  }
+
+  .md\:focus-within\:border-opacity-10:focus-within {
+    --border-opacity: 0.1;
+  }
+
+  .md\:focus-within\:border-opacity-20:focus-within {
+    --border-opacity: 0.2;
+  }
+
+  .md\:focus-within\:border-opacity-25:focus-within {
+    --border-opacity: 0.25;
+  }
+
+  .md\:focus-within\:border-opacity-30:focus-within {
+    --border-opacity: 0.3;
+  }
+
+  .md\:focus-within\:border-opacity-40:focus-within {
+    --border-opacity: 0.4;
+  }
+
+  .md\:focus-within\:border-opacity-50:focus-within {
+    --border-opacity: 0.5;
+  }
+
+  .md\:focus-within\:border-opacity-60:focus-within {
+    --border-opacity: 0.6;
+  }
+
+  .md\:focus-within\:border-opacity-70:focus-within {
+    --border-opacity: 0.7;
+  }
+
+  .md\:focus-within\:border-opacity-75:focus-within {
+    --border-opacity: 0.75;
+  }
+
+  .md\:focus-within\:border-opacity-80:focus-within {
+    --border-opacity: 0.8;
+  }
+
+  .md\:focus-within\:border-opacity-90:focus-within {
+    --border-opacity: 0.9;
+  }
+
+  .md\:focus-within\:border-opacity-100:focus-within {
+    --border-opacity: 1;
+  }
+
   .md\:hover\:border-opacity-0:hover {
     --border-opacity: 0;
   }
@@ -62309,6 +66386,58 @@ video {
     opacity: 1;
   }
 
+  .md\:focus-within\:opacity-0:focus-within {
+    opacity: 0;
+  }
+
+  .md\:focus-within\:opacity-10:focus-within {
+    opacity: 0.1;
+  }
+
+  .md\:focus-within\:opacity-20:focus-within {
+    opacity: 0.2;
+  }
+
+  .md\:focus-within\:opacity-25:focus-within {
+    opacity: 0.25;
+  }
+
+  .md\:focus-within\:opacity-30:focus-within {
+    opacity: 0.3;
+  }
+
+  .md\:focus-within\:opacity-40:focus-within {
+    opacity: 0.4;
+  }
+
+  .md\:focus-within\:opacity-50:focus-within {
+    opacity: 0.5;
+  }
+
+  .md\:focus-within\:opacity-60:focus-within {
+    opacity: 0.6;
+  }
+
+  .md\:focus-within\:opacity-70:focus-within {
+    opacity: 0.7;
+  }
+
+  .md\:focus-within\:opacity-75:focus-within {
+    opacity: 0.75;
+  }
+
+  .md\:focus-within\:opacity-80:focus-within {
+    opacity: 0.8;
+  }
+
+  .md\:focus-within\:opacity-90:focus-within {
+    opacity: 0.9;
+  }
+
+  .md\:focus-within\:opacity-100:focus-within {
+    opacity: 1;
+  }
+
   .md\:hover\:opacity-0:hover {
     opacity: 0;
   }
@@ -67377,6 +71506,50 @@ video {
     box-shadow: none;
   }
 
+  .md\:focus-within\:shadow-xs:focus-within {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .md\:focus-within\:shadow-sm:focus-within {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .md\:focus-within\:shadow:focus-within {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .md\:focus-within\:shadow-md:focus-within {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .md\:focus-within\:shadow-lg:focus-within {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .md\:focus-within\:shadow-xl:focus-within {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .md\:focus-within\:shadow-2xl:focus-within {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .md\:focus-within\:shadow-inner:focus-within {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .md\:focus-within\:shadow-outline:focus-within {
+    box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
+  }
+
+  .md\:focus-within\:shadow-solid:focus-within {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .md\:focus-within\:shadow-none:focus-within {
+    box-shadow: none;
+  }
+
   .md\:hover\:shadow-xs:hover {
     box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
   }
@@ -68345,6 +72518,424 @@ video {
     color: rgba(131, 24, 67, var(--text-opacity));
   }
 
+  .md\:focus-within\:text-transparent:focus-within {
+    color: transparent;
+  }
+
+  .md\:focus-within\:text-current:focus-within {
+    color: currentColor;
+  }
+
+  .md\:focus-within\:text-black:focus-within {
+    --text-opacity: 1;
+    color: rgba(0, 0, 0, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-white:focus-within {
+    --text-opacity: 1;
+    color: rgba(255, 255, 255, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(249, 250, 251, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(243, 244, 246, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(229, 231, 235, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(209, 213, 219, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(156, 163, 175, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(107, 114, 128, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(75, 85, 99, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(55, 65, 81, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(31, 41, 55, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(17, 24, 39, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-red-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(254, 242, 242, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-red-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(254, 226, 226, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-red-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(254, 202, 202, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-red-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(252, 165, 165, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-red-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(248, 113, 113, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-red-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(239, 68, 68, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-red-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(220, 38, 38, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-red-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(185, 28, 28, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-red-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(153, 27, 27, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-red-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(127, 29, 29, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(255, 251, 235, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(254, 243, 199, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(253, 230, 138, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(252, 211, 77, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(251, 191, 36, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(245, 158, 11, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(217, 119, 6, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(180, 83, 9, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(146, 64, 14, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(120, 53, 15, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-green-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(236, 253, 245, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-green-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(209, 250, 229, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-green-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(167, 243, 208, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-green-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(110, 231, 183, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-green-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(52, 211, 153, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-green-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(16, 185, 129, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-green-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(5, 150, 105, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-green-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(4, 120, 87, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-green-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(6, 95, 70, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-green-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(6, 78, 59, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(239, 246, 255, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(219, 234, 254, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(191, 219, 254, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(147, 197, 253, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(96, 165, 250, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(59, 130, 246, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(37, 99, 235, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(29, 78, 216, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(30, 64, 175, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(30, 58, 138, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(238, 242, 255, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(224, 231, 255, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(199, 210, 254, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(165, 180, 252, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(129, 140, 248, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(99, 102, 241, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(79, 70, 229, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(67, 56, 202, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(55, 48, 163, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(49, 46, 129, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(245, 243, 255, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(237, 233, 254, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(221, 214, 254, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(196, 181, 253, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(167, 139, 250, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(139, 92, 246, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(124, 58, 237, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(109, 40, 217, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(91, 33, 182, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(76, 29, 149, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(253, 242, 248, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(252, 231, 243, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(251, 207, 232, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(249, 168, 212, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(244, 114, 182, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(236, 72, 153, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(219, 39, 119, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(190, 24, 93, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(157, 23, 77, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(131, 24, 67, var(--text-opacity));
+  }
+
   .md\:hover\:text-transparent:hover {
     color: transparent;
   }
@@ -69285,6 +73876,58 @@ video {
     --text-opacity: 1;
   }
 
+  .md\:focus-within\:text-opacity-0:focus-within {
+    --text-opacity: 0;
+  }
+
+  .md\:focus-within\:text-opacity-10:focus-within {
+    --text-opacity: 0.1;
+  }
+
+  .md\:focus-within\:text-opacity-20:focus-within {
+    --text-opacity: 0.2;
+  }
+
+  .md\:focus-within\:text-opacity-25:focus-within {
+    --text-opacity: 0.25;
+  }
+
+  .md\:focus-within\:text-opacity-30:focus-within {
+    --text-opacity: 0.3;
+  }
+
+  .md\:focus-within\:text-opacity-40:focus-within {
+    --text-opacity: 0.4;
+  }
+
+  .md\:focus-within\:text-opacity-50:focus-within {
+    --text-opacity: 0.5;
+  }
+
+  .md\:focus-within\:text-opacity-60:focus-within {
+    --text-opacity: 0.6;
+  }
+
+  .md\:focus-within\:text-opacity-70:focus-within {
+    --text-opacity: 0.7;
+  }
+
+  .md\:focus-within\:text-opacity-75:focus-within {
+    --text-opacity: 0.75;
+  }
+
+  .md\:focus-within\:text-opacity-80:focus-within {
+    --text-opacity: 0.8;
+  }
+
+  .md\:focus-within\:text-opacity-90:focus-within {
+    --text-opacity: 0.9;
+  }
+
+  .md\:focus-within\:text-opacity-100:focus-within {
+    --text-opacity: 1;
+  }
+
   .md\:hover\:text-opacity-0:hover {
     --text-opacity: 0;
   }
@@ -69915,6 +74558,34 @@ video {
     z-index: auto;
   }
 
+  .md\:focus-within\:z-0:focus-within {
+    z-index: 0;
+  }
+
+  .md\:focus-within\:z-10:focus-within {
+    z-index: 10;
+  }
+
+  .md\:focus-within\:z-20:focus-within {
+    z-index: 20;
+  }
+
+  .md\:focus-within\:z-30:focus-within {
+    z-index: 30;
+  }
+
+  .md\:focus-within\:z-40:focus-within {
+    z-index: 40;
+  }
+
+  .md\:focus-within\:z-50:focus-within {
+    z-index: 50;
+  }
+
+  .md\:focus-within\:z-auto:focus-within {
+    z-index: auto;
+  }
+
   .md\:focus\:z-0:focus {
     z-index: 0;
   }
@@ -75358,6 +80029,29 @@ video {
     white-space: normal;
   }
 
+  .lg\:focus-within\:sr-only:focus-within {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .lg\:focus-within\:not-sr-only:focus-within {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
   .lg\:focus\:sr-only:focus {
     position: absolute;
     width: 1px;
@@ -76249,6 +80943,424 @@ video {
     background-color: rgba(131, 24, 67, var(--bg-opacity));
   }
 
+  .lg\:focus-within\:bg-transparent:focus-within {
+    background-color: transparent;
+  }
+
+  .lg\:focus-within\:bg-current:focus-within {
+    background-color: currentColor;
+  }
+
+  .lg\:focus-within\:bg-black:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-white:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-gray-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-gray-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-gray-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-gray-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-gray-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-gray-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-gray-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-gray-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-gray-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-gray-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-red-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-red-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-red-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-red-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-red-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-red-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-red-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-red-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-red-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-red-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-yellow-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-yellow-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-yellow-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-yellow-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-yellow-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-yellow-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-yellow-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-yellow-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-yellow-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-yellow-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-green-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-green-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-green-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-green-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-green-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-green-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-green-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-green-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-green-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-green-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-blue-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-blue-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-blue-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-blue-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-blue-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-blue-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-blue-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-blue-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-blue-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-blue-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-indigo-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-indigo-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-indigo-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-indigo-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-indigo-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-indigo-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-indigo-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-indigo-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-indigo-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-indigo-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-purple-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-purple-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-purple-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-purple-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-purple-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-purple-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-purple-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-purple-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-purple-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-purple-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-pink-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-pink-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-pink-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-pink-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-pink-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-pink-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-pink-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-pink-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-pink-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-pink-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--bg-opacity));
+  }
+
   .lg\:hover\:bg-transparent:hover {
     background-color: transparent;
   }
@@ -80753,6 +85865,58 @@ video {
     --bg-opacity: 1;
   }
 
+  .lg\:focus-within\:bg-opacity-0:focus-within {
+    --bg-opacity: 0;
+  }
+
+  .lg\:focus-within\:bg-opacity-10:focus-within {
+    --bg-opacity: 0.1;
+  }
+
+  .lg\:focus-within\:bg-opacity-20:focus-within {
+    --bg-opacity: 0.2;
+  }
+
+  .lg\:focus-within\:bg-opacity-25:focus-within {
+    --bg-opacity: 0.25;
+  }
+
+  .lg\:focus-within\:bg-opacity-30:focus-within {
+    --bg-opacity: 0.3;
+  }
+
+  .lg\:focus-within\:bg-opacity-40:focus-within {
+    --bg-opacity: 0.4;
+  }
+
+  .lg\:focus-within\:bg-opacity-50:focus-within {
+    --bg-opacity: 0.5;
+  }
+
+  .lg\:focus-within\:bg-opacity-60:focus-within {
+    --bg-opacity: 0.6;
+  }
+
+  .lg\:focus-within\:bg-opacity-70:focus-within {
+    --bg-opacity: 0.7;
+  }
+
+  .lg\:focus-within\:bg-opacity-75:focus-within {
+    --bg-opacity: 0.75;
+  }
+
+  .lg\:focus-within\:bg-opacity-80:focus-within {
+    --bg-opacity: 0.8;
+  }
+
+  .lg\:focus-within\:bg-opacity-90:focus-within {
+    --bg-opacity: 0.9;
+  }
+
+  .lg\:focus-within\:bg-opacity-100:focus-within {
+    --bg-opacity: 1;
+  }
+
   .lg\:hover\:bg-opacity-0:hover {
     --bg-opacity: 0;
   }
@@ -81773,6 +86937,424 @@ video {
     border-color: rgba(131, 24, 67, var(--border-opacity));
   }
 
+  .lg\:focus-within\:border-transparent:focus-within {
+    border-color: transparent;
+  }
+
+  .lg\:focus-within\:border-current:focus-within {
+    border-color: currentColor;
+  }
+
+  .lg\:focus-within\:border-black:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-white:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--border-opacity));
+  }
+
   .lg\:hover\:border-transparent:hover {
     border-color: transparent;
   }
@@ -82713,6 +88295,58 @@ video {
     --border-opacity: 1;
   }
 
+  .lg\:focus-within\:border-opacity-0:focus-within {
+    --border-opacity: 0;
+  }
+
+  .lg\:focus-within\:border-opacity-10:focus-within {
+    --border-opacity: 0.1;
+  }
+
+  .lg\:focus-within\:border-opacity-20:focus-within {
+    --border-opacity: 0.2;
+  }
+
+  .lg\:focus-within\:border-opacity-25:focus-within {
+    --border-opacity: 0.25;
+  }
+
+  .lg\:focus-within\:border-opacity-30:focus-within {
+    --border-opacity: 0.3;
+  }
+
+  .lg\:focus-within\:border-opacity-40:focus-within {
+    --border-opacity: 0.4;
+  }
+
+  .lg\:focus-within\:border-opacity-50:focus-within {
+    --border-opacity: 0.5;
+  }
+
+  .lg\:focus-within\:border-opacity-60:focus-within {
+    --border-opacity: 0.6;
+  }
+
+  .lg\:focus-within\:border-opacity-70:focus-within {
+    --border-opacity: 0.7;
+  }
+
+  .lg\:focus-within\:border-opacity-75:focus-within {
+    --border-opacity: 0.75;
+  }
+
+  .lg\:focus-within\:border-opacity-80:focus-within {
+    --border-opacity: 0.8;
+  }
+
+  .lg\:focus-within\:border-opacity-90:focus-within {
+    --border-opacity: 0.9;
+  }
+
+  .lg\:focus-within\:border-opacity-100:focus-within {
+    --border-opacity: 1;
+  }
+
   .lg\:hover\:border-opacity-0:hover {
     --border-opacity: 0;
   }
@@ -86756,6 +92390,58 @@ video {
     opacity: 1;
   }
 
+  .lg\:focus-within\:opacity-0:focus-within {
+    opacity: 0;
+  }
+
+  .lg\:focus-within\:opacity-10:focus-within {
+    opacity: 0.1;
+  }
+
+  .lg\:focus-within\:opacity-20:focus-within {
+    opacity: 0.2;
+  }
+
+  .lg\:focus-within\:opacity-25:focus-within {
+    opacity: 0.25;
+  }
+
+  .lg\:focus-within\:opacity-30:focus-within {
+    opacity: 0.3;
+  }
+
+  .lg\:focus-within\:opacity-40:focus-within {
+    opacity: 0.4;
+  }
+
+  .lg\:focus-within\:opacity-50:focus-within {
+    opacity: 0.5;
+  }
+
+  .lg\:focus-within\:opacity-60:focus-within {
+    opacity: 0.6;
+  }
+
+  .lg\:focus-within\:opacity-70:focus-within {
+    opacity: 0.7;
+  }
+
+  .lg\:focus-within\:opacity-75:focus-within {
+    opacity: 0.75;
+  }
+
+  .lg\:focus-within\:opacity-80:focus-within {
+    opacity: 0.8;
+  }
+
+  .lg\:focus-within\:opacity-90:focus-within {
+    opacity: 0.9;
+  }
+
+  .lg\:focus-within\:opacity-100:focus-within {
+    opacity: 1;
+  }
+
   .lg\:hover\:opacity-0:hover {
     opacity: 0;
   }
@@ -91824,6 +97510,50 @@ video {
     box-shadow: none;
   }
 
+  .lg\:focus-within\:shadow-xs:focus-within {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .lg\:focus-within\:shadow-sm:focus-within {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .lg\:focus-within\:shadow:focus-within {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .lg\:focus-within\:shadow-md:focus-within {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .lg\:focus-within\:shadow-lg:focus-within {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .lg\:focus-within\:shadow-xl:focus-within {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .lg\:focus-within\:shadow-2xl:focus-within {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .lg\:focus-within\:shadow-inner:focus-within {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .lg\:focus-within\:shadow-outline:focus-within {
+    box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
+  }
+
+  .lg\:focus-within\:shadow-solid:focus-within {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .lg\:focus-within\:shadow-none:focus-within {
+    box-shadow: none;
+  }
+
   .lg\:hover\:shadow-xs:hover {
     box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
   }
@@ -92792,6 +98522,424 @@ video {
     color: rgba(131, 24, 67, var(--text-opacity));
   }
 
+  .lg\:focus-within\:text-transparent:focus-within {
+    color: transparent;
+  }
+
+  .lg\:focus-within\:text-current:focus-within {
+    color: currentColor;
+  }
+
+  .lg\:focus-within\:text-black:focus-within {
+    --text-opacity: 1;
+    color: rgba(0, 0, 0, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-white:focus-within {
+    --text-opacity: 1;
+    color: rgba(255, 255, 255, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(249, 250, 251, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(243, 244, 246, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(229, 231, 235, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(209, 213, 219, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(156, 163, 175, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(107, 114, 128, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(75, 85, 99, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(55, 65, 81, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(31, 41, 55, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(17, 24, 39, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(254, 242, 242, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(254, 226, 226, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(254, 202, 202, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(252, 165, 165, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(248, 113, 113, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(239, 68, 68, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(220, 38, 38, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(185, 28, 28, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(153, 27, 27, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(127, 29, 29, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(255, 251, 235, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(254, 243, 199, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(253, 230, 138, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(252, 211, 77, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(251, 191, 36, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(245, 158, 11, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(217, 119, 6, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(180, 83, 9, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(146, 64, 14, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(120, 53, 15, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(236, 253, 245, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(209, 250, 229, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(167, 243, 208, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(110, 231, 183, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(52, 211, 153, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(16, 185, 129, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(5, 150, 105, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(4, 120, 87, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(6, 95, 70, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(6, 78, 59, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(239, 246, 255, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(219, 234, 254, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(191, 219, 254, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(147, 197, 253, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(96, 165, 250, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(59, 130, 246, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(37, 99, 235, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(29, 78, 216, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(30, 64, 175, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(30, 58, 138, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(238, 242, 255, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(224, 231, 255, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(199, 210, 254, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(165, 180, 252, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(129, 140, 248, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(99, 102, 241, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(79, 70, 229, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(67, 56, 202, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(55, 48, 163, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(49, 46, 129, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(245, 243, 255, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(237, 233, 254, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(221, 214, 254, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(196, 181, 253, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(167, 139, 250, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(139, 92, 246, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(124, 58, 237, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(109, 40, 217, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(91, 33, 182, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(76, 29, 149, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(253, 242, 248, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(252, 231, 243, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(251, 207, 232, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(249, 168, 212, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(244, 114, 182, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(236, 72, 153, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(219, 39, 119, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(190, 24, 93, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(157, 23, 77, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(131, 24, 67, var(--text-opacity));
+  }
+
   .lg\:hover\:text-transparent:hover {
     color: transparent;
   }
@@ -93732,6 +99880,58 @@ video {
     --text-opacity: 1;
   }
 
+  .lg\:focus-within\:text-opacity-0:focus-within {
+    --text-opacity: 0;
+  }
+
+  .lg\:focus-within\:text-opacity-10:focus-within {
+    --text-opacity: 0.1;
+  }
+
+  .lg\:focus-within\:text-opacity-20:focus-within {
+    --text-opacity: 0.2;
+  }
+
+  .lg\:focus-within\:text-opacity-25:focus-within {
+    --text-opacity: 0.25;
+  }
+
+  .lg\:focus-within\:text-opacity-30:focus-within {
+    --text-opacity: 0.3;
+  }
+
+  .lg\:focus-within\:text-opacity-40:focus-within {
+    --text-opacity: 0.4;
+  }
+
+  .lg\:focus-within\:text-opacity-50:focus-within {
+    --text-opacity: 0.5;
+  }
+
+  .lg\:focus-within\:text-opacity-60:focus-within {
+    --text-opacity: 0.6;
+  }
+
+  .lg\:focus-within\:text-opacity-70:focus-within {
+    --text-opacity: 0.7;
+  }
+
+  .lg\:focus-within\:text-opacity-75:focus-within {
+    --text-opacity: 0.75;
+  }
+
+  .lg\:focus-within\:text-opacity-80:focus-within {
+    --text-opacity: 0.8;
+  }
+
+  .lg\:focus-within\:text-opacity-90:focus-within {
+    --text-opacity: 0.9;
+  }
+
+  .lg\:focus-within\:text-opacity-100:focus-within {
+    --text-opacity: 1;
+  }
+
   .lg\:hover\:text-opacity-0:hover {
     --text-opacity: 0;
   }
@@ -94362,6 +100562,34 @@ video {
     z-index: auto;
   }
 
+  .lg\:focus-within\:z-0:focus-within {
+    z-index: 0;
+  }
+
+  .lg\:focus-within\:z-10:focus-within {
+    z-index: 10;
+  }
+
+  .lg\:focus-within\:z-20:focus-within {
+    z-index: 20;
+  }
+
+  .lg\:focus-within\:z-30:focus-within {
+    z-index: 30;
+  }
+
+  .lg\:focus-within\:z-40:focus-within {
+    z-index: 40;
+  }
+
+  .lg\:focus-within\:z-50:focus-within {
+    z-index: 50;
+  }
+
+  .lg\:focus-within\:z-auto:focus-within {
+    z-index: auto;
+  }
+
   .lg\:focus\:z-0:focus {
     z-index: 0;
   }
@@ -99805,6 +106033,29 @@ video {
     white-space: normal;
   }
 
+  .xl\:focus-within\:sr-only:focus-within {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .xl\:focus-within\:not-sr-only:focus-within {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
   .xl\:focus\:sr-only:focus {
     position: absolute;
     width: 1px;
@@ -100696,6 +106947,424 @@ video {
     background-color: rgba(131, 24, 67, var(--bg-opacity));
   }
 
+  .xl\:focus-within\:bg-transparent:focus-within {
+    background-color: transparent;
+  }
+
+  .xl\:focus-within\:bg-current:focus-within {
+    background-color: currentColor;
+  }
+
+  .xl\:focus-within\:bg-black:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-white:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-gray-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-gray-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-gray-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-gray-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-gray-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-gray-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-gray-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-gray-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-gray-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-gray-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-red-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-red-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-red-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-red-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-red-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-red-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-red-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-red-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-red-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-red-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-yellow-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-yellow-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-yellow-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-yellow-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-yellow-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-yellow-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-yellow-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-yellow-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-yellow-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-yellow-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-green-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-green-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-green-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-green-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-green-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-green-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-green-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-green-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-green-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-green-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-blue-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-blue-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-blue-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-blue-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-blue-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-blue-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-blue-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-blue-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-blue-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-blue-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-indigo-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-indigo-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-indigo-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-indigo-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-indigo-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-indigo-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-indigo-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-indigo-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-indigo-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-indigo-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-purple-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-purple-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-purple-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-purple-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-purple-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-purple-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-purple-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-purple-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-purple-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-purple-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-pink-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-pink-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-pink-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-pink-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-pink-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-pink-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-pink-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-pink-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-pink-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-pink-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--bg-opacity));
+  }
+
   .xl\:hover\:bg-transparent:hover {
     background-color: transparent;
   }
@@ -105200,6 +111869,58 @@ video {
     --bg-opacity: 1;
   }
 
+  .xl\:focus-within\:bg-opacity-0:focus-within {
+    --bg-opacity: 0;
+  }
+
+  .xl\:focus-within\:bg-opacity-10:focus-within {
+    --bg-opacity: 0.1;
+  }
+
+  .xl\:focus-within\:bg-opacity-20:focus-within {
+    --bg-opacity: 0.2;
+  }
+
+  .xl\:focus-within\:bg-opacity-25:focus-within {
+    --bg-opacity: 0.25;
+  }
+
+  .xl\:focus-within\:bg-opacity-30:focus-within {
+    --bg-opacity: 0.3;
+  }
+
+  .xl\:focus-within\:bg-opacity-40:focus-within {
+    --bg-opacity: 0.4;
+  }
+
+  .xl\:focus-within\:bg-opacity-50:focus-within {
+    --bg-opacity: 0.5;
+  }
+
+  .xl\:focus-within\:bg-opacity-60:focus-within {
+    --bg-opacity: 0.6;
+  }
+
+  .xl\:focus-within\:bg-opacity-70:focus-within {
+    --bg-opacity: 0.7;
+  }
+
+  .xl\:focus-within\:bg-opacity-75:focus-within {
+    --bg-opacity: 0.75;
+  }
+
+  .xl\:focus-within\:bg-opacity-80:focus-within {
+    --bg-opacity: 0.8;
+  }
+
+  .xl\:focus-within\:bg-opacity-90:focus-within {
+    --bg-opacity: 0.9;
+  }
+
+  .xl\:focus-within\:bg-opacity-100:focus-within {
+    --bg-opacity: 1;
+  }
+
   .xl\:hover\:bg-opacity-0:hover {
     --bg-opacity: 0;
   }
@@ -106220,6 +112941,424 @@ video {
     border-color: rgba(131, 24, 67, var(--border-opacity));
   }
 
+  .xl\:focus-within\:border-transparent:focus-within {
+    border-color: transparent;
+  }
+
+  .xl\:focus-within\:border-current:focus-within {
+    border-color: currentColor;
+  }
+
+  .xl\:focus-within\:border-black:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-white:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--border-opacity));
+  }
+
   .xl\:hover\:border-transparent:hover {
     border-color: transparent;
   }
@@ -107160,6 +114299,58 @@ video {
     --border-opacity: 1;
   }
 
+  .xl\:focus-within\:border-opacity-0:focus-within {
+    --border-opacity: 0;
+  }
+
+  .xl\:focus-within\:border-opacity-10:focus-within {
+    --border-opacity: 0.1;
+  }
+
+  .xl\:focus-within\:border-opacity-20:focus-within {
+    --border-opacity: 0.2;
+  }
+
+  .xl\:focus-within\:border-opacity-25:focus-within {
+    --border-opacity: 0.25;
+  }
+
+  .xl\:focus-within\:border-opacity-30:focus-within {
+    --border-opacity: 0.3;
+  }
+
+  .xl\:focus-within\:border-opacity-40:focus-within {
+    --border-opacity: 0.4;
+  }
+
+  .xl\:focus-within\:border-opacity-50:focus-within {
+    --border-opacity: 0.5;
+  }
+
+  .xl\:focus-within\:border-opacity-60:focus-within {
+    --border-opacity: 0.6;
+  }
+
+  .xl\:focus-within\:border-opacity-70:focus-within {
+    --border-opacity: 0.7;
+  }
+
+  .xl\:focus-within\:border-opacity-75:focus-within {
+    --border-opacity: 0.75;
+  }
+
+  .xl\:focus-within\:border-opacity-80:focus-within {
+    --border-opacity: 0.8;
+  }
+
+  .xl\:focus-within\:border-opacity-90:focus-within {
+    --border-opacity: 0.9;
+  }
+
+  .xl\:focus-within\:border-opacity-100:focus-within {
+    --border-opacity: 1;
+  }
+
   .xl\:hover\:border-opacity-0:hover {
     --border-opacity: 0;
   }
@@ -111203,6 +118394,58 @@ video {
     opacity: 1;
   }
 
+  .xl\:focus-within\:opacity-0:focus-within {
+    opacity: 0;
+  }
+
+  .xl\:focus-within\:opacity-10:focus-within {
+    opacity: 0.1;
+  }
+
+  .xl\:focus-within\:opacity-20:focus-within {
+    opacity: 0.2;
+  }
+
+  .xl\:focus-within\:opacity-25:focus-within {
+    opacity: 0.25;
+  }
+
+  .xl\:focus-within\:opacity-30:focus-within {
+    opacity: 0.3;
+  }
+
+  .xl\:focus-within\:opacity-40:focus-within {
+    opacity: 0.4;
+  }
+
+  .xl\:focus-within\:opacity-50:focus-within {
+    opacity: 0.5;
+  }
+
+  .xl\:focus-within\:opacity-60:focus-within {
+    opacity: 0.6;
+  }
+
+  .xl\:focus-within\:opacity-70:focus-within {
+    opacity: 0.7;
+  }
+
+  .xl\:focus-within\:opacity-75:focus-within {
+    opacity: 0.75;
+  }
+
+  .xl\:focus-within\:opacity-80:focus-within {
+    opacity: 0.8;
+  }
+
+  .xl\:focus-within\:opacity-90:focus-within {
+    opacity: 0.9;
+  }
+
+  .xl\:focus-within\:opacity-100:focus-within {
+    opacity: 1;
+  }
+
   .xl\:hover\:opacity-0:hover {
     opacity: 0;
   }
@@ -116271,6 +123514,50 @@ video {
     box-shadow: none;
   }
 
+  .xl\:focus-within\:shadow-xs:focus-within {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .xl\:focus-within\:shadow-sm:focus-within {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .xl\:focus-within\:shadow:focus-within {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .xl\:focus-within\:shadow-md:focus-within {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .xl\:focus-within\:shadow-lg:focus-within {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .xl\:focus-within\:shadow-xl:focus-within {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .xl\:focus-within\:shadow-2xl:focus-within {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .xl\:focus-within\:shadow-inner:focus-within {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .xl\:focus-within\:shadow-outline:focus-within {
+    box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
+  }
+
+  .xl\:focus-within\:shadow-solid:focus-within {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .xl\:focus-within\:shadow-none:focus-within {
+    box-shadow: none;
+  }
+
   .xl\:hover\:shadow-xs:hover {
     box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
   }
@@ -117239,6 +124526,424 @@ video {
     color: rgba(131, 24, 67, var(--text-opacity));
   }
 
+  .xl\:focus-within\:text-transparent:focus-within {
+    color: transparent;
+  }
+
+  .xl\:focus-within\:text-current:focus-within {
+    color: currentColor;
+  }
+
+  .xl\:focus-within\:text-black:focus-within {
+    --text-opacity: 1;
+    color: rgba(0, 0, 0, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-white:focus-within {
+    --text-opacity: 1;
+    color: rgba(255, 255, 255, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(249, 250, 251, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(243, 244, 246, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(229, 231, 235, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(209, 213, 219, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(156, 163, 175, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(107, 114, 128, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(75, 85, 99, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(55, 65, 81, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(31, 41, 55, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(17, 24, 39, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(254, 242, 242, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(254, 226, 226, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(254, 202, 202, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(252, 165, 165, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(248, 113, 113, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(239, 68, 68, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(220, 38, 38, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(185, 28, 28, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(153, 27, 27, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(127, 29, 29, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(255, 251, 235, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(254, 243, 199, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(253, 230, 138, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(252, 211, 77, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(251, 191, 36, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(245, 158, 11, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(217, 119, 6, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(180, 83, 9, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(146, 64, 14, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(120, 53, 15, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(236, 253, 245, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(209, 250, 229, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(167, 243, 208, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(110, 231, 183, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(52, 211, 153, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(16, 185, 129, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(5, 150, 105, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(4, 120, 87, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(6, 95, 70, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(6, 78, 59, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(239, 246, 255, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(219, 234, 254, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(191, 219, 254, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(147, 197, 253, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(96, 165, 250, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(59, 130, 246, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(37, 99, 235, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(29, 78, 216, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(30, 64, 175, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(30, 58, 138, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(238, 242, 255, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(224, 231, 255, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(199, 210, 254, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(165, 180, 252, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(129, 140, 248, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(99, 102, 241, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(79, 70, 229, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(67, 56, 202, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(55, 48, 163, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(49, 46, 129, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(245, 243, 255, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(237, 233, 254, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(221, 214, 254, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(196, 181, 253, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(167, 139, 250, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(139, 92, 246, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(124, 58, 237, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(109, 40, 217, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(91, 33, 182, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(76, 29, 149, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(253, 242, 248, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(252, 231, 243, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(251, 207, 232, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(249, 168, 212, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(244, 114, 182, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(236, 72, 153, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(219, 39, 119, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(190, 24, 93, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(157, 23, 77, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(131, 24, 67, var(--text-opacity));
+  }
+
   .xl\:hover\:text-transparent:hover {
     color: transparent;
   }
@@ -118179,6 +125884,58 @@ video {
     --text-opacity: 1;
   }
 
+  .xl\:focus-within\:text-opacity-0:focus-within {
+    --text-opacity: 0;
+  }
+
+  .xl\:focus-within\:text-opacity-10:focus-within {
+    --text-opacity: 0.1;
+  }
+
+  .xl\:focus-within\:text-opacity-20:focus-within {
+    --text-opacity: 0.2;
+  }
+
+  .xl\:focus-within\:text-opacity-25:focus-within {
+    --text-opacity: 0.25;
+  }
+
+  .xl\:focus-within\:text-opacity-30:focus-within {
+    --text-opacity: 0.3;
+  }
+
+  .xl\:focus-within\:text-opacity-40:focus-within {
+    --text-opacity: 0.4;
+  }
+
+  .xl\:focus-within\:text-opacity-50:focus-within {
+    --text-opacity: 0.5;
+  }
+
+  .xl\:focus-within\:text-opacity-60:focus-within {
+    --text-opacity: 0.6;
+  }
+
+  .xl\:focus-within\:text-opacity-70:focus-within {
+    --text-opacity: 0.7;
+  }
+
+  .xl\:focus-within\:text-opacity-75:focus-within {
+    --text-opacity: 0.75;
+  }
+
+  .xl\:focus-within\:text-opacity-80:focus-within {
+    --text-opacity: 0.8;
+  }
+
+  .xl\:focus-within\:text-opacity-90:focus-within {
+    --text-opacity: 0.9;
+  }
+
+  .xl\:focus-within\:text-opacity-100:focus-within {
+    --text-opacity: 1;
+  }
+
   .xl\:hover\:text-opacity-0:hover {
     --text-opacity: 0;
   }
@@ -118809,6 +126566,34 @@ video {
     z-index: auto;
   }
 
+  .xl\:focus-within\:z-0:focus-within {
+    z-index: 0;
+  }
+
+  .xl\:focus-within\:z-10:focus-within {
+    z-index: 10;
+  }
+
+  .xl\:focus-within\:z-20:focus-within {
+    z-index: 20;
+  }
+
+  .xl\:focus-within\:z-30:focus-within {
+    z-index: 30;
+  }
+
+  .xl\:focus-within\:z-40:focus-within {
+    z-index: 40;
+  }
+
+  .xl\:focus-within\:z-50:focus-within {
+    z-index: 50;
+  }
+
+  .xl\:focus-within\:z-auto:focus-within {
+    z-index: auto;
+  }
+
   .xl\:focus\:z-0:focus {
     z-index: 0;
   }
@@ -124252,6 +132037,29 @@ video {
     white-space: normal;
   }
 
+  .\32xl\:focus-within\:sr-only:focus-within {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .\32xl\:focus-within\:not-sr-only:focus-within {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
   .\32xl\:focus\:sr-only:focus {
     position: absolute;
     width: 1px;
@@ -125143,6 +132951,424 @@ video {
     background-color: rgba(131, 24, 67, var(--bg-opacity));
   }
 
+  .\32xl\:focus-within\:bg-transparent:focus-within {
+    background-color: transparent;
+  }
+
+  .\32xl\:focus-within\:bg-current:focus-within {
+    background-color: currentColor;
+  }
+
+  .\32xl\:focus-within\:bg-black:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-white:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-gray-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-gray-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-gray-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-gray-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-gray-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-gray-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-gray-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-gray-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-gray-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-gray-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-red-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-red-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-red-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-red-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-red-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-red-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-red-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-red-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-red-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-red-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-yellow-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-yellow-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-yellow-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-yellow-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-yellow-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-yellow-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-yellow-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-yellow-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-yellow-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-yellow-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-green-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-green-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-green-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-green-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-green-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-green-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-green-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-green-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-green-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-green-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-blue-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-blue-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-blue-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-blue-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-blue-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-blue-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-blue-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-blue-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-blue-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-blue-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-indigo-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-indigo-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-indigo-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-indigo-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-indigo-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-indigo-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-indigo-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-indigo-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-indigo-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-indigo-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-purple-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-purple-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-purple-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-purple-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-purple-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-purple-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-purple-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-purple-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-purple-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-purple-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-pink-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-pink-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-pink-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-pink-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-pink-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-pink-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-pink-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-pink-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-pink-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-pink-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--bg-opacity));
+  }
+
   .\32xl\:hover\:bg-transparent:hover {
     background-color: transparent;
   }
@@ -129647,6 +137873,58 @@ video {
     --bg-opacity: 1;
   }
 
+  .\32xl\:focus-within\:bg-opacity-0:focus-within {
+    --bg-opacity: 0;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-10:focus-within {
+    --bg-opacity: 0.1;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-20:focus-within {
+    --bg-opacity: 0.2;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-25:focus-within {
+    --bg-opacity: 0.25;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-30:focus-within {
+    --bg-opacity: 0.3;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-40:focus-within {
+    --bg-opacity: 0.4;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-50:focus-within {
+    --bg-opacity: 0.5;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-60:focus-within {
+    --bg-opacity: 0.6;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-70:focus-within {
+    --bg-opacity: 0.7;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-75:focus-within {
+    --bg-opacity: 0.75;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-80:focus-within {
+    --bg-opacity: 0.8;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-90:focus-within {
+    --bg-opacity: 0.9;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-100:focus-within {
+    --bg-opacity: 1;
+  }
+
   .\32xl\:hover\:bg-opacity-0:hover {
     --bg-opacity: 0;
   }
@@ -130667,6 +138945,424 @@ video {
     border-color: rgba(131, 24, 67, var(--border-opacity));
   }
 
+  .\32xl\:focus-within\:border-transparent:focus-within {
+    border-color: transparent;
+  }
+
+  .\32xl\:focus-within\:border-current:focus-within {
+    border-color: currentColor;
+  }
+
+  .\32xl\:focus-within\:border-black:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-white:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-gray-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-gray-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-gray-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-gray-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-gray-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-gray-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-gray-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-gray-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-gray-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-gray-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-red-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-red-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-red-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-red-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-red-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-red-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-red-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-red-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-red-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-red-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-yellow-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-yellow-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-yellow-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-yellow-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-yellow-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-yellow-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-yellow-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-yellow-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-yellow-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-yellow-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-green-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-green-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-green-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-green-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-green-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-green-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-green-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-green-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-green-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-green-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-blue-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-blue-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-blue-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-blue-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-blue-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-blue-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-blue-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-blue-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-blue-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-blue-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-indigo-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-indigo-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-indigo-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-indigo-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-indigo-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-indigo-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-indigo-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-indigo-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-indigo-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-indigo-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-purple-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-purple-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-purple-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-purple-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-purple-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-purple-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-purple-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-purple-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-purple-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-purple-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-pink-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-pink-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-pink-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-pink-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-pink-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-pink-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-pink-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-pink-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-pink-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-pink-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--border-opacity));
+  }
+
   .\32xl\:hover\:border-transparent:hover {
     border-color: transparent;
   }
@@ -131607,6 +140303,58 @@ video {
     --border-opacity: 1;
   }
 
+  .\32xl\:focus-within\:border-opacity-0:focus-within {
+    --border-opacity: 0;
+  }
+
+  .\32xl\:focus-within\:border-opacity-10:focus-within {
+    --border-opacity: 0.1;
+  }
+
+  .\32xl\:focus-within\:border-opacity-20:focus-within {
+    --border-opacity: 0.2;
+  }
+
+  .\32xl\:focus-within\:border-opacity-25:focus-within {
+    --border-opacity: 0.25;
+  }
+
+  .\32xl\:focus-within\:border-opacity-30:focus-within {
+    --border-opacity: 0.3;
+  }
+
+  .\32xl\:focus-within\:border-opacity-40:focus-within {
+    --border-opacity: 0.4;
+  }
+
+  .\32xl\:focus-within\:border-opacity-50:focus-within {
+    --border-opacity: 0.5;
+  }
+
+  .\32xl\:focus-within\:border-opacity-60:focus-within {
+    --border-opacity: 0.6;
+  }
+
+  .\32xl\:focus-within\:border-opacity-70:focus-within {
+    --border-opacity: 0.7;
+  }
+
+  .\32xl\:focus-within\:border-opacity-75:focus-within {
+    --border-opacity: 0.75;
+  }
+
+  .\32xl\:focus-within\:border-opacity-80:focus-within {
+    --border-opacity: 0.8;
+  }
+
+  .\32xl\:focus-within\:border-opacity-90:focus-within {
+    --border-opacity: 0.9;
+  }
+
+  .\32xl\:focus-within\:border-opacity-100:focus-within {
+    --border-opacity: 1;
+  }
+
   .\32xl\:hover\:border-opacity-0:hover {
     --border-opacity: 0;
   }
@@ -135650,6 +144398,58 @@ video {
     opacity: 1;
   }
 
+  .\32xl\:focus-within\:opacity-0:focus-within {
+    opacity: 0;
+  }
+
+  .\32xl\:focus-within\:opacity-10:focus-within {
+    opacity: 0.1;
+  }
+
+  .\32xl\:focus-within\:opacity-20:focus-within {
+    opacity: 0.2;
+  }
+
+  .\32xl\:focus-within\:opacity-25:focus-within {
+    opacity: 0.25;
+  }
+
+  .\32xl\:focus-within\:opacity-30:focus-within {
+    opacity: 0.3;
+  }
+
+  .\32xl\:focus-within\:opacity-40:focus-within {
+    opacity: 0.4;
+  }
+
+  .\32xl\:focus-within\:opacity-50:focus-within {
+    opacity: 0.5;
+  }
+
+  .\32xl\:focus-within\:opacity-60:focus-within {
+    opacity: 0.6;
+  }
+
+  .\32xl\:focus-within\:opacity-70:focus-within {
+    opacity: 0.7;
+  }
+
+  .\32xl\:focus-within\:opacity-75:focus-within {
+    opacity: 0.75;
+  }
+
+  .\32xl\:focus-within\:opacity-80:focus-within {
+    opacity: 0.8;
+  }
+
+  .\32xl\:focus-within\:opacity-90:focus-within {
+    opacity: 0.9;
+  }
+
+  .\32xl\:focus-within\:opacity-100:focus-within {
+    opacity: 1;
+  }
+
   .\32xl\:hover\:opacity-0:hover {
     opacity: 0;
   }
@@ -140718,6 +149518,50 @@ video {
     box-shadow: none;
   }
 
+  .\32xl\:focus-within\:shadow-xs:focus-within {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .\32xl\:focus-within\:shadow-sm:focus-within {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .\32xl\:focus-within\:shadow:focus-within {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .\32xl\:focus-within\:shadow-md:focus-within {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .\32xl\:focus-within\:shadow-lg:focus-within {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .\32xl\:focus-within\:shadow-xl:focus-within {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .\32xl\:focus-within\:shadow-2xl:focus-within {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .\32xl\:focus-within\:shadow-inner:focus-within {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .\32xl\:focus-within\:shadow-outline:focus-within {
+    box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
+  }
+
+  .\32xl\:focus-within\:shadow-solid:focus-within {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .\32xl\:focus-within\:shadow-none:focus-within {
+    box-shadow: none;
+  }
+
   .\32xl\:hover\:shadow-xs:hover {
     box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
   }
@@ -141686,6 +150530,424 @@ video {
     color: rgba(131, 24, 67, var(--text-opacity));
   }
 
+  .\32xl\:focus-within\:text-transparent:focus-within {
+    color: transparent;
+  }
+
+  .\32xl\:focus-within\:text-current:focus-within {
+    color: currentColor;
+  }
+
+  .\32xl\:focus-within\:text-black:focus-within {
+    --text-opacity: 1;
+    color: rgba(0, 0, 0, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-white:focus-within {
+    --text-opacity: 1;
+    color: rgba(255, 255, 255, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-gray-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(249, 250, 251, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-gray-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(243, 244, 246, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-gray-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(229, 231, 235, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-gray-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(209, 213, 219, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-gray-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(156, 163, 175, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-gray-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(107, 114, 128, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-gray-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(75, 85, 99, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-gray-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(55, 65, 81, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-gray-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(31, 41, 55, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-gray-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(17, 24, 39, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-red-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(254, 242, 242, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-red-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(254, 226, 226, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-red-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(254, 202, 202, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-red-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(252, 165, 165, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-red-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(248, 113, 113, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-red-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(239, 68, 68, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-red-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(220, 38, 38, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-red-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(185, 28, 28, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-red-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(153, 27, 27, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-red-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(127, 29, 29, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-yellow-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(255, 251, 235, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-yellow-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(254, 243, 199, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-yellow-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(253, 230, 138, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-yellow-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(252, 211, 77, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-yellow-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(251, 191, 36, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-yellow-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(245, 158, 11, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-yellow-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(217, 119, 6, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-yellow-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(180, 83, 9, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-yellow-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(146, 64, 14, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-yellow-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(120, 53, 15, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-green-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(236, 253, 245, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-green-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(209, 250, 229, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-green-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(167, 243, 208, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-green-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(110, 231, 183, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-green-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(52, 211, 153, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-green-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(16, 185, 129, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-green-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(5, 150, 105, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-green-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(4, 120, 87, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-green-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(6, 95, 70, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-green-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(6, 78, 59, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-blue-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(239, 246, 255, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-blue-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(219, 234, 254, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-blue-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(191, 219, 254, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-blue-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(147, 197, 253, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-blue-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(96, 165, 250, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-blue-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(59, 130, 246, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-blue-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(37, 99, 235, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-blue-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(29, 78, 216, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-blue-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(30, 64, 175, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-blue-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(30, 58, 138, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-indigo-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(238, 242, 255, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-indigo-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(224, 231, 255, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-indigo-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(199, 210, 254, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-indigo-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(165, 180, 252, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-indigo-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(129, 140, 248, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-indigo-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(99, 102, 241, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-indigo-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(79, 70, 229, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-indigo-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(67, 56, 202, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-indigo-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(55, 48, 163, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-indigo-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(49, 46, 129, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-purple-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(245, 243, 255, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-purple-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(237, 233, 254, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-purple-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(221, 214, 254, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-purple-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(196, 181, 253, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-purple-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(167, 139, 250, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-purple-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(139, 92, 246, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-purple-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(124, 58, 237, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-purple-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(109, 40, 217, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-purple-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(91, 33, 182, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-purple-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(76, 29, 149, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-pink-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(253, 242, 248, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-pink-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(252, 231, 243, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-pink-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(251, 207, 232, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-pink-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(249, 168, 212, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-pink-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(244, 114, 182, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-pink-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(236, 72, 153, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-pink-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(219, 39, 119, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-pink-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(190, 24, 93, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-pink-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(157, 23, 77, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-pink-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(131, 24, 67, var(--text-opacity));
+  }
+
   .\32xl\:hover\:text-transparent:hover {
     color: transparent;
   }
@@ -142626,6 +151888,58 @@ video {
     --text-opacity: 1;
   }
 
+  .\32xl\:focus-within\:text-opacity-0:focus-within {
+    --text-opacity: 0;
+  }
+
+  .\32xl\:focus-within\:text-opacity-10:focus-within {
+    --text-opacity: 0.1;
+  }
+
+  .\32xl\:focus-within\:text-opacity-20:focus-within {
+    --text-opacity: 0.2;
+  }
+
+  .\32xl\:focus-within\:text-opacity-25:focus-within {
+    --text-opacity: 0.25;
+  }
+
+  .\32xl\:focus-within\:text-opacity-30:focus-within {
+    --text-opacity: 0.3;
+  }
+
+  .\32xl\:focus-within\:text-opacity-40:focus-within {
+    --text-opacity: 0.4;
+  }
+
+  .\32xl\:focus-within\:text-opacity-50:focus-within {
+    --text-opacity: 0.5;
+  }
+
+  .\32xl\:focus-within\:text-opacity-60:focus-within {
+    --text-opacity: 0.6;
+  }
+
+  .\32xl\:focus-within\:text-opacity-70:focus-within {
+    --text-opacity: 0.7;
+  }
+
+  .\32xl\:focus-within\:text-opacity-75:focus-within {
+    --text-opacity: 0.75;
+  }
+
+  .\32xl\:focus-within\:text-opacity-80:focus-within {
+    --text-opacity: 0.8;
+  }
+
+  .\32xl\:focus-within\:text-opacity-90:focus-within {
+    --text-opacity: 0.9;
+  }
+
+  .\32xl\:focus-within\:text-opacity-100:focus-within {
+    --text-opacity: 1;
+  }
+
   .\32xl\:hover\:text-opacity-0:hover {
     --text-opacity: 0;
   }
@@ -143256,6 +152570,34 @@ video {
     z-index: auto;
   }
 
+  .\32xl\:focus-within\:z-0:focus-within {
+    z-index: 0;
+  }
+
+  .\32xl\:focus-within\:z-10:focus-within {
+    z-index: 10;
+  }
+
+  .\32xl\:focus-within\:z-20:focus-within {
+    z-index: 20;
+  }
+
+  .\32xl\:focus-within\:z-30:focus-within {
+    z-index: 30;
+  }
+
+  .\32xl\:focus-within\:z-40:focus-within {
+    z-index: 40;
+  }
+
+  .\32xl\:focus-within\:z-50:focus-within {
+    z-index: 50;
+  }
+
+  .\32xl\:focus-within\:z-auto:focus-within {
+    z-index: auto;
+  }
+
   .\32xl\:focus\:z-0:focus {
     z-index: 0;
   }
diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css
index ab375ac174e6..fecdc1a01693 100644
--- a/__tests__/fixtures/tailwind-output-important.css
+++ b/__tests__/fixtures/tailwind-output-important.css
@@ -1987,6 +1987,29 @@ video {
   white-space: normal !important;
 }
 
+.focus-within\:sr-only:focus-within {
+  position: absolute !important;
+  width: 1px !important;
+  height: 1px !important;
+  padding: 0 !important;
+  margin: -1px !important;
+  overflow: hidden !important;
+  clip: rect(0, 0, 0, 0) !important;
+  white-space: nowrap !important;
+  border-width: 0 !important;
+}
+
+.focus-within\:not-sr-only:focus-within {
+  position: static !important;
+  width: auto !important;
+  height: auto !important;
+  padding: 0 !important;
+  margin: 0 !important;
+  overflow: visible !important;
+  clip: auto !important;
+  white-space: normal !important;
+}
+
 .focus\:sr-only:focus {
   position: absolute !important;
   width: 1px !important;
@@ -2878,6 +2901,424 @@ video {
   background-color: rgba(131, 24, 67, var(--bg-opacity)) !important;
 }
 
+.focus-within\:bg-transparent:focus-within {
+  background-color: transparent !important;
+}
+
+.focus-within\:bg-current:focus-within {
+  background-color: currentColor !important;
+}
+
+.focus-within\:bg-black:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-white:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-gray-50:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(249, 250, 251, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-gray-100:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(243, 244, 246, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-gray-200:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(229, 231, 235, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-gray-300:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(209, 213, 219, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-gray-400:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(156, 163, 175, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-gray-500:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(107, 114, 128, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-gray-600:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(75, 85, 99, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-gray-700:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(55, 65, 81, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-gray-800:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(31, 41, 55, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-gray-900:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(17, 24, 39, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-red-50:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(254, 242, 242, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-red-100:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(254, 226, 226, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-red-200:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(254, 202, 202, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-red-300:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(252, 165, 165, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-red-400:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(248, 113, 113, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-red-500:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(239, 68, 68, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-red-600:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(220, 38, 38, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-red-700:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(185, 28, 28, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-red-800:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(153, 27, 27, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-red-900:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(127, 29, 29, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-yellow-50:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(255, 251, 235, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-yellow-100:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(254, 243, 199, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-yellow-200:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(253, 230, 138, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-yellow-300:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(252, 211, 77, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-yellow-400:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(251, 191, 36, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-yellow-500:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(245, 158, 11, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-yellow-600:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(217, 119, 6, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-yellow-700:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(180, 83, 9, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-yellow-800:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(146, 64, 14, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-yellow-900:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(120, 53, 15, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-green-50:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(236, 253, 245, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-green-100:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(209, 250, 229, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-green-200:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(167, 243, 208, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-green-300:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(110, 231, 183, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-green-400:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(52, 211, 153, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-green-500:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(16, 185, 129, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-green-600:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(5, 150, 105, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-green-700:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(4, 120, 87, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-green-800:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(6, 95, 70, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-green-900:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(6, 78, 59, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-blue-50:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(239, 246, 255, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-blue-100:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(219, 234, 254, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-blue-200:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(191, 219, 254, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-blue-300:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(147, 197, 253, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-blue-400:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(96, 165, 250, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-blue-500:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(59, 130, 246, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-blue-600:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(37, 99, 235, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-blue-700:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(29, 78, 216, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-blue-800:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(30, 64, 175, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-blue-900:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(30, 58, 138, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-indigo-50:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(238, 242, 255, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-indigo-100:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(224, 231, 255, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-indigo-200:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(199, 210, 254, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-indigo-300:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(165, 180, 252, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-indigo-400:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(129, 140, 248, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-indigo-500:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(99, 102, 241, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-indigo-600:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(79, 70, 229, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-indigo-700:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(67, 56, 202, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-indigo-800:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(55, 48, 163, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-indigo-900:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(49, 46, 129, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-purple-50:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(245, 243, 255, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-purple-100:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(237, 233, 254, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-purple-200:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(221, 214, 254, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-purple-300:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(196, 181, 253, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-purple-400:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(167, 139, 250, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-purple-500:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(139, 92, 246, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-purple-600:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(124, 58, 237, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-purple-700:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(109, 40, 217, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-purple-800:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(91, 33, 182, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-purple-900:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(76, 29, 149, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-pink-50:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(253, 242, 248, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-pink-100:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(252, 231, 243, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-pink-200:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(251, 207, 232, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-pink-300:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(249, 168, 212, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-pink-400:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(244, 114, 182, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-pink-500:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(236, 72, 153, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-pink-600:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(219, 39, 119, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-pink-700:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(190, 24, 93, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-pink-800:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(157, 23, 77, var(--bg-opacity)) !important;
+}
+
+.focus-within\:bg-pink-900:focus-within {
+  --bg-opacity: 1 !important;
+  background-color: rgba(131, 24, 67, var(--bg-opacity)) !important;
+}
+
 .hover\:bg-transparent:hover {
   background-color: transparent !important;
 }
@@ -7382,6 +7823,58 @@ video {
   --bg-opacity: 1 !important;
 }
 
+.focus-within\:bg-opacity-0:focus-within {
+  --bg-opacity: 0 !important;
+}
+
+.focus-within\:bg-opacity-10:focus-within {
+  --bg-opacity: 0.1 !important;
+}
+
+.focus-within\:bg-opacity-20:focus-within {
+  --bg-opacity: 0.2 !important;
+}
+
+.focus-within\:bg-opacity-25:focus-within {
+  --bg-opacity: 0.25 !important;
+}
+
+.focus-within\:bg-opacity-30:focus-within {
+  --bg-opacity: 0.3 !important;
+}
+
+.focus-within\:bg-opacity-40:focus-within {
+  --bg-opacity: 0.4 !important;
+}
+
+.focus-within\:bg-opacity-50:focus-within {
+  --bg-opacity: 0.5 !important;
+}
+
+.focus-within\:bg-opacity-60:focus-within {
+  --bg-opacity: 0.6 !important;
+}
+
+.focus-within\:bg-opacity-70:focus-within {
+  --bg-opacity: 0.7 !important;
+}
+
+.focus-within\:bg-opacity-75:focus-within {
+  --bg-opacity: 0.75 !important;
+}
+
+.focus-within\:bg-opacity-80:focus-within {
+  --bg-opacity: 0.8 !important;
+}
+
+.focus-within\:bg-opacity-90:focus-within {
+  --bg-opacity: 0.9 !important;
+}
+
+.focus-within\:bg-opacity-100:focus-within {
+  --bg-opacity: 1 !important;
+}
+
 .hover\:bg-opacity-0:hover {
   --bg-opacity: 0 !important;
 }
@@ -8402,6 +8895,424 @@ video {
   border-color: rgba(131, 24, 67, var(--border-opacity)) !important;
 }
 
+.focus-within\:border-transparent:focus-within {
+  border-color: transparent !important;
+}
+
+.focus-within\:border-current:focus-within {
+  border-color: currentColor !important;
+}
+
+.focus-within\:border-black:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-white:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-gray-50:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(249, 250, 251, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-gray-100:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(243, 244, 246, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-gray-200:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(229, 231, 235, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-gray-300:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(209, 213, 219, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-gray-400:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(156, 163, 175, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-gray-500:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(107, 114, 128, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-gray-600:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(75, 85, 99, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-gray-700:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(55, 65, 81, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-gray-800:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(31, 41, 55, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-gray-900:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(17, 24, 39, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-red-50:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(254, 242, 242, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-red-100:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(254, 226, 226, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-red-200:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(254, 202, 202, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-red-300:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(252, 165, 165, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-red-400:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(248, 113, 113, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-red-500:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(239, 68, 68, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-red-600:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(220, 38, 38, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-red-700:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(185, 28, 28, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-red-800:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(153, 27, 27, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-red-900:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(127, 29, 29, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-yellow-50:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(255, 251, 235, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-yellow-100:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(254, 243, 199, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-yellow-200:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(253, 230, 138, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-yellow-300:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(252, 211, 77, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-yellow-400:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(251, 191, 36, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-yellow-500:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(245, 158, 11, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-yellow-600:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(217, 119, 6, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-yellow-700:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(180, 83, 9, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-yellow-800:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(146, 64, 14, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-yellow-900:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(120, 53, 15, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-green-50:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(236, 253, 245, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-green-100:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(209, 250, 229, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-green-200:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(167, 243, 208, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-green-300:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(110, 231, 183, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-green-400:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(52, 211, 153, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-green-500:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(16, 185, 129, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-green-600:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(5, 150, 105, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-green-700:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(4, 120, 87, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-green-800:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(6, 95, 70, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-green-900:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(6, 78, 59, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-blue-50:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(239, 246, 255, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-blue-100:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(219, 234, 254, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-blue-200:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(191, 219, 254, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-blue-300:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(147, 197, 253, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-blue-400:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(96, 165, 250, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-blue-500:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(59, 130, 246, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-blue-600:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(37, 99, 235, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-blue-700:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(29, 78, 216, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-blue-800:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(30, 64, 175, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-blue-900:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(30, 58, 138, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-indigo-50:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(238, 242, 255, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-indigo-100:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(224, 231, 255, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-indigo-200:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(199, 210, 254, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-indigo-300:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(165, 180, 252, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-indigo-400:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(129, 140, 248, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-indigo-500:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(99, 102, 241, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-indigo-600:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(79, 70, 229, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-indigo-700:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(67, 56, 202, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-indigo-800:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(55, 48, 163, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-indigo-900:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(49, 46, 129, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-purple-50:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(245, 243, 255, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-purple-100:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(237, 233, 254, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-purple-200:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(221, 214, 254, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-purple-300:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(196, 181, 253, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-purple-400:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(167, 139, 250, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-purple-500:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(139, 92, 246, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-purple-600:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(124, 58, 237, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-purple-700:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(109, 40, 217, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-purple-800:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(91, 33, 182, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-purple-900:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(76, 29, 149, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-pink-50:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(253, 242, 248, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-pink-100:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(252, 231, 243, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-pink-200:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(251, 207, 232, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-pink-300:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(249, 168, 212, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-pink-400:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(244, 114, 182, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-pink-500:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(236, 72, 153, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-pink-600:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(219, 39, 119, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-pink-700:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(190, 24, 93, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-pink-800:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(157, 23, 77, var(--border-opacity)) !important;
+}
+
+.focus-within\:border-pink-900:focus-within {
+  --border-opacity: 1 !important;
+  border-color: rgba(131, 24, 67, var(--border-opacity)) !important;
+}
+
 .hover\:border-transparent:hover {
   border-color: transparent !important;
 }
@@ -9342,6 +10253,58 @@ video {
   --border-opacity: 1 !important;
 }
 
+.focus-within\:border-opacity-0:focus-within {
+  --border-opacity: 0 !important;
+}
+
+.focus-within\:border-opacity-10:focus-within {
+  --border-opacity: 0.1 !important;
+}
+
+.focus-within\:border-opacity-20:focus-within {
+  --border-opacity: 0.2 !important;
+}
+
+.focus-within\:border-opacity-25:focus-within {
+  --border-opacity: 0.25 !important;
+}
+
+.focus-within\:border-opacity-30:focus-within {
+  --border-opacity: 0.3 !important;
+}
+
+.focus-within\:border-opacity-40:focus-within {
+  --border-opacity: 0.4 !important;
+}
+
+.focus-within\:border-opacity-50:focus-within {
+  --border-opacity: 0.5 !important;
+}
+
+.focus-within\:border-opacity-60:focus-within {
+  --border-opacity: 0.6 !important;
+}
+
+.focus-within\:border-opacity-70:focus-within {
+  --border-opacity: 0.7 !important;
+}
+
+.focus-within\:border-opacity-75:focus-within {
+  --border-opacity: 0.75 !important;
+}
+
+.focus-within\:border-opacity-80:focus-within {
+  --border-opacity: 0.8 !important;
+}
+
+.focus-within\:border-opacity-90:focus-within {
+  --border-opacity: 0.9 !important;
+}
+
+.focus-within\:border-opacity-100:focus-within {
+  --border-opacity: 1 !important;
+}
+
 .hover\:border-opacity-0:hover {
   --border-opacity: 0 !important;
 }
@@ -13385,6 +14348,58 @@ video {
   opacity: 1 !important;
 }
 
+.focus-within\:opacity-0:focus-within {
+  opacity: 0 !important;
+}
+
+.focus-within\:opacity-10:focus-within {
+  opacity: 0.1 !important;
+}
+
+.focus-within\:opacity-20:focus-within {
+  opacity: 0.2 !important;
+}
+
+.focus-within\:opacity-25:focus-within {
+  opacity: 0.25 !important;
+}
+
+.focus-within\:opacity-30:focus-within {
+  opacity: 0.3 !important;
+}
+
+.focus-within\:opacity-40:focus-within {
+  opacity: 0.4 !important;
+}
+
+.focus-within\:opacity-50:focus-within {
+  opacity: 0.5 !important;
+}
+
+.focus-within\:opacity-60:focus-within {
+  opacity: 0.6 !important;
+}
+
+.focus-within\:opacity-70:focus-within {
+  opacity: 0.7 !important;
+}
+
+.focus-within\:opacity-75:focus-within {
+  opacity: 0.75 !important;
+}
+
+.focus-within\:opacity-80:focus-within {
+  opacity: 0.8 !important;
+}
+
+.focus-within\:opacity-90:focus-within {
+  opacity: 0.9 !important;
+}
+
+.focus-within\:opacity-100:focus-within {
+  opacity: 1 !important;
+}
+
 .hover\:opacity-0:hover {
   opacity: 0 !important;
 }
@@ -18453,6 +19468,50 @@ video {
   box-shadow: none !important;
 }
 
+.focus-within\:shadow-xs:focus-within {
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
+}
+
+.focus-within\:shadow-sm:focus-within {
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
+}
+
+.focus-within\:shadow:focus-within {
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
+}
+
+.focus-within\:shadow-md:focus-within {
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
+}
+
+.focus-within\:shadow-lg:focus-within {
+  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
+}
+
+.focus-within\:shadow-xl:focus-within {
+  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
+}
+
+.focus-within\:shadow-2xl:focus-within {
+  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
+}
+
+.focus-within\:shadow-inner:focus-within {
+  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
+}
+
+.focus-within\:shadow-outline:focus-within {
+  box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5) !important;
+}
+
+.focus-within\:shadow-solid:focus-within {
+  box-shadow: 0 0 0 2px currentColor !important;
+}
+
+.focus-within\:shadow-none:focus-within {
+  box-shadow: none !important;
+}
+
 .hover\:shadow-xs:hover {
   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
 }
@@ -19421,6 +20480,424 @@ video {
   color: rgba(131, 24, 67, var(--text-opacity)) !important;
 }
 
+.focus-within\:text-transparent:focus-within {
+  color: transparent !important;
+}
+
+.focus-within\:text-current:focus-within {
+  color: currentColor !important;
+}
+
+.focus-within\:text-black:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(0, 0, 0, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-white:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(255, 255, 255, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-gray-50:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(249, 250, 251, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-gray-100:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(243, 244, 246, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-gray-200:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(229, 231, 235, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-gray-300:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(209, 213, 219, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-gray-400:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(156, 163, 175, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-gray-500:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(107, 114, 128, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-gray-600:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(75, 85, 99, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-gray-700:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(55, 65, 81, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-gray-800:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(31, 41, 55, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-gray-900:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(17, 24, 39, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-red-50:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(254, 242, 242, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-red-100:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(254, 226, 226, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-red-200:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(254, 202, 202, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-red-300:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(252, 165, 165, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-red-400:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(248, 113, 113, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-red-500:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(239, 68, 68, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-red-600:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(220, 38, 38, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-red-700:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(185, 28, 28, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-red-800:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(153, 27, 27, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-red-900:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(127, 29, 29, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-yellow-50:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(255, 251, 235, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-yellow-100:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(254, 243, 199, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-yellow-200:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(253, 230, 138, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-yellow-300:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(252, 211, 77, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-yellow-400:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(251, 191, 36, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-yellow-500:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(245, 158, 11, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-yellow-600:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(217, 119, 6, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-yellow-700:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(180, 83, 9, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-yellow-800:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(146, 64, 14, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-yellow-900:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(120, 53, 15, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-green-50:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(236, 253, 245, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-green-100:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(209, 250, 229, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-green-200:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(167, 243, 208, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-green-300:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(110, 231, 183, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-green-400:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(52, 211, 153, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-green-500:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(16, 185, 129, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-green-600:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(5, 150, 105, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-green-700:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(4, 120, 87, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-green-800:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(6, 95, 70, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-green-900:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(6, 78, 59, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-blue-50:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(239, 246, 255, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-blue-100:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(219, 234, 254, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-blue-200:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(191, 219, 254, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-blue-300:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(147, 197, 253, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-blue-400:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(96, 165, 250, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-blue-500:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(59, 130, 246, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-blue-600:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(37, 99, 235, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-blue-700:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(29, 78, 216, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-blue-800:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(30, 64, 175, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-blue-900:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(30, 58, 138, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-indigo-50:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(238, 242, 255, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-indigo-100:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(224, 231, 255, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-indigo-200:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(199, 210, 254, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-indigo-300:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(165, 180, 252, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-indigo-400:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(129, 140, 248, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-indigo-500:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(99, 102, 241, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-indigo-600:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(79, 70, 229, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-indigo-700:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(67, 56, 202, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-indigo-800:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(55, 48, 163, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-indigo-900:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(49, 46, 129, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-purple-50:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(245, 243, 255, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-purple-100:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(237, 233, 254, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-purple-200:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(221, 214, 254, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-purple-300:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(196, 181, 253, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-purple-400:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(167, 139, 250, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-purple-500:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(139, 92, 246, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-purple-600:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(124, 58, 237, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-purple-700:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(109, 40, 217, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-purple-800:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(91, 33, 182, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-purple-900:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(76, 29, 149, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-pink-50:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(253, 242, 248, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-pink-100:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(252, 231, 243, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-pink-200:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(251, 207, 232, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-pink-300:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(249, 168, 212, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-pink-400:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(244, 114, 182, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-pink-500:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(236, 72, 153, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-pink-600:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(219, 39, 119, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-pink-700:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(190, 24, 93, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-pink-800:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(157, 23, 77, var(--text-opacity)) !important;
+}
+
+.focus-within\:text-pink-900:focus-within {
+  --text-opacity: 1 !important;
+  color: rgba(131, 24, 67, var(--text-opacity)) !important;
+}
+
 .hover\:text-transparent:hover {
   color: transparent !important;
 }
@@ -20361,6 +21838,58 @@ video {
   --text-opacity: 1 !important;
 }
 
+.focus-within\:text-opacity-0:focus-within {
+  --text-opacity: 0 !important;
+}
+
+.focus-within\:text-opacity-10:focus-within {
+  --text-opacity: 0.1 !important;
+}
+
+.focus-within\:text-opacity-20:focus-within {
+  --text-opacity: 0.2 !important;
+}
+
+.focus-within\:text-opacity-25:focus-within {
+  --text-opacity: 0.25 !important;
+}
+
+.focus-within\:text-opacity-30:focus-within {
+  --text-opacity: 0.3 !important;
+}
+
+.focus-within\:text-opacity-40:focus-within {
+  --text-opacity: 0.4 !important;
+}
+
+.focus-within\:text-opacity-50:focus-within {
+  --text-opacity: 0.5 !important;
+}
+
+.focus-within\:text-opacity-60:focus-within {
+  --text-opacity: 0.6 !important;
+}
+
+.focus-within\:text-opacity-70:focus-within {
+  --text-opacity: 0.7 !important;
+}
+
+.focus-within\:text-opacity-75:focus-within {
+  --text-opacity: 0.75 !important;
+}
+
+.focus-within\:text-opacity-80:focus-within {
+  --text-opacity: 0.8 !important;
+}
+
+.focus-within\:text-opacity-90:focus-within {
+  --text-opacity: 0.9 !important;
+}
+
+.focus-within\:text-opacity-100:focus-within {
+  --text-opacity: 1 !important;
+}
+
 .hover\:text-opacity-0:hover {
   --text-opacity: 0 !important;
 }
@@ -20991,6 +22520,34 @@ video {
   z-index: auto !important;
 }
 
+.focus-within\:z-0:focus-within {
+  z-index: 0 !important;
+}
+
+.focus-within\:z-10:focus-within {
+  z-index: 10 !important;
+}
+
+.focus-within\:z-20:focus-within {
+  z-index: 20 !important;
+}
+
+.focus-within\:z-30:focus-within {
+  z-index: 30 !important;
+}
+
+.focus-within\:z-40:focus-within {
+  z-index: 40 !important;
+}
+
+.focus-within\:z-50:focus-within {
+  z-index: 50 !important;
+}
+
+.focus-within\:z-auto:focus-within {
+  z-index: auto !important;
+}
+
 .focus\:z-0:focus {
   z-index: 0 !important;
 }
@@ -26464,6 +28021,29 @@ video {
     white-space: normal !important;
   }
 
+  .sm\:focus-within\:sr-only:focus-within {
+    position: absolute !important;
+    width: 1px !important;
+    height: 1px !important;
+    padding: 0 !important;
+    margin: -1px !important;
+    overflow: hidden !important;
+    clip: rect(0, 0, 0, 0) !important;
+    white-space: nowrap !important;
+    border-width: 0 !important;
+  }
+
+  .sm\:focus-within\:not-sr-only:focus-within {
+    position: static !important;
+    width: auto !important;
+    height: auto !important;
+    padding: 0 !important;
+    margin: 0 !important;
+    overflow: visible !important;
+    clip: auto !important;
+    white-space: normal !important;
+  }
+
   .sm\:focus\:sr-only:focus {
     position: absolute !important;
     width: 1px !important;
@@ -27355,6 +28935,424 @@ video {
     background-color: rgba(131, 24, 67, var(--bg-opacity)) !important;
   }
 
+  .sm\:focus-within\:bg-transparent:focus-within {
+    background-color: transparent !important;
+  }
+
+  .sm\:focus-within\:bg-current:focus-within {
+    background-color: currentColor !important;
+  }
+
+  .sm\:focus-within\:bg-black:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-white:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-gray-50:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(249, 250, 251, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-gray-100:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(243, 244, 246, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-gray-200:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(229, 231, 235, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-gray-300:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(209, 213, 219, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-gray-400:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(156, 163, 175, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-gray-500:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(107, 114, 128, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-gray-600:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(75, 85, 99, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-gray-700:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(55, 65, 81, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-gray-800:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(31, 41, 55, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-gray-900:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(17, 24, 39, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-red-50:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(254, 242, 242, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-red-100:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(254, 226, 226, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-red-200:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(254, 202, 202, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-red-300:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(252, 165, 165, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-red-400:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(248, 113, 113, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-red-500:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(239, 68, 68, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-red-600:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(220, 38, 38, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-red-700:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(185, 28, 28, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-red-800:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(153, 27, 27, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-red-900:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(127, 29, 29, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-yellow-50:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(255, 251, 235, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-yellow-100:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(254, 243, 199, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-yellow-200:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(253, 230, 138, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-yellow-300:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(252, 211, 77, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-yellow-400:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(251, 191, 36, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-yellow-500:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(245, 158, 11, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-yellow-600:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(217, 119, 6, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-yellow-700:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(180, 83, 9, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-yellow-800:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(146, 64, 14, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-yellow-900:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(120, 53, 15, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-green-50:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(236, 253, 245, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-green-100:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(209, 250, 229, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-green-200:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(167, 243, 208, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-green-300:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(110, 231, 183, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-green-400:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(52, 211, 153, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-green-500:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(16, 185, 129, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-green-600:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(5, 150, 105, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-green-700:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(4, 120, 87, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-green-800:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(6, 95, 70, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-green-900:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(6, 78, 59, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-blue-50:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(239, 246, 255, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-blue-100:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(219, 234, 254, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-blue-200:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(191, 219, 254, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-blue-300:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(147, 197, 253, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-blue-400:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(96, 165, 250, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-blue-500:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(59, 130, 246, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-blue-600:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(37, 99, 235, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-blue-700:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(29, 78, 216, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-blue-800:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(30, 64, 175, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-blue-900:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(30, 58, 138, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-indigo-50:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(238, 242, 255, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-indigo-100:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(224, 231, 255, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-indigo-200:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(199, 210, 254, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-indigo-300:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(165, 180, 252, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-indigo-400:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(129, 140, 248, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-indigo-500:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(99, 102, 241, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-indigo-600:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(79, 70, 229, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-indigo-700:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(67, 56, 202, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-indigo-800:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(55, 48, 163, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-indigo-900:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(49, 46, 129, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-purple-50:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(245, 243, 255, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-purple-100:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(237, 233, 254, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-purple-200:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(221, 214, 254, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-purple-300:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(196, 181, 253, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-purple-400:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(167, 139, 250, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-purple-500:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(139, 92, 246, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-purple-600:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(124, 58, 237, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-purple-700:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(109, 40, 217, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-purple-800:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(91, 33, 182, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-purple-900:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(76, 29, 149, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-pink-50:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(253, 242, 248, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-pink-100:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(252, 231, 243, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-pink-200:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(251, 207, 232, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-pink-300:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(249, 168, 212, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-pink-400:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(244, 114, 182, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-pink-500:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(236, 72, 153, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-pink-600:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(219, 39, 119, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-pink-700:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(190, 24, 93, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-pink-800:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(157, 23, 77, var(--bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-pink-900:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(131, 24, 67, var(--bg-opacity)) !important;
+  }
+
   .sm\:hover\:bg-transparent:hover {
     background-color: transparent !important;
   }
@@ -31859,6 +33857,58 @@ video {
     --bg-opacity: 1 !important;
   }
 
+  .sm\:focus-within\:bg-opacity-0:focus-within {
+    --bg-opacity: 0 !important;
+  }
+
+  .sm\:focus-within\:bg-opacity-10:focus-within {
+    --bg-opacity: 0.1 !important;
+  }
+
+  .sm\:focus-within\:bg-opacity-20:focus-within {
+    --bg-opacity: 0.2 !important;
+  }
+
+  .sm\:focus-within\:bg-opacity-25:focus-within {
+    --bg-opacity: 0.25 !important;
+  }
+
+  .sm\:focus-within\:bg-opacity-30:focus-within {
+    --bg-opacity: 0.3 !important;
+  }
+
+  .sm\:focus-within\:bg-opacity-40:focus-within {
+    --bg-opacity: 0.4 !important;
+  }
+
+  .sm\:focus-within\:bg-opacity-50:focus-within {
+    --bg-opacity: 0.5 !important;
+  }
+
+  .sm\:focus-within\:bg-opacity-60:focus-within {
+    --bg-opacity: 0.6 !important;
+  }
+
+  .sm\:focus-within\:bg-opacity-70:focus-within {
+    --bg-opacity: 0.7 !important;
+  }
+
+  .sm\:focus-within\:bg-opacity-75:focus-within {
+    --bg-opacity: 0.75 !important;
+  }
+
+  .sm\:focus-within\:bg-opacity-80:focus-within {
+    --bg-opacity: 0.8 !important;
+  }
+
+  .sm\:focus-within\:bg-opacity-90:focus-within {
+    --bg-opacity: 0.9 !important;
+  }
+
+  .sm\:focus-within\:bg-opacity-100:focus-within {
+    --bg-opacity: 1 !important;
+  }
+
   .sm\:hover\:bg-opacity-0:hover {
     --bg-opacity: 0 !important;
   }
@@ -32879,6 +34929,424 @@ video {
     border-color: rgba(131, 24, 67, var(--border-opacity)) !important;
   }
 
+  .sm\:focus-within\:border-transparent:focus-within {
+    border-color: transparent !important;
+  }
+
+  .sm\:focus-within\:border-current:focus-within {
+    border-color: currentColor !important;
+  }
+
+  .sm\:focus-within\:border-black:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-white:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-gray-50:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(249, 250, 251, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-gray-100:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(243, 244, 246, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-gray-200:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(229, 231, 235, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-gray-300:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(209, 213, 219, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-gray-400:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(156, 163, 175, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-gray-500:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(107, 114, 128, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-gray-600:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(75, 85, 99, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-gray-700:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(55, 65, 81, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-gray-800:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(31, 41, 55, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-gray-900:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(17, 24, 39, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-red-50:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(254, 242, 242, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-red-100:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(254, 226, 226, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-red-200:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(254, 202, 202, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-red-300:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(252, 165, 165, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-red-400:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(248, 113, 113, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-red-500:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(239, 68, 68, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-red-600:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(220, 38, 38, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-red-700:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(185, 28, 28, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-red-800:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(153, 27, 27, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-red-900:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(127, 29, 29, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-yellow-50:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(255, 251, 235, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-yellow-100:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(254, 243, 199, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-yellow-200:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(253, 230, 138, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-yellow-300:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(252, 211, 77, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-yellow-400:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(251, 191, 36, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-yellow-500:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(245, 158, 11, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-yellow-600:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(217, 119, 6, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-yellow-700:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(180, 83, 9, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-yellow-800:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(146, 64, 14, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-yellow-900:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(120, 53, 15, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-green-50:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(236, 253, 245, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-green-100:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(209, 250, 229, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-green-200:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(167, 243, 208, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-green-300:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(110, 231, 183, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-green-400:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(52, 211, 153, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-green-500:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(16, 185, 129, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-green-600:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(5, 150, 105, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-green-700:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(4, 120, 87, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-green-800:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(6, 95, 70, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-green-900:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(6, 78, 59, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-blue-50:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(239, 246, 255, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-blue-100:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(219, 234, 254, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-blue-200:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(191, 219, 254, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-blue-300:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(147, 197, 253, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-blue-400:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(96, 165, 250, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-blue-500:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(59, 130, 246, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-blue-600:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(37, 99, 235, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-blue-700:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(29, 78, 216, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-blue-800:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(30, 64, 175, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-blue-900:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(30, 58, 138, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-indigo-50:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(238, 242, 255, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-indigo-100:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(224, 231, 255, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-indigo-200:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(199, 210, 254, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-indigo-300:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(165, 180, 252, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-indigo-400:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(129, 140, 248, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-indigo-500:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(99, 102, 241, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-indigo-600:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(79, 70, 229, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-indigo-700:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(67, 56, 202, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-indigo-800:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(55, 48, 163, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-indigo-900:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(49, 46, 129, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-purple-50:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(245, 243, 255, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-purple-100:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(237, 233, 254, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-purple-200:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(221, 214, 254, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-purple-300:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(196, 181, 253, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-purple-400:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(167, 139, 250, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-purple-500:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(139, 92, 246, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-purple-600:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(124, 58, 237, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-purple-700:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(109, 40, 217, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-purple-800:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(91, 33, 182, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-purple-900:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(76, 29, 149, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-pink-50:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(253, 242, 248, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-pink-100:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(252, 231, 243, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-pink-200:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(251, 207, 232, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-pink-300:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(249, 168, 212, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-pink-400:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(244, 114, 182, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-pink-500:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(236, 72, 153, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-pink-600:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(219, 39, 119, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-pink-700:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(190, 24, 93, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-pink-800:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(157, 23, 77, var(--border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-pink-900:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(131, 24, 67, var(--border-opacity)) !important;
+  }
+
   .sm\:hover\:border-transparent:hover {
     border-color: transparent !important;
   }
@@ -33819,6 +36287,58 @@ video {
     --border-opacity: 1 !important;
   }
 
+  .sm\:focus-within\:border-opacity-0:focus-within {
+    --border-opacity: 0 !important;
+  }
+
+  .sm\:focus-within\:border-opacity-10:focus-within {
+    --border-opacity: 0.1 !important;
+  }
+
+  .sm\:focus-within\:border-opacity-20:focus-within {
+    --border-opacity: 0.2 !important;
+  }
+
+  .sm\:focus-within\:border-opacity-25:focus-within {
+    --border-opacity: 0.25 !important;
+  }
+
+  .sm\:focus-within\:border-opacity-30:focus-within {
+    --border-opacity: 0.3 !important;
+  }
+
+  .sm\:focus-within\:border-opacity-40:focus-within {
+    --border-opacity: 0.4 !important;
+  }
+
+  .sm\:focus-within\:border-opacity-50:focus-within {
+    --border-opacity: 0.5 !important;
+  }
+
+  .sm\:focus-within\:border-opacity-60:focus-within {
+    --border-opacity: 0.6 !important;
+  }
+
+  .sm\:focus-within\:border-opacity-70:focus-within {
+    --border-opacity: 0.7 !important;
+  }
+
+  .sm\:focus-within\:border-opacity-75:focus-within {
+    --border-opacity: 0.75 !important;
+  }
+
+  .sm\:focus-within\:border-opacity-80:focus-within {
+    --border-opacity: 0.8 !important;
+  }
+
+  .sm\:focus-within\:border-opacity-90:focus-within {
+    --border-opacity: 0.9 !important;
+  }
+
+  .sm\:focus-within\:border-opacity-100:focus-within {
+    --border-opacity: 1 !important;
+  }
+
   .sm\:hover\:border-opacity-0:hover {
     --border-opacity: 0 !important;
   }
@@ -37862,6 +40382,58 @@ video {
     opacity: 1 !important;
   }
 
+  .sm\:focus-within\:opacity-0:focus-within {
+    opacity: 0 !important;
+  }
+
+  .sm\:focus-within\:opacity-10:focus-within {
+    opacity: 0.1 !important;
+  }
+
+  .sm\:focus-within\:opacity-20:focus-within {
+    opacity: 0.2 !important;
+  }
+
+  .sm\:focus-within\:opacity-25:focus-within {
+    opacity: 0.25 !important;
+  }
+
+  .sm\:focus-within\:opacity-30:focus-within {
+    opacity: 0.3 !important;
+  }
+
+  .sm\:focus-within\:opacity-40:focus-within {
+    opacity: 0.4 !important;
+  }
+
+  .sm\:focus-within\:opacity-50:focus-within {
+    opacity: 0.5 !important;
+  }
+
+  .sm\:focus-within\:opacity-60:focus-within {
+    opacity: 0.6 !important;
+  }
+
+  .sm\:focus-within\:opacity-70:focus-within {
+    opacity: 0.7 !important;
+  }
+
+  .sm\:focus-within\:opacity-75:focus-within {
+    opacity: 0.75 !important;
+  }
+
+  .sm\:focus-within\:opacity-80:focus-within {
+    opacity: 0.8 !important;
+  }
+
+  .sm\:focus-within\:opacity-90:focus-within {
+    opacity: 0.9 !important;
+  }
+
+  .sm\:focus-within\:opacity-100:focus-within {
+    opacity: 1 !important;
+  }
+
   .sm\:hover\:opacity-0:hover {
     opacity: 0 !important;
   }
@@ -42930,6 +45502,50 @@ video {
     box-shadow: none !important;
   }
 
+  .sm\:focus-within\:shadow-xs:focus-within {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
+  }
+
+  .sm\:focus-within\:shadow-sm:focus-within {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
+  }
+
+  .sm\:focus-within\:shadow:focus-within {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
+  }
+
+  .sm\:focus-within\:shadow-md:focus-within {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
+  }
+
+  .sm\:focus-within\:shadow-lg:focus-within {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
+  }
+
+  .sm\:focus-within\:shadow-xl:focus-within {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
+  }
+
+  .sm\:focus-within\:shadow-2xl:focus-within {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
+  }
+
+  .sm\:focus-within\:shadow-inner:focus-within {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
+  }
+
+  .sm\:focus-within\:shadow-outline:focus-within {
+    box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5) !important;
+  }
+
+  .sm\:focus-within\:shadow-solid:focus-within {
+    box-shadow: 0 0 0 2px currentColor !important;
+  }
+
+  .sm\:focus-within\:shadow-none:focus-within {
+    box-shadow: none !important;
+  }
+
   .sm\:hover\:shadow-xs:hover {
     box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
   }
@@ -43898,6 +46514,424 @@ video {
     color: rgba(131, 24, 67, var(--text-opacity)) !important;
   }
 
+  .sm\:focus-within\:text-transparent:focus-within {
+    color: transparent !important;
+  }
+
+  .sm\:focus-within\:text-current:focus-within {
+    color: currentColor !important;
+  }
+
+  .sm\:focus-within\:text-black:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(0, 0, 0, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-white:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(255, 255, 255, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-gray-50:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(249, 250, 251, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-gray-100:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(243, 244, 246, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-gray-200:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(229, 231, 235, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-gray-300:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(209, 213, 219, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-gray-400:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(156, 163, 175, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-gray-500:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(107, 114, 128, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-gray-600:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(75, 85, 99, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-gray-700:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(55, 65, 81, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-gray-800:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(31, 41, 55, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-gray-900:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(17, 24, 39, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-red-50:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(254, 242, 242, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-red-100:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(254, 226, 226, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-red-200:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(254, 202, 202, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-red-300:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(252, 165, 165, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-red-400:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(248, 113, 113, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-red-500:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(239, 68, 68, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-red-600:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(220, 38, 38, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-red-700:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(185, 28, 28, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-red-800:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(153, 27, 27, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-red-900:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(127, 29, 29, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-yellow-50:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-yellow-100:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-yellow-200:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-yellow-300:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-yellow-400:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-yellow-500:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-yellow-600:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-yellow-700:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-yellow-800:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-yellow-900:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-green-50:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(236, 253, 245, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-green-100:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(209, 250, 229, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-green-200:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(167, 243, 208, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-green-300:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(110, 231, 183, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-green-400:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(52, 211, 153, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-green-500:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(16, 185, 129, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-green-600:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(5, 150, 105, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-green-700:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(4, 120, 87, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-green-800:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(6, 95, 70, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-green-900:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(6, 78, 59, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-blue-50:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(239, 246, 255, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-blue-100:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(219, 234, 254, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-blue-200:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(191, 219, 254, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-blue-300:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(147, 197, 253, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-blue-400:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(96, 165, 250, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-blue-500:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(59, 130, 246, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-blue-600:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(37, 99, 235, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-blue-700:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(29, 78, 216, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-blue-800:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(30, 64, 175, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-blue-900:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(30, 58, 138, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-indigo-50:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(238, 242, 255, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-indigo-100:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(224, 231, 255, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-indigo-200:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(199, 210, 254, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-indigo-300:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(165, 180, 252, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-indigo-400:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(129, 140, 248, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-indigo-500:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(99, 102, 241, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-indigo-600:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(79, 70, 229, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-indigo-700:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(67, 56, 202, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-indigo-800:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(55, 48, 163, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-indigo-900:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(49, 46, 129, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-purple-50:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(245, 243, 255, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-purple-100:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(237, 233, 254, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-purple-200:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(221, 214, 254, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-purple-300:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(196, 181, 253, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-purple-400:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(167, 139, 250, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-purple-500:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(139, 92, 246, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-purple-600:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(124, 58, 237, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-purple-700:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(109, 40, 217, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-purple-800:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(91, 33, 182, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-purple-900:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(76, 29, 149, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-pink-50:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(253, 242, 248, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-pink-100:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(252, 231, 243, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-pink-200:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(251, 207, 232, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-pink-300:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(249, 168, 212, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-pink-400:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(244, 114, 182, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-pink-500:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(236, 72, 153, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-pink-600:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(219, 39, 119, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-pink-700:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(190, 24, 93, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-pink-800:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(157, 23, 77, var(--text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-pink-900:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(131, 24, 67, var(--text-opacity)) !important;
+  }
+
   .sm\:hover\:text-transparent:hover {
     color: transparent !important;
   }
@@ -44838,6 +47872,58 @@ video {
     --text-opacity: 1 !important;
   }
 
+  .sm\:focus-within\:text-opacity-0:focus-within {
+    --text-opacity: 0 !important;
+  }
+
+  .sm\:focus-within\:text-opacity-10:focus-within {
+    --text-opacity: 0.1 !important;
+  }
+
+  .sm\:focus-within\:text-opacity-20:focus-within {
+    --text-opacity: 0.2 !important;
+  }
+
+  .sm\:focus-within\:text-opacity-25:focus-within {
+    --text-opacity: 0.25 !important;
+  }
+
+  .sm\:focus-within\:text-opacity-30:focus-within {
+    --text-opacity: 0.3 !important;
+  }
+
+  .sm\:focus-within\:text-opacity-40:focus-within {
+    --text-opacity: 0.4 !important;
+  }
+
+  .sm\:focus-within\:text-opacity-50:focus-within {
+    --text-opacity: 0.5 !important;
+  }
+
+  .sm\:focus-within\:text-opacity-60:focus-within {
+    --text-opacity: 0.6 !important;
+  }
+
+  .sm\:focus-within\:text-opacity-70:focus-within {
+    --text-opacity: 0.7 !important;
+  }
+
+  .sm\:focus-within\:text-opacity-75:focus-within {
+    --text-opacity: 0.75 !important;
+  }
+
+  .sm\:focus-within\:text-opacity-80:focus-within {
+    --text-opacity: 0.8 !important;
+  }
+
+  .sm\:focus-within\:text-opacity-90:focus-within {
+    --text-opacity: 0.9 !important;
+  }
+
+  .sm\:focus-within\:text-opacity-100:focus-within {
+    --text-opacity: 1 !important;
+  }
+
   .sm\:hover\:text-opacity-0:hover {
     --text-opacity: 0 !important;
   }
@@ -45468,6 +48554,34 @@ video {
     z-index: auto !important;
   }
 
+  .sm\:focus-within\:z-0:focus-within {
+    z-index: 0 !important;
+  }
+
+  .sm\:focus-within\:z-10:focus-within {
+    z-index: 10 !important;
+  }
+
+  .sm\:focus-within\:z-20:focus-within {
+    z-index: 20 !important;
+  }
+
+  .sm\:focus-within\:z-30:focus-within {
+    z-index: 30 !important;
+  }
+
+  .sm\:focus-within\:z-40:focus-within {
+    z-index: 40 !important;
+  }
+
+  .sm\:focus-within\:z-50:focus-within {
+    z-index: 50 !important;
+  }
+
+  .sm\:focus-within\:z-auto:focus-within {
+    z-index: auto !important;
+  }
+
   .sm\:focus\:z-0:focus {
     z-index: 0 !important;
   }
@@ -50911,6 +54025,29 @@ video {
     white-space: normal !important;
   }
 
+  .md\:focus-within\:sr-only:focus-within {
+    position: absolute !important;
+    width: 1px !important;
+    height: 1px !important;
+    padding: 0 !important;
+    margin: -1px !important;
+    overflow: hidden !important;
+    clip: rect(0, 0, 0, 0) !important;
+    white-space: nowrap !important;
+    border-width: 0 !important;
+  }
+
+  .md\:focus-within\:not-sr-only:focus-within {
+    position: static !important;
+    width: auto !important;
+    height: auto !important;
+    padding: 0 !important;
+    margin: 0 !important;
+    overflow: visible !important;
+    clip: auto !important;
+    white-space: normal !important;
+  }
+
   .md\:focus\:sr-only:focus {
     position: absolute !important;
     width: 1px !important;
@@ -51802,6 +54939,424 @@ video {
     background-color: rgba(131, 24, 67, var(--bg-opacity)) !important;
   }
 
+  .md\:focus-within\:bg-transparent:focus-within {
+    background-color: transparent !important;
+  }
+
+  .md\:focus-within\:bg-current:focus-within {
+    background-color: currentColor !important;
+  }
+
+  .md\:focus-within\:bg-black:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-white:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-gray-50:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(249, 250, 251, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-gray-100:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(243, 244, 246, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-gray-200:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(229, 231, 235, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-gray-300:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(209, 213, 219, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-gray-400:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(156, 163, 175, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-gray-500:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(107, 114, 128, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-gray-600:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(75, 85, 99, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-gray-700:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(55, 65, 81, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-gray-800:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(31, 41, 55, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-gray-900:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(17, 24, 39, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-red-50:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(254, 242, 242, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-red-100:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(254, 226, 226, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-red-200:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(254, 202, 202, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-red-300:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(252, 165, 165, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-red-400:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(248, 113, 113, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-red-500:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(239, 68, 68, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-red-600:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(220, 38, 38, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-red-700:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(185, 28, 28, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-red-800:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(153, 27, 27, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-red-900:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(127, 29, 29, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-yellow-50:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(255, 251, 235, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-yellow-100:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(254, 243, 199, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-yellow-200:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(253, 230, 138, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-yellow-300:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(252, 211, 77, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-yellow-400:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(251, 191, 36, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-yellow-500:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(245, 158, 11, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-yellow-600:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(217, 119, 6, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-yellow-700:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(180, 83, 9, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-yellow-800:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(146, 64, 14, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-yellow-900:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(120, 53, 15, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-green-50:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(236, 253, 245, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-green-100:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(209, 250, 229, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-green-200:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(167, 243, 208, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-green-300:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(110, 231, 183, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-green-400:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(52, 211, 153, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-green-500:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(16, 185, 129, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-green-600:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(5, 150, 105, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-green-700:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(4, 120, 87, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-green-800:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(6, 95, 70, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-green-900:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(6, 78, 59, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-blue-50:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(239, 246, 255, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-blue-100:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(219, 234, 254, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-blue-200:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(191, 219, 254, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-blue-300:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(147, 197, 253, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-blue-400:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(96, 165, 250, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-blue-500:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(59, 130, 246, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-blue-600:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(37, 99, 235, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-blue-700:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(29, 78, 216, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-blue-800:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(30, 64, 175, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-blue-900:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(30, 58, 138, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-indigo-50:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(238, 242, 255, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-indigo-100:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(224, 231, 255, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-indigo-200:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(199, 210, 254, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-indigo-300:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(165, 180, 252, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-indigo-400:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(129, 140, 248, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-indigo-500:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(99, 102, 241, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-indigo-600:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(79, 70, 229, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-indigo-700:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(67, 56, 202, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-indigo-800:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(55, 48, 163, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-indigo-900:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(49, 46, 129, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-purple-50:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(245, 243, 255, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-purple-100:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(237, 233, 254, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-purple-200:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(221, 214, 254, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-purple-300:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(196, 181, 253, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-purple-400:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(167, 139, 250, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-purple-500:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(139, 92, 246, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-purple-600:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(124, 58, 237, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-purple-700:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(109, 40, 217, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-purple-800:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(91, 33, 182, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-purple-900:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(76, 29, 149, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-pink-50:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(253, 242, 248, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-pink-100:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(252, 231, 243, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-pink-200:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(251, 207, 232, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-pink-300:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(249, 168, 212, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-pink-400:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(244, 114, 182, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-pink-500:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(236, 72, 153, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-pink-600:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(219, 39, 119, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-pink-700:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(190, 24, 93, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-pink-800:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(157, 23, 77, var(--bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-pink-900:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(131, 24, 67, var(--bg-opacity)) !important;
+  }
+
   .md\:hover\:bg-transparent:hover {
     background-color: transparent !important;
   }
@@ -56306,6 +59861,58 @@ video {
     --bg-opacity: 1 !important;
   }
 
+  .md\:focus-within\:bg-opacity-0:focus-within {
+    --bg-opacity: 0 !important;
+  }
+
+  .md\:focus-within\:bg-opacity-10:focus-within {
+    --bg-opacity: 0.1 !important;
+  }
+
+  .md\:focus-within\:bg-opacity-20:focus-within {
+    --bg-opacity: 0.2 !important;
+  }
+
+  .md\:focus-within\:bg-opacity-25:focus-within {
+    --bg-opacity: 0.25 !important;
+  }
+
+  .md\:focus-within\:bg-opacity-30:focus-within {
+    --bg-opacity: 0.3 !important;
+  }
+
+  .md\:focus-within\:bg-opacity-40:focus-within {
+    --bg-opacity: 0.4 !important;
+  }
+
+  .md\:focus-within\:bg-opacity-50:focus-within {
+    --bg-opacity: 0.5 !important;
+  }
+
+  .md\:focus-within\:bg-opacity-60:focus-within {
+    --bg-opacity: 0.6 !important;
+  }
+
+  .md\:focus-within\:bg-opacity-70:focus-within {
+    --bg-opacity: 0.7 !important;
+  }
+
+  .md\:focus-within\:bg-opacity-75:focus-within {
+    --bg-opacity: 0.75 !important;
+  }
+
+  .md\:focus-within\:bg-opacity-80:focus-within {
+    --bg-opacity: 0.8 !important;
+  }
+
+  .md\:focus-within\:bg-opacity-90:focus-within {
+    --bg-opacity: 0.9 !important;
+  }
+
+  .md\:focus-within\:bg-opacity-100:focus-within {
+    --bg-opacity: 1 !important;
+  }
+
   .md\:hover\:bg-opacity-0:hover {
     --bg-opacity: 0 !important;
   }
@@ -57326,6 +60933,424 @@ video {
     border-color: rgba(131, 24, 67, var(--border-opacity)) !important;
   }
 
+  .md\:focus-within\:border-transparent:focus-within {
+    border-color: transparent !important;
+  }
+
+  .md\:focus-within\:border-current:focus-within {
+    border-color: currentColor !important;
+  }
+
+  .md\:focus-within\:border-black:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-white:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-gray-50:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(249, 250, 251, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-gray-100:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(243, 244, 246, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-gray-200:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(229, 231, 235, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-gray-300:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(209, 213, 219, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-gray-400:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(156, 163, 175, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-gray-500:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(107, 114, 128, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-gray-600:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(75, 85, 99, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-gray-700:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(55, 65, 81, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-gray-800:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(31, 41, 55, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-gray-900:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(17, 24, 39, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-red-50:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(254, 242, 242, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-red-100:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(254, 226, 226, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-red-200:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(254, 202, 202, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-red-300:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(252, 165, 165, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-red-400:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(248, 113, 113, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-red-500:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(239, 68, 68, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-red-600:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(220, 38, 38, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-red-700:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(185, 28, 28, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-red-800:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(153, 27, 27, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-red-900:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(127, 29, 29, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-yellow-50:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(255, 251, 235, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-yellow-100:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(254, 243, 199, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-yellow-200:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(253, 230, 138, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-yellow-300:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(252, 211, 77, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-yellow-400:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(251, 191, 36, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-yellow-500:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(245, 158, 11, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-yellow-600:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(217, 119, 6, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-yellow-700:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(180, 83, 9, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-yellow-800:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(146, 64, 14, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-yellow-900:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(120, 53, 15, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-green-50:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(236, 253, 245, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-green-100:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(209, 250, 229, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-green-200:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(167, 243, 208, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-green-300:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(110, 231, 183, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-green-400:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(52, 211, 153, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-green-500:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(16, 185, 129, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-green-600:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(5, 150, 105, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-green-700:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(4, 120, 87, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-green-800:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(6, 95, 70, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-green-900:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(6, 78, 59, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-blue-50:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(239, 246, 255, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-blue-100:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(219, 234, 254, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-blue-200:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(191, 219, 254, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-blue-300:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(147, 197, 253, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-blue-400:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(96, 165, 250, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-blue-500:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(59, 130, 246, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-blue-600:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(37, 99, 235, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-blue-700:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(29, 78, 216, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-blue-800:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(30, 64, 175, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-blue-900:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(30, 58, 138, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-indigo-50:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(238, 242, 255, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-indigo-100:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(224, 231, 255, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-indigo-200:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(199, 210, 254, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-indigo-300:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(165, 180, 252, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-indigo-400:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(129, 140, 248, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-indigo-500:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(99, 102, 241, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-indigo-600:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(79, 70, 229, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-indigo-700:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(67, 56, 202, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-indigo-800:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(55, 48, 163, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-indigo-900:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(49, 46, 129, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-purple-50:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(245, 243, 255, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-purple-100:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(237, 233, 254, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-purple-200:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(221, 214, 254, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-purple-300:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(196, 181, 253, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-purple-400:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(167, 139, 250, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-purple-500:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(139, 92, 246, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-purple-600:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(124, 58, 237, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-purple-700:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(109, 40, 217, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-purple-800:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(91, 33, 182, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-purple-900:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(76, 29, 149, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-pink-50:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(253, 242, 248, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-pink-100:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(252, 231, 243, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-pink-200:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(251, 207, 232, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-pink-300:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(249, 168, 212, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-pink-400:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(244, 114, 182, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-pink-500:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(236, 72, 153, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-pink-600:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(219, 39, 119, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-pink-700:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(190, 24, 93, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-pink-800:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(157, 23, 77, var(--border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-pink-900:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(131, 24, 67, var(--border-opacity)) !important;
+  }
+
   .md\:hover\:border-transparent:hover {
     border-color: transparent !important;
   }
@@ -58266,6 +62291,58 @@ video {
     --border-opacity: 1 !important;
   }
 
+  .md\:focus-within\:border-opacity-0:focus-within {
+    --border-opacity: 0 !important;
+  }
+
+  .md\:focus-within\:border-opacity-10:focus-within {
+    --border-opacity: 0.1 !important;
+  }
+
+  .md\:focus-within\:border-opacity-20:focus-within {
+    --border-opacity: 0.2 !important;
+  }
+
+  .md\:focus-within\:border-opacity-25:focus-within {
+    --border-opacity: 0.25 !important;
+  }
+
+  .md\:focus-within\:border-opacity-30:focus-within {
+    --border-opacity: 0.3 !important;
+  }
+
+  .md\:focus-within\:border-opacity-40:focus-within {
+    --border-opacity: 0.4 !important;
+  }
+
+  .md\:focus-within\:border-opacity-50:focus-within {
+    --border-opacity: 0.5 !important;
+  }
+
+  .md\:focus-within\:border-opacity-60:focus-within {
+    --border-opacity: 0.6 !important;
+  }
+
+  .md\:focus-within\:border-opacity-70:focus-within {
+    --border-opacity: 0.7 !important;
+  }
+
+  .md\:focus-within\:border-opacity-75:focus-within {
+    --border-opacity: 0.75 !important;
+  }
+
+  .md\:focus-within\:border-opacity-80:focus-within {
+    --border-opacity: 0.8 !important;
+  }
+
+  .md\:focus-within\:border-opacity-90:focus-within {
+    --border-opacity: 0.9 !important;
+  }
+
+  .md\:focus-within\:border-opacity-100:focus-within {
+    --border-opacity: 1 !important;
+  }
+
   .md\:hover\:border-opacity-0:hover {
     --border-opacity: 0 !important;
   }
@@ -62309,6 +66386,58 @@ video {
     opacity: 1 !important;
   }
 
+  .md\:focus-within\:opacity-0:focus-within {
+    opacity: 0 !important;
+  }
+
+  .md\:focus-within\:opacity-10:focus-within {
+    opacity: 0.1 !important;
+  }
+
+  .md\:focus-within\:opacity-20:focus-within {
+    opacity: 0.2 !important;
+  }
+
+  .md\:focus-within\:opacity-25:focus-within {
+    opacity: 0.25 !important;
+  }
+
+  .md\:focus-within\:opacity-30:focus-within {
+    opacity: 0.3 !important;
+  }
+
+  .md\:focus-within\:opacity-40:focus-within {
+    opacity: 0.4 !important;
+  }
+
+  .md\:focus-within\:opacity-50:focus-within {
+    opacity: 0.5 !important;
+  }
+
+  .md\:focus-within\:opacity-60:focus-within {
+    opacity: 0.6 !important;
+  }
+
+  .md\:focus-within\:opacity-70:focus-within {
+    opacity: 0.7 !important;
+  }
+
+  .md\:focus-within\:opacity-75:focus-within {
+    opacity: 0.75 !important;
+  }
+
+  .md\:focus-within\:opacity-80:focus-within {
+    opacity: 0.8 !important;
+  }
+
+  .md\:focus-within\:opacity-90:focus-within {
+    opacity: 0.9 !important;
+  }
+
+  .md\:focus-within\:opacity-100:focus-within {
+    opacity: 1 !important;
+  }
+
   .md\:hover\:opacity-0:hover {
     opacity: 0 !important;
   }
@@ -67377,6 +71506,50 @@ video {
     box-shadow: none !important;
   }
 
+  .md\:focus-within\:shadow-xs:focus-within {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
+  }
+
+  .md\:focus-within\:shadow-sm:focus-within {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
+  }
+
+  .md\:focus-within\:shadow:focus-within {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
+  }
+
+  .md\:focus-within\:shadow-md:focus-within {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
+  }
+
+  .md\:focus-within\:shadow-lg:focus-within {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
+  }
+
+  .md\:focus-within\:shadow-xl:focus-within {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
+  }
+
+  .md\:focus-within\:shadow-2xl:focus-within {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
+  }
+
+  .md\:focus-within\:shadow-inner:focus-within {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
+  }
+
+  .md\:focus-within\:shadow-outline:focus-within {
+    box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5) !important;
+  }
+
+  .md\:focus-within\:shadow-solid:focus-within {
+    box-shadow: 0 0 0 2px currentColor !important;
+  }
+
+  .md\:focus-within\:shadow-none:focus-within {
+    box-shadow: none !important;
+  }
+
   .md\:hover\:shadow-xs:hover {
     box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
   }
@@ -68345,6 +72518,424 @@ video {
     color: rgba(131, 24, 67, var(--text-opacity)) !important;
   }
 
+  .md\:focus-within\:text-transparent:focus-within {
+    color: transparent !important;
+  }
+
+  .md\:focus-within\:text-current:focus-within {
+    color: currentColor !important;
+  }
+
+  .md\:focus-within\:text-black:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(0, 0, 0, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-white:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(255, 255, 255, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-gray-50:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(249, 250, 251, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-gray-100:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(243, 244, 246, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-gray-200:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(229, 231, 235, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-gray-300:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(209, 213, 219, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-gray-400:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(156, 163, 175, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-gray-500:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(107, 114, 128, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-gray-600:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(75, 85, 99, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-gray-700:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(55, 65, 81, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-gray-800:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(31, 41, 55, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-gray-900:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(17, 24, 39, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-red-50:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(254, 242, 242, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-red-100:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(254, 226, 226, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-red-200:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(254, 202, 202, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-red-300:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(252, 165, 165, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-red-400:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(248, 113, 113, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-red-500:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(239, 68, 68, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-red-600:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(220, 38, 38, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-red-700:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(185, 28, 28, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-red-800:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(153, 27, 27, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-red-900:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(127, 29, 29, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-yellow-50:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-yellow-100:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-yellow-200:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-yellow-300:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-yellow-400:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-yellow-500:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-yellow-600:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-yellow-700:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-yellow-800:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-yellow-900:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-green-50:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(236, 253, 245, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-green-100:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(209, 250, 229, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-green-200:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(167, 243, 208, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-green-300:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(110, 231, 183, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-green-400:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(52, 211, 153, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-green-500:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(16, 185, 129, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-green-600:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(5, 150, 105, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-green-700:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(4, 120, 87, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-green-800:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(6, 95, 70, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-green-900:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(6, 78, 59, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-blue-50:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(239, 246, 255, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-blue-100:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(219, 234, 254, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-blue-200:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(191, 219, 254, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-blue-300:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(147, 197, 253, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-blue-400:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(96, 165, 250, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-blue-500:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(59, 130, 246, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-blue-600:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(37, 99, 235, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-blue-700:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(29, 78, 216, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-blue-800:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(30, 64, 175, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-blue-900:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(30, 58, 138, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-indigo-50:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(238, 242, 255, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-indigo-100:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(224, 231, 255, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-indigo-200:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(199, 210, 254, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-indigo-300:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(165, 180, 252, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-indigo-400:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(129, 140, 248, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-indigo-500:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(99, 102, 241, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-indigo-600:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(79, 70, 229, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-indigo-700:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(67, 56, 202, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-indigo-800:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(55, 48, 163, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-indigo-900:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(49, 46, 129, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-purple-50:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(245, 243, 255, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-purple-100:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(237, 233, 254, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-purple-200:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(221, 214, 254, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-purple-300:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(196, 181, 253, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-purple-400:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(167, 139, 250, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-purple-500:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(139, 92, 246, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-purple-600:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(124, 58, 237, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-purple-700:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(109, 40, 217, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-purple-800:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(91, 33, 182, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-purple-900:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(76, 29, 149, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-pink-50:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(253, 242, 248, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-pink-100:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(252, 231, 243, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-pink-200:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(251, 207, 232, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-pink-300:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(249, 168, 212, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-pink-400:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(244, 114, 182, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-pink-500:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(236, 72, 153, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-pink-600:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(219, 39, 119, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-pink-700:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(190, 24, 93, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-pink-800:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(157, 23, 77, var(--text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-pink-900:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(131, 24, 67, var(--text-opacity)) !important;
+  }
+
   .md\:hover\:text-transparent:hover {
     color: transparent !important;
   }
@@ -69285,6 +73876,58 @@ video {
     --text-opacity: 1 !important;
   }
 
+  .md\:focus-within\:text-opacity-0:focus-within {
+    --text-opacity: 0 !important;
+  }
+
+  .md\:focus-within\:text-opacity-10:focus-within {
+    --text-opacity: 0.1 !important;
+  }
+
+  .md\:focus-within\:text-opacity-20:focus-within {
+    --text-opacity: 0.2 !important;
+  }
+
+  .md\:focus-within\:text-opacity-25:focus-within {
+    --text-opacity: 0.25 !important;
+  }
+
+  .md\:focus-within\:text-opacity-30:focus-within {
+    --text-opacity: 0.3 !important;
+  }
+
+  .md\:focus-within\:text-opacity-40:focus-within {
+    --text-opacity: 0.4 !important;
+  }
+
+  .md\:focus-within\:text-opacity-50:focus-within {
+    --text-opacity: 0.5 !important;
+  }
+
+  .md\:focus-within\:text-opacity-60:focus-within {
+    --text-opacity: 0.6 !important;
+  }
+
+  .md\:focus-within\:text-opacity-70:focus-within {
+    --text-opacity: 0.7 !important;
+  }
+
+  .md\:focus-within\:text-opacity-75:focus-within {
+    --text-opacity: 0.75 !important;
+  }
+
+  .md\:focus-within\:text-opacity-80:focus-within {
+    --text-opacity: 0.8 !important;
+  }
+
+  .md\:focus-within\:text-opacity-90:focus-within {
+    --text-opacity: 0.9 !important;
+  }
+
+  .md\:focus-within\:text-opacity-100:focus-within {
+    --text-opacity: 1 !important;
+  }
+
   .md\:hover\:text-opacity-0:hover {
     --text-opacity: 0 !important;
   }
@@ -69915,6 +74558,34 @@ video {
     z-index: auto !important;
   }
 
+  .md\:focus-within\:z-0:focus-within {
+    z-index: 0 !important;
+  }
+
+  .md\:focus-within\:z-10:focus-within {
+    z-index: 10 !important;
+  }
+
+  .md\:focus-within\:z-20:focus-within {
+    z-index: 20 !important;
+  }
+
+  .md\:focus-within\:z-30:focus-within {
+    z-index: 30 !important;
+  }
+
+  .md\:focus-within\:z-40:focus-within {
+    z-index: 40 !important;
+  }
+
+  .md\:focus-within\:z-50:focus-within {
+    z-index: 50 !important;
+  }
+
+  .md\:focus-within\:z-auto:focus-within {
+    z-index: auto !important;
+  }
+
   .md\:focus\:z-0:focus {
     z-index: 0 !important;
   }
@@ -75358,6 +80029,29 @@ video {
     white-space: normal !important;
   }
 
+  .lg\:focus-within\:sr-only:focus-within {
+    position: absolute !important;
+    width: 1px !important;
+    height: 1px !important;
+    padding: 0 !important;
+    margin: -1px !important;
+    overflow: hidden !important;
+    clip: rect(0, 0, 0, 0) !important;
+    white-space: nowrap !important;
+    border-width: 0 !important;
+  }
+
+  .lg\:focus-within\:not-sr-only:focus-within {
+    position: static !important;
+    width: auto !important;
+    height: auto !important;
+    padding: 0 !important;
+    margin: 0 !important;
+    overflow: visible !important;
+    clip: auto !important;
+    white-space: normal !important;
+  }
+
   .lg\:focus\:sr-only:focus {
     position: absolute !important;
     width: 1px !important;
@@ -76249,6 +80943,424 @@ video {
     background-color: rgba(131, 24, 67, var(--bg-opacity)) !important;
   }
 
+  .lg\:focus-within\:bg-transparent:focus-within {
+    background-color: transparent !important;
+  }
+
+  .lg\:focus-within\:bg-current:focus-within {
+    background-color: currentColor !important;
+  }
+
+  .lg\:focus-within\:bg-black:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-white:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-gray-50:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(249, 250, 251, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-gray-100:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(243, 244, 246, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-gray-200:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(229, 231, 235, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-gray-300:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(209, 213, 219, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-gray-400:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(156, 163, 175, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-gray-500:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(107, 114, 128, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-gray-600:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(75, 85, 99, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-gray-700:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(55, 65, 81, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-gray-800:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(31, 41, 55, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-gray-900:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(17, 24, 39, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-red-50:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(254, 242, 242, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-red-100:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(254, 226, 226, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-red-200:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(254, 202, 202, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-red-300:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(252, 165, 165, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-red-400:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(248, 113, 113, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-red-500:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(239, 68, 68, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-red-600:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(220, 38, 38, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-red-700:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(185, 28, 28, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-red-800:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(153, 27, 27, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-red-900:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(127, 29, 29, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-yellow-50:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(255, 251, 235, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-yellow-100:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(254, 243, 199, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-yellow-200:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(253, 230, 138, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-yellow-300:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(252, 211, 77, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-yellow-400:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(251, 191, 36, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-yellow-500:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(245, 158, 11, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-yellow-600:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(217, 119, 6, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-yellow-700:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(180, 83, 9, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-yellow-800:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(146, 64, 14, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-yellow-900:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(120, 53, 15, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-green-50:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(236, 253, 245, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-green-100:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(209, 250, 229, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-green-200:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(167, 243, 208, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-green-300:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(110, 231, 183, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-green-400:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(52, 211, 153, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-green-500:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(16, 185, 129, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-green-600:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(5, 150, 105, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-green-700:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(4, 120, 87, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-green-800:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(6, 95, 70, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-green-900:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(6, 78, 59, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-blue-50:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(239, 246, 255, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-blue-100:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(219, 234, 254, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-blue-200:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(191, 219, 254, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-blue-300:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(147, 197, 253, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-blue-400:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(96, 165, 250, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-blue-500:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(59, 130, 246, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-blue-600:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(37, 99, 235, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-blue-700:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(29, 78, 216, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-blue-800:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(30, 64, 175, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-blue-900:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(30, 58, 138, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-indigo-50:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(238, 242, 255, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-indigo-100:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(224, 231, 255, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-indigo-200:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(199, 210, 254, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-indigo-300:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(165, 180, 252, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-indigo-400:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(129, 140, 248, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-indigo-500:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(99, 102, 241, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-indigo-600:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(79, 70, 229, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-indigo-700:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(67, 56, 202, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-indigo-800:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(55, 48, 163, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-indigo-900:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(49, 46, 129, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-purple-50:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(245, 243, 255, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-purple-100:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(237, 233, 254, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-purple-200:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(221, 214, 254, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-purple-300:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(196, 181, 253, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-purple-400:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(167, 139, 250, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-purple-500:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(139, 92, 246, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-purple-600:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(124, 58, 237, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-purple-700:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(109, 40, 217, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-purple-800:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(91, 33, 182, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-purple-900:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(76, 29, 149, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-pink-50:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(253, 242, 248, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-pink-100:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(252, 231, 243, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-pink-200:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(251, 207, 232, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-pink-300:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(249, 168, 212, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-pink-400:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(244, 114, 182, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-pink-500:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(236, 72, 153, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-pink-600:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(219, 39, 119, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-pink-700:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(190, 24, 93, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-pink-800:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(157, 23, 77, var(--bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-pink-900:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(131, 24, 67, var(--bg-opacity)) !important;
+  }
+
   .lg\:hover\:bg-transparent:hover {
     background-color: transparent !important;
   }
@@ -80753,6 +85865,58 @@ video {
     --bg-opacity: 1 !important;
   }
 
+  .lg\:focus-within\:bg-opacity-0:focus-within {
+    --bg-opacity: 0 !important;
+  }
+
+  .lg\:focus-within\:bg-opacity-10:focus-within {
+    --bg-opacity: 0.1 !important;
+  }
+
+  .lg\:focus-within\:bg-opacity-20:focus-within {
+    --bg-opacity: 0.2 !important;
+  }
+
+  .lg\:focus-within\:bg-opacity-25:focus-within {
+    --bg-opacity: 0.25 !important;
+  }
+
+  .lg\:focus-within\:bg-opacity-30:focus-within {
+    --bg-opacity: 0.3 !important;
+  }
+
+  .lg\:focus-within\:bg-opacity-40:focus-within {
+    --bg-opacity: 0.4 !important;
+  }
+
+  .lg\:focus-within\:bg-opacity-50:focus-within {
+    --bg-opacity: 0.5 !important;
+  }
+
+  .lg\:focus-within\:bg-opacity-60:focus-within {
+    --bg-opacity: 0.6 !important;
+  }
+
+  .lg\:focus-within\:bg-opacity-70:focus-within {
+    --bg-opacity: 0.7 !important;
+  }
+
+  .lg\:focus-within\:bg-opacity-75:focus-within {
+    --bg-opacity: 0.75 !important;
+  }
+
+  .lg\:focus-within\:bg-opacity-80:focus-within {
+    --bg-opacity: 0.8 !important;
+  }
+
+  .lg\:focus-within\:bg-opacity-90:focus-within {
+    --bg-opacity: 0.9 !important;
+  }
+
+  .lg\:focus-within\:bg-opacity-100:focus-within {
+    --bg-opacity: 1 !important;
+  }
+
   .lg\:hover\:bg-opacity-0:hover {
     --bg-opacity: 0 !important;
   }
@@ -81773,6 +86937,424 @@ video {
     border-color: rgba(131, 24, 67, var(--border-opacity)) !important;
   }
 
+  .lg\:focus-within\:border-transparent:focus-within {
+    border-color: transparent !important;
+  }
+
+  .lg\:focus-within\:border-current:focus-within {
+    border-color: currentColor !important;
+  }
+
+  .lg\:focus-within\:border-black:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-white:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-gray-50:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(249, 250, 251, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-gray-100:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(243, 244, 246, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-gray-200:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(229, 231, 235, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-gray-300:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(209, 213, 219, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-gray-400:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(156, 163, 175, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-gray-500:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(107, 114, 128, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-gray-600:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(75, 85, 99, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-gray-700:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(55, 65, 81, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-gray-800:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(31, 41, 55, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-gray-900:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(17, 24, 39, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-red-50:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(254, 242, 242, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-red-100:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(254, 226, 226, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-red-200:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(254, 202, 202, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-red-300:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(252, 165, 165, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-red-400:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(248, 113, 113, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-red-500:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(239, 68, 68, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-red-600:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(220, 38, 38, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-red-700:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(185, 28, 28, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-red-800:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(153, 27, 27, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-red-900:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(127, 29, 29, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-yellow-50:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(255, 251, 235, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-yellow-100:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(254, 243, 199, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-yellow-200:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(253, 230, 138, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-yellow-300:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(252, 211, 77, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-yellow-400:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(251, 191, 36, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-yellow-500:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(245, 158, 11, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-yellow-600:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(217, 119, 6, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-yellow-700:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(180, 83, 9, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-yellow-800:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(146, 64, 14, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-yellow-900:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(120, 53, 15, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-green-50:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(236, 253, 245, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-green-100:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(209, 250, 229, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-green-200:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(167, 243, 208, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-green-300:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(110, 231, 183, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-green-400:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(52, 211, 153, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-green-500:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(16, 185, 129, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-green-600:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(5, 150, 105, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-green-700:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(4, 120, 87, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-green-800:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(6, 95, 70, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-green-900:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(6, 78, 59, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-blue-50:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(239, 246, 255, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-blue-100:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(219, 234, 254, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-blue-200:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(191, 219, 254, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-blue-300:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(147, 197, 253, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-blue-400:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(96, 165, 250, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-blue-500:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(59, 130, 246, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-blue-600:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(37, 99, 235, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-blue-700:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(29, 78, 216, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-blue-800:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(30, 64, 175, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-blue-900:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(30, 58, 138, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-indigo-50:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(238, 242, 255, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-indigo-100:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(224, 231, 255, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-indigo-200:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(199, 210, 254, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-indigo-300:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(165, 180, 252, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-indigo-400:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(129, 140, 248, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-indigo-500:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(99, 102, 241, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-indigo-600:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(79, 70, 229, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-indigo-700:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(67, 56, 202, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-indigo-800:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(55, 48, 163, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-indigo-900:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(49, 46, 129, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-purple-50:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(245, 243, 255, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-purple-100:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(237, 233, 254, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-purple-200:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(221, 214, 254, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-purple-300:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(196, 181, 253, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-purple-400:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(167, 139, 250, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-purple-500:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(139, 92, 246, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-purple-600:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(124, 58, 237, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-purple-700:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(109, 40, 217, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-purple-800:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(91, 33, 182, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-purple-900:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(76, 29, 149, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-pink-50:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(253, 242, 248, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-pink-100:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(252, 231, 243, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-pink-200:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(251, 207, 232, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-pink-300:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(249, 168, 212, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-pink-400:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(244, 114, 182, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-pink-500:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(236, 72, 153, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-pink-600:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(219, 39, 119, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-pink-700:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(190, 24, 93, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-pink-800:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(157, 23, 77, var(--border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-pink-900:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(131, 24, 67, var(--border-opacity)) !important;
+  }
+
   .lg\:hover\:border-transparent:hover {
     border-color: transparent !important;
   }
@@ -82713,6 +88295,58 @@ video {
     --border-opacity: 1 !important;
   }
 
+  .lg\:focus-within\:border-opacity-0:focus-within {
+    --border-opacity: 0 !important;
+  }
+
+  .lg\:focus-within\:border-opacity-10:focus-within {
+    --border-opacity: 0.1 !important;
+  }
+
+  .lg\:focus-within\:border-opacity-20:focus-within {
+    --border-opacity: 0.2 !important;
+  }
+
+  .lg\:focus-within\:border-opacity-25:focus-within {
+    --border-opacity: 0.25 !important;
+  }
+
+  .lg\:focus-within\:border-opacity-30:focus-within {
+    --border-opacity: 0.3 !important;
+  }
+
+  .lg\:focus-within\:border-opacity-40:focus-within {
+    --border-opacity: 0.4 !important;
+  }
+
+  .lg\:focus-within\:border-opacity-50:focus-within {
+    --border-opacity: 0.5 !important;
+  }
+
+  .lg\:focus-within\:border-opacity-60:focus-within {
+    --border-opacity: 0.6 !important;
+  }
+
+  .lg\:focus-within\:border-opacity-70:focus-within {
+    --border-opacity: 0.7 !important;
+  }
+
+  .lg\:focus-within\:border-opacity-75:focus-within {
+    --border-opacity: 0.75 !important;
+  }
+
+  .lg\:focus-within\:border-opacity-80:focus-within {
+    --border-opacity: 0.8 !important;
+  }
+
+  .lg\:focus-within\:border-opacity-90:focus-within {
+    --border-opacity: 0.9 !important;
+  }
+
+  .lg\:focus-within\:border-opacity-100:focus-within {
+    --border-opacity: 1 !important;
+  }
+
   .lg\:hover\:border-opacity-0:hover {
     --border-opacity: 0 !important;
   }
@@ -86756,6 +92390,58 @@ video {
     opacity: 1 !important;
   }
 
+  .lg\:focus-within\:opacity-0:focus-within {
+    opacity: 0 !important;
+  }
+
+  .lg\:focus-within\:opacity-10:focus-within {
+    opacity: 0.1 !important;
+  }
+
+  .lg\:focus-within\:opacity-20:focus-within {
+    opacity: 0.2 !important;
+  }
+
+  .lg\:focus-within\:opacity-25:focus-within {
+    opacity: 0.25 !important;
+  }
+
+  .lg\:focus-within\:opacity-30:focus-within {
+    opacity: 0.3 !important;
+  }
+
+  .lg\:focus-within\:opacity-40:focus-within {
+    opacity: 0.4 !important;
+  }
+
+  .lg\:focus-within\:opacity-50:focus-within {
+    opacity: 0.5 !important;
+  }
+
+  .lg\:focus-within\:opacity-60:focus-within {
+    opacity: 0.6 !important;
+  }
+
+  .lg\:focus-within\:opacity-70:focus-within {
+    opacity: 0.7 !important;
+  }
+
+  .lg\:focus-within\:opacity-75:focus-within {
+    opacity: 0.75 !important;
+  }
+
+  .lg\:focus-within\:opacity-80:focus-within {
+    opacity: 0.8 !important;
+  }
+
+  .lg\:focus-within\:opacity-90:focus-within {
+    opacity: 0.9 !important;
+  }
+
+  .lg\:focus-within\:opacity-100:focus-within {
+    opacity: 1 !important;
+  }
+
   .lg\:hover\:opacity-0:hover {
     opacity: 0 !important;
   }
@@ -91824,6 +97510,50 @@ video {
     box-shadow: none !important;
   }
 
+  .lg\:focus-within\:shadow-xs:focus-within {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
+  }
+
+  .lg\:focus-within\:shadow-sm:focus-within {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
+  }
+
+  .lg\:focus-within\:shadow:focus-within {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
+  }
+
+  .lg\:focus-within\:shadow-md:focus-within {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
+  }
+
+  .lg\:focus-within\:shadow-lg:focus-within {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
+  }
+
+  .lg\:focus-within\:shadow-xl:focus-within {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
+  }
+
+  .lg\:focus-within\:shadow-2xl:focus-within {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
+  }
+
+  .lg\:focus-within\:shadow-inner:focus-within {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
+  }
+
+  .lg\:focus-within\:shadow-outline:focus-within {
+    box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5) !important;
+  }
+
+  .lg\:focus-within\:shadow-solid:focus-within {
+    box-shadow: 0 0 0 2px currentColor !important;
+  }
+
+  .lg\:focus-within\:shadow-none:focus-within {
+    box-shadow: none !important;
+  }
+
   .lg\:hover\:shadow-xs:hover {
     box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
   }
@@ -92792,6 +98522,424 @@ video {
     color: rgba(131, 24, 67, var(--text-opacity)) !important;
   }
 
+  .lg\:focus-within\:text-transparent:focus-within {
+    color: transparent !important;
+  }
+
+  .lg\:focus-within\:text-current:focus-within {
+    color: currentColor !important;
+  }
+
+  .lg\:focus-within\:text-black:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(0, 0, 0, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-white:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(255, 255, 255, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-gray-50:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(249, 250, 251, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-gray-100:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(243, 244, 246, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-gray-200:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(229, 231, 235, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-gray-300:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(209, 213, 219, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-gray-400:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(156, 163, 175, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-gray-500:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(107, 114, 128, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-gray-600:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(75, 85, 99, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-gray-700:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(55, 65, 81, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-gray-800:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(31, 41, 55, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-gray-900:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(17, 24, 39, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-red-50:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(254, 242, 242, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-red-100:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(254, 226, 226, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-red-200:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(254, 202, 202, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-red-300:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(252, 165, 165, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-red-400:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(248, 113, 113, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-red-500:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(239, 68, 68, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-red-600:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(220, 38, 38, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-red-700:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(185, 28, 28, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-red-800:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(153, 27, 27, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-red-900:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(127, 29, 29, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-yellow-50:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-yellow-100:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-yellow-200:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-yellow-300:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-yellow-400:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-yellow-500:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-yellow-600:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-yellow-700:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-yellow-800:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-yellow-900:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-green-50:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(236, 253, 245, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-green-100:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(209, 250, 229, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-green-200:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(167, 243, 208, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-green-300:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(110, 231, 183, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-green-400:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(52, 211, 153, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-green-500:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(16, 185, 129, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-green-600:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(5, 150, 105, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-green-700:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(4, 120, 87, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-green-800:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(6, 95, 70, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-green-900:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(6, 78, 59, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-blue-50:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(239, 246, 255, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-blue-100:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(219, 234, 254, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-blue-200:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(191, 219, 254, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-blue-300:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(147, 197, 253, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-blue-400:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(96, 165, 250, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-blue-500:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(59, 130, 246, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-blue-600:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(37, 99, 235, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-blue-700:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(29, 78, 216, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-blue-800:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(30, 64, 175, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-blue-900:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(30, 58, 138, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-indigo-50:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(238, 242, 255, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-indigo-100:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(224, 231, 255, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-indigo-200:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(199, 210, 254, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-indigo-300:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(165, 180, 252, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-indigo-400:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(129, 140, 248, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-indigo-500:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(99, 102, 241, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-indigo-600:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(79, 70, 229, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-indigo-700:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(67, 56, 202, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-indigo-800:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(55, 48, 163, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-indigo-900:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(49, 46, 129, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-purple-50:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(245, 243, 255, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-purple-100:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(237, 233, 254, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-purple-200:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(221, 214, 254, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-purple-300:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(196, 181, 253, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-purple-400:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(167, 139, 250, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-purple-500:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(139, 92, 246, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-purple-600:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(124, 58, 237, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-purple-700:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(109, 40, 217, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-purple-800:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(91, 33, 182, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-purple-900:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(76, 29, 149, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-pink-50:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(253, 242, 248, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-pink-100:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(252, 231, 243, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-pink-200:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(251, 207, 232, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-pink-300:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(249, 168, 212, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-pink-400:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(244, 114, 182, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-pink-500:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(236, 72, 153, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-pink-600:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(219, 39, 119, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-pink-700:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(190, 24, 93, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-pink-800:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(157, 23, 77, var(--text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-pink-900:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(131, 24, 67, var(--text-opacity)) !important;
+  }
+
   .lg\:hover\:text-transparent:hover {
     color: transparent !important;
   }
@@ -93732,6 +99880,58 @@ video {
     --text-opacity: 1 !important;
   }
 
+  .lg\:focus-within\:text-opacity-0:focus-within {
+    --text-opacity: 0 !important;
+  }
+
+  .lg\:focus-within\:text-opacity-10:focus-within {
+    --text-opacity: 0.1 !important;
+  }
+
+  .lg\:focus-within\:text-opacity-20:focus-within {
+    --text-opacity: 0.2 !important;
+  }
+
+  .lg\:focus-within\:text-opacity-25:focus-within {
+    --text-opacity: 0.25 !important;
+  }
+
+  .lg\:focus-within\:text-opacity-30:focus-within {
+    --text-opacity: 0.3 !important;
+  }
+
+  .lg\:focus-within\:text-opacity-40:focus-within {
+    --text-opacity: 0.4 !important;
+  }
+
+  .lg\:focus-within\:text-opacity-50:focus-within {
+    --text-opacity: 0.5 !important;
+  }
+
+  .lg\:focus-within\:text-opacity-60:focus-within {
+    --text-opacity: 0.6 !important;
+  }
+
+  .lg\:focus-within\:text-opacity-70:focus-within {
+    --text-opacity: 0.7 !important;
+  }
+
+  .lg\:focus-within\:text-opacity-75:focus-within {
+    --text-opacity: 0.75 !important;
+  }
+
+  .lg\:focus-within\:text-opacity-80:focus-within {
+    --text-opacity: 0.8 !important;
+  }
+
+  .lg\:focus-within\:text-opacity-90:focus-within {
+    --text-opacity: 0.9 !important;
+  }
+
+  .lg\:focus-within\:text-opacity-100:focus-within {
+    --text-opacity: 1 !important;
+  }
+
   .lg\:hover\:text-opacity-0:hover {
     --text-opacity: 0 !important;
   }
@@ -94362,6 +100562,34 @@ video {
     z-index: auto !important;
   }
 
+  .lg\:focus-within\:z-0:focus-within {
+    z-index: 0 !important;
+  }
+
+  .lg\:focus-within\:z-10:focus-within {
+    z-index: 10 !important;
+  }
+
+  .lg\:focus-within\:z-20:focus-within {
+    z-index: 20 !important;
+  }
+
+  .lg\:focus-within\:z-30:focus-within {
+    z-index: 30 !important;
+  }
+
+  .lg\:focus-within\:z-40:focus-within {
+    z-index: 40 !important;
+  }
+
+  .lg\:focus-within\:z-50:focus-within {
+    z-index: 50 !important;
+  }
+
+  .lg\:focus-within\:z-auto:focus-within {
+    z-index: auto !important;
+  }
+
   .lg\:focus\:z-0:focus {
     z-index: 0 !important;
   }
@@ -99805,6 +106033,29 @@ video {
     white-space: normal !important;
   }
 
+  .xl\:focus-within\:sr-only:focus-within {
+    position: absolute !important;
+    width: 1px !important;
+    height: 1px !important;
+    padding: 0 !important;
+    margin: -1px !important;
+    overflow: hidden !important;
+    clip: rect(0, 0, 0, 0) !important;
+    white-space: nowrap !important;
+    border-width: 0 !important;
+  }
+
+  .xl\:focus-within\:not-sr-only:focus-within {
+    position: static !important;
+    width: auto !important;
+    height: auto !important;
+    padding: 0 !important;
+    margin: 0 !important;
+    overflow: visible !important;
+    clip: auto !important;
+    white-space: normal !important;
+  }
+
   .xl\:focus\:sr-only:focus {
     position: absolute !important;
     width: 1px !important;
@@ -100696,6 +106947,424 @@ video {
     background-color: rgba(131, 24, 67, var(--bg-opacity)) !important;
   }
 
+  .xl\:focus-within\:bg-transparent:focus-within {
+    background-color: transparent !important;
+  }
+
+  .xl\:focus-within\:bg-current:focus-within {
+    background-color: currentColor !important;
+  }
+
+  .xl\:focus-within\:bg-black:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-white:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-gray-50:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(249, 250, 251, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-gray-100:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(243, 244, 246, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-gray-200:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(229, 231, 235, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-gray-300:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(209, 213, 219, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-gray-400:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(156, 163, 175, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-gray-500:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(107, 114, 128, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-gray-600:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(75, 85, 99, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-gray-700:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(55, 65, 81, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-gray-800:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(31, 41, 55, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-gray-900:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(17, 24, 39, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-red-50:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(254, 242, 242, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-red-100:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(254, 226, 226, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-red-200:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(254, 202, 202, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-red-300:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(252, 165, 165, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-red-400:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(248, 113, 113, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-red-500:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(239, 68, 68, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-red-600:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(220, 38, 38, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-red-700:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(185, 28, 28, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-red-800:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(153, 27, 27, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-red-900:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(127, 29, 29, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-yellow-50:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(255, 251, 235, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-yellow-100:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(254, 243, 199, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-yellow-200:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(253, 230, 138, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-yellow-300:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(252, 211, 77, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-yellow-400:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(251, 191, 36, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-yellow-500:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(245, 158, 11, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-yellow-600:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(217, 119, 6, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-yellow-700:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(180, 83, 9, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-yellow-800:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(146, 64, 14, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-yellow-900:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(120, 53, 15, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-green-50:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(236, 253, 245, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-green-100:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(209, 250, 229, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-green-200:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(167, 243, 208, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-green-300:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(110, 231, 183, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-green-400:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(52, 211, 153, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-green-500:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(16, 185, 129, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-green-600:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(5, 150, 105, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-green-700:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(4, 120, 87, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-green-800:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(6, 95, 70, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-green-900:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(6, 78, 59, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-blue-50:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(239, 246, 255, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-blue-100:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(219, 234, 254, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-blue-200:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(191, 219, 254, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-blue-300:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(147, 197, 253, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-blue-400:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(96, 165, 250, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-blue-500:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(59, 130, 246, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-blue-600:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(37, 99, 235, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-blue-700:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(29, 78, 216, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-blue-800:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(30, 64, 175, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-blue-900:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(30, 58, 138, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-indigo-50:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(238, 242, 255, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-indigo-100:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(224, 231, 255, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-indigo-200:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(199, 210, 254, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-indigo-300:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(165, 180, 252, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-indigo-400:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(129, 140, 248, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-indigo-500:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(99, 102, 241, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-indigo-600:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(79, 70, 229, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-indigo-700:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(67, 56, 202, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-indigo-800:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(55, 48, 163, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-indigo-900:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(49, 46, 129, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-purple-50:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(245, 243, 255, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-purple-100:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(237, 233, 254, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-purple-200:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(221, 214, 254, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-purple-300:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(196, 181, 253, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-purple-400:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(167, 139, 250, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-purple-500:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(139, 92, 246, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-purple-600:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(124, 58, 237, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-purple-700:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(109, 40, 217, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-purple-800:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(91, 33, 182, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-purple-900:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(76, 29, 149, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-pink-50:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(253, 242, 248, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-pink-100:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(252, 231, 243, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-pink-200:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(251, 207, 232, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-pink-300:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(249, 168, 212, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-pink-400:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(244, 114, 182, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-pink-500:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(236, 72, 153, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-pink-600:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(219, 39, 119, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-pink-700:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(190, 24, 93, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-pink-800:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(157, 23, 77, var(--bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-pink-900:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(131, 24, 67, var(--bg-opacity)) !important;
+  }
+
   .xl\:hover\:bg-transparent:hover {
     background-color: transparent !important;
   }
@@ -105200,6 +111869,58 @@ video {
     --bg-opacity: 1 !important;
   }
 
+  .xl\:focus-within\:bg-opacity-0:focus-within {
+    --bg-opacity: 0 !important;
+  }
+
+  .xl\:focus-within\:bg-opacity-10:focus-within {
+    --bg-opacity: 0.1 !important;
+  }
+
+  .xl\:focus-within\:bg-opacity-20:focus-within {
+    --bg-opacity: 0.2 !important;
+  }
+
+  .xl\:focus-within\:bg-opacity-25:focus-within {
+    --bg-opacity: 0.25 !important;
+  }
+
+  .xl\:focus-within\:bg-opacity-30:focus-within {
+    --bg-opacity: 0.3 !important;
+  }
+
+  .xl\:focus-within\:bg-opacity-40:focus-within {
+    --bg-opacity: 0.4 !important;
+  }
+
+  .xl\:focus-within\:bg-opacity-50:focus-within {
+    --bg-opacity: 0.5 !important;
+  }
+
+  .xl\:focus-within\:bg-opacity-60:focus-within {
+    --bg-opacity: 0.6 !important;
+  }
+
+  .xl\:focus-within\:bg-opacity-70:focus-within {
+    --bg-opacity: 0.7 !important;
+  }
+
+  .xl\:focus-within\:bg-opacity-75:focus-within {
+    --bg-opacity: 0.75 !important;
+  }
+
+  .xl\:focus-within\:bg-opacity-80:focus-within {
+    --bg-opacity: 0.8 !important;
+  }
+
+  .xl\:focus-within\:bg-opacity-90:focus-within {
+    --bg-opacity: 0.9 !important;
+  }
+
+  .xl\:focus-within\:bg-opacity-100:focus-within {
+    --bg-opacity: 1 !important;
+  }
+
   .xl\:hover\:bg-opacity-0:hover {
     --bg-opacity: 0 !important;
   }
@@ -106220,6 +112941,424 @@ video {
     border-color: rgba(131, 24, 67, var(--border-opacity)) !important;
   }
 
+  .xl\:focus-within\:border-transparent:focus-within {
+    border-color: transparent !important;
+  }
+
+  .xl\:focus-within\:border-current:focus-within {
+    border-color: currentColor !important;
+  }
+
+  .xl\:focus-within\:border-black:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-white:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-gray-50:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(249, 250, 251, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-gray-100:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(243, 244, 246, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-gray-200:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(229, 231, 235, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-gray-300:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(209, 213, 219, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-gray-400:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(156, 163, 175, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-gray-500:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(107, 114, 128, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-gray-600:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(75, 85, 99, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-gray-700:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(55, 65, 81, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-gray-800:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(31, 41, 55, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-gray-900:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(17, 24, 39, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-red-50:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(254, 242, 242, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-red-100:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(254, 226, 226, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-red-200:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(254, 202, 202, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-red-300:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(252, 165, 165, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-red-400:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(248, 113, 113, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-red-500:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(239, 68, 68, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-red-600:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(220, 38, 38, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-red-700:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(185, 28, 28, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-red-800:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(153, 27, 27, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-red-900:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(127, 29, 29, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-yellow-50:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(255, 251, 235, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-yellow-100:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(254, 243, 199, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-yellow-200:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(253, 230, 138, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-yellow-300:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(252, 211, 77, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-yellow-400:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(251, 191, 36, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-yellow-500:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(245, 158, 11, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-yellow-600:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(217, 119, 6, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-yellow-700:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(180, 83, 9, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-yellow-800:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(146, 64, 14, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-yellow-900:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(120, 53, 15, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-green-50:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(236, 253, 245, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-green-100:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(209, 250, 229, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-green-200:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(167, 243, 208, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-green-300:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(110, 231, 183, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-green-400:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(52, 211, 153, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-green-500:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(16, 185, 129, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-green-600:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(5, 150, 105, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-green-700:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(4, 120, 87, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-green-800:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(6, 95, 70, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-green-900:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(6, 78, 59, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-blue-50:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(239, 246, 255, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-blue-100:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(219, 234, 254, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-blue-200:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(191, 219, 254, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-blue-300:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(147, 197, 253, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-blue-400:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(96, 165, 250, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-blue-500:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(59, 130, 246, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-blue-600:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(37, 99, 235, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-blue-700:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(29, 78, 216, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-blue-800:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(30, 64, 175, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-blue-900:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(30, 58, 138, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-indigo-50:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(238, 242, 255, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-indigo-100:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(224, 231, 255, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-indigo-200:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(199, 210, 254, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-indigo-300:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(165, 180, 252, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-indigo-400:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(129, 140, 248, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-indigo-500:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(99, 102, 241, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-indigo-600:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(79, 70, 229, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-indigo-700:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(67, 56, 202, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-indigo-800:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(55, 48, 163, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-indigo-900:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(49, 46, 129, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-purple-50:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(245, 243, 255, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-purple-100:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(237, 233, 254, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-purple-200:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(221, 214, 254, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-purple-300:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(196, 181, 253, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-purple-400:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(167, 139, 250, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-purple-500:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(139, 92, 246, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-purple-600:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(124, 58, 237, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-purple-700:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(109, 40, 217, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-purple-800:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(91, 33, 182, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-purple-900:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(76, 29, 149, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-pink-50:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(253, 242, 248, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-pink-100:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(252, 231, 243, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-pink-200:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(251, 207, 232, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-pink-300:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(249, 168, 212, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-pink-400:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(244, 114, 182, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-pink-500:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(236, 72, 153, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-pink-600:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(219, 39, 119, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-pink-700:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(190, 24, 93, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-pink-800:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(157, 23, 77, var(--border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-pink-900:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(131, 24, 67, var(--border-opacity)) !important;
+  }
+
   .xl\:hover\:border-transparent:hover {
     border-color: transparent !important;
   }
@@ -107160,6 +114299,58 @@ video {
     --border-opacity: 1 !important;
   }
 
+  .xl\:focus-within\:border-opacity-0:focus-within {
+    --border-opacity: 0 !important;
+  }
+
+  .xl\:focus-within\:border-opacity-10:focus-within {
+    --border-opacity: 0.1 !important;
+  }
+
+  .xl\:focus-within\:border-opacity-20:focus-within {
+    --border-opacity: 0.2 !important;
+  }
+
+  .xl\:focus-within\:border-opacity-25:focus-within {
+    --border-opacity: 0.25 !important;
+  }
+
+  .xl\:focus-within\:border-opacity-30:focus-within {
+    --border-opacity: 0.3 !important;
+  }
+
+  .xl\:focus-within\:border-opacity-40:focus-within {
+    --border-opacity: 0.4 !important;
+  }
+
+  .xl\:focus-within\:border-opacity-50:focus-within {
+    --border-opacity: 0.5 !important;
+  }
+
+  .xl\:focus-within\:border-opacity-60:focus-within {
+    --border-opacity: 0.6 !important;
+  }
+
+  .xl\:focus-within\:border-opacity-70:focus-within {
+    --border-opacity: 0.7 !important;
+  }
+
+  .xl\:focus-within\:border-opacity-75:focus-within {
+    --border-opacity: 0.75 !important;
+  }
+
+  .xl\:focus-within\:border-opacity-80:focus-within {
+    --border-opacity: 0.8 !important;
+  }
+
+  .xl\:focus-within\:border-opacity-90:focus-within {
+    --border-opacity: 0.9 !important;
+  }
+
+  .xl\:focus-within\:border-opacity-100:focus-within {
+    --border-opacity: 1 !important;
+  }
+
   .xl\:hover\:border-opacity-0:hover {
     --border-opacity: 0 !important;
   }
@@ -111203,6 +118394,58 @@ video {
     opacity: 1 !important;
   }
 
+  .xl\:focus-within\:opacity-0:focus-within {
+    opacity: 0 !important;
+  }
+
+  .xl\:focus-within\:opacity-10:focus-within {
+    opacity: 0.1 !important;
+  }
+
+  .xl\:focus-within\:opacity-20:focus-within {
+    opacity: 0.2 !important;
+  }
+
+  .xl\:focus-within\:opacity-25:focus-within {
+    opacity: 0.25 !important;
+  }
+
+  .xl\:focus-within\:opacity-30:focus-within {
+    opacity: 0.3 !important;
+  }
+
+  .xl\:focus-within\:opacity-40:focus-within {
+    opacity: 0.4 !important;
+  }
+
+  .xl\:focus-within\:opacity-50:focus-within {
+    opacity: 0.5 !important;
+  }
+
+  .xl\:focus-within\:opacity-60:focus-within {
+    opacity: 0.6 !important;
+  }
+
+  .xl\:focus-within\:opacity-70:focus-within {
+    opacity: 0.7 !important;
+  }
+
+  .xl\:focus-within\:opacity-75:focus-within {
+    opacity: 0.75 !important;
+  }
+
+  .xl\:focus-within\:opacity-80:focus-within {
+    opacity: 0.8 !important;
+  }
+
+  .xl\:focus-within\:opacity-90:focus-within {
+    opacity: 0.9 !important;
+  }
+
+  .xl\:focus-within\:opacity-100:focus-within {
+    opacity: 1 !important;
+  }
+
   .xl\:hover\:opacity-0:hover {
     opacity: 0 !important;
   }
@@ -116271,6 +123514,50 @@ video {
     box-shadow: none !important;
   }
 
+  .xl\:focus-within\:shadow-xs:focus-within {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
+  }
+
+  .xl\:focus-within\:shadow-sm:focus-within {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
+  }
+
+  .xl\:focus-within\:shadow:focus-within {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
+  }
+
+  .xl\:focus-within\:shadow-md:focus-within {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
+  }
+
+  .xl\:focus-within\:shadow-lg:focus-within {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
+  }
+
+  .xl\:focus-within\:shadow-xl:focus-within {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
+  }
+
+  .xl\:focus-within\:shadow-2xl:focus-within {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
+  }
+
+  .xl\:focus-within\:shadow-inner:focus-within {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
+  }
+
+  .xl\:focus-within\:shadow-outline:focus-within {
+    box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5) !important;
+  }
+
+  .xl\:focus-within\:shadow-solid:focus-within {
+    box-shadow: 0 0 0 2px currentColor !important;
+  }
+
+  .xl\:focus-within\:shadow-none:focus-within {
+    box-shadow: none !important;
+  }
+
   .xl\:hover\:shadow-xs:hover {
     box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
   }
@@ -117239,6 +124526,424 @@ video {
     color: rgba(131, 24, 67, var(--text-opacity)) !important;
   }
 
+  .xl\:focus-within\:text-transparent:focus-within {
+    color: transparent !important;
+  }
+
+  .xl\:focus-within\:text-current:focus-within {
+    color: currentColor !important;
+  }
+
+  .xl\:focus-within\:text-black:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(0, 0, 0, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-white:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(255, 255, 255, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-gray-50:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(249, 250, 251, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-gray-100:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(243, 244, 246, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-gray-200:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(229, 231, 235, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-gray-300:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(209, 213, 219, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-gray-400:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(156, 163, 175, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-gray-500:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(107, 114, 128, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-gray-600:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(75, 85, 99, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-gray-700:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(55, 65, 81, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-gray-800:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(31, 41, 55, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-gray-900:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(17, 24, 39, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-red-50:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(254, 242, 242, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-red-100:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(254, 226, 226, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-red-200:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(254, 202, 202, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-red-300:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(252, 165, 165, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-red-400:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(248, 113, 113, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-red-500:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(239, 68, 68, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-red-600:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(220, 38, 38, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-red-700:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(185, 28, 28, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-red-800:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(153, 27, 27, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-red-900:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(127, 29, 29, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-yellow-50:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-yellow-100:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-yellow-200:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-yellow-300:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-yellow-400:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-yellow-500:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-yellow-600:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-yellow-700:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-yellow-800:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-yellow-900:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-green-50:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(236, 253, 245, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-green-100:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(209, 250, 229, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-green-200:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(167, 243, 208, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-green-300:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(110, 231, 183, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-green-400:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(52, 211, 153, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-green-500:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(16, 185, 129, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-green-600:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(5, 150, 105, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-green-700:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(4, 120, 87, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-green-800:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(6, 95, 70, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-green-900:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(6, 78, 59, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-blue-50:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(239, 246, 255, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-blue-100:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(219, 234, 254, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-blue-200:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(191, 219, 254, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-blue-300:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(147, 197, 253, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-blue-400:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(96, 165, 250, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-blue-500:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(59, 130, 246, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-blue-600:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(37, 99, 235, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-blue-700:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(29, 78, 216, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-blue-800:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(30, 64, 175, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-blue-900:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(30, 58, 138, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-indigo-50:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(238, 242, 255, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-indigo-100:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(224, 231, 255, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-indigo-200:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(199, 210, 254, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-indigo-300:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(165, 180, 252, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-indigo-400:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(129, 140, 248, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-indigo-500:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(99, 102, 241, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-indigo-600:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(79, 70, 229, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-indigo-700:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(67, 56, 202, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-indigo-800:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(55, 48, 163, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-indigo-900:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(49, 46, 129, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-purple-50:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(245, 243, 255, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-purple-100:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(237, 233, 254, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-purple-200:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(221, 214, 254, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-purple-300:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(196, 181, 253, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-purple-400:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(167, 139, 250, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-purple-500:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(139, 92, 246, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-purple-600:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(124, 58, 237, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-purple-700:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(109, 40, 217, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-purple-800:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(91, 33, 182, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-purple-900:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(76, 29, 149, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-pink-50:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(253, 242, 248, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-pink-100:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(252, 231, 243, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-pink-200:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(251, 207, 232, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-pink-300:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(249, 168, 212, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-pink-400:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(244, 114, 182, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-pink-500:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(236, 72, 153, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-pink-600:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(219, 39, 119, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-pink-700:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(190, 24, 93, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-pink-800:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(157, 23, 77, var(--text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-pink-900:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(131, 24, 67, var(--text-opacity)) !important;
+  }
+
   .xl\:hover\:text-transparent:hover {
     color: transparent !important;
   }
@@ -118179,6 +125884,58 @@ video {
     --text-opacity: 1 !important;
   }
 
+  .xl\:focus-within\:text-opacity-0:focus-within {
+    --text-opacity: 0 !important;
+  }
+
+  .xl\:focus-within\:text-opacity-10:focus-within {
+    --text-opacity: 0.1 !important;
+  }
+
+  .xl\:focus-within\:text-opacity-20:focus-within {
+    --text-opacity: 0.2 !important;
+  }
+
+  .xl\:focus-within\:text-opacity-25:focus-within {
+    --text-opacity: 0.25 !important;
+  }
+
+  .xl\:focus-within\:text-opacity-30:focus-within {
+    --text-opacity: 0.3 !important;
+  }
+
+  .xl\:focus-within\:text-opacity-40:focus-within {
+    --text-opacity: 0.4 !important;
+  }
+
+  .xl\:focus-within\:text-opacity-50:focus-within {
+    --text-opacity: 0.5 !important;
+  }
+
+  .xl\:focus-within\:text-opacity-60:focus-within {
+    --text-opacity: 0.6 !important;
+  }
+
+  .xl\:focus-within\:text-opacity-70:focus-within {
+    --text-opacity: 0.7 !important;
+  }
+
+  .xl\:focus-within\:text-opacity-75:focus-within {
+    --text-opacity: 0.75 !important;
+  }
+
+  .xl\:focus-within\:text-opacity-80:focus-within {
+    --text-opacity: 0.8 !important;
+  }
+
+  .xl\:focus-within\:text-opacity-90:focus-within {
+    --text-opacity: 0.9 !important;
+  }
+
+  .xl\:focus-within\:text-opacity-100:focus-within {
+    --text-opacity: 1 !important;
+  }
+
   .xl\:hover\:text-opacity-0:hover {
     --text-opacity: 0 !important;
   }
@@ -118809,6 +126566,34 @@ video {
     z-index: auto !important;
   }
 
+  .xl\:focus-within\:z-0:focus-within {
+    z-index: 0 !important;
+  }
+
+  .xl\:focus-within\:z-10:focus-within {
+    z-index: 10 !important;
+  }
+
+  .xl\:focus-within\:z-20:focus-within {
+    z-index: 20 !important;
+  }
+
+  .xl\:focus-within\:z-30:focus-within {
+    z-index: 30 !important;
+  }
+
+  .xl\:focus-within\:z-40:focus-within {
+    z-index: 40 !important;
+  }
+
+  .xl\:focus-within\:z-50:focus-within {
+    z-index: 50 !important;
+  }
+
+  .xl\:focus-within\:z-auto:focus-within {
+    z-index: auto !important;
+  }
+
   .xl\:focus\:z-0:focus {
     z-index: 0 !important;
   }
@@ -124252,6 +132037,29 @@ video {
     white-space: normal !important;
   }
 
+  .\32xl\:focus-within\:sr-only:focus-within {
+    position: absolute !important;
+    width: 1px !important;
+    height: 1px !important;
+    padding: 0 !important;
+    margin: -1px !important;
+    overflow: hidden !important;
+    clip: rect(0, 0, 0, 0) !important;
+    white-space: nowrap !important;
+    border-width: 0 !important;
+  }
+
+  .\32xl\:focus-within\:not-sr-only:focus-within {
+    position: static !important;
+    width: auto !important;
+    height: auto !important;
+    padding: 0 !important;
+    margin: 0 !important;
+    overflow: visible !important;
+    clip: auto !important;
+    white-space: normal !important;
+  }
+
   .\32xl\:focus\:sr-only:focus {
     position: absolute !important;
     width: 1px !important;
@@ -125143,6 +132951,424 @@ video {
     background-color: rgba(131, 24, 67, var(--bg-opacity)) !important;
   }
 
+  .\32xl\:focus-within\:bg-transparent:focus-within {
+    background-color: transparent !important;
+  }
+
+  .\32xl\:focus-within\:bg-current:focus-within {
+    background-color: currentColor !important;
+  }
+
+  .\32xl\:focus-within\:bg-black:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-white:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-gray-50:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(249, 250, 251, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-gray-100:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(243, 244, 246, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-gray-200:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(229, 231, 235, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-gray-300:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(209, 213, 219, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-gray-400:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(156, 163, 175, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-gray-500:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(107, 114, 128, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-gray-600:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(75, 85, 99, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-gray-700:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(55, 65, 81, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-gray-800:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(31, 41, 55, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-gray-900:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(17, 24, 39, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-red-50:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(254, 242, 242, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-red-100:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(254, 226, 226, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-red-200:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(254, 202, 202, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-red-300:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(252, 165, 165, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-red-400:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(248, 113, 113, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-red-500:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(239, 68, 68, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-red-600:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(220, 38, 38, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-red-700:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(185, 28, 28, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-red-800:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(153, 27, 27, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-red-900:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(127, 29, 29, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-yellow-50:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(255, 251, 235, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-yellow-100:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(254, 243, 199, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-yellow-200:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(253, 230, 138, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-yellow-300:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(252, 211, 77, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-yellow-400:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(251, 191, 36, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-yellow-500:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(245, 158, 11, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-yellow-600:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(217, 119, 6, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-yellow-700:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(180, 83, 9, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-yellow-800:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(146, 64, 14, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-yellow-900:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(120, 53, 15, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-green-50:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(236, 253, 245, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-green-100:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(209, 250, 229, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-green-200:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(167, 243, 208, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-green-300:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(110, 231, 183, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-green-400:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(52, 211, 153, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-green-500:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(16, 185, 129, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-green-600:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(5, 150, 105, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-green-700:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(4, 120, 87, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-green-800:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(6, 95, 70, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-green-900:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(6, 78, 59, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-blue-50:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(239, 246, 255, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-blue-100:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(219, 234, 254, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-blue-200:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(191, 219, 254, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-blue-300:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(147, 197, 253, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-blue-400:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(96, 165, 250, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-blue-500:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(59, 130, 246, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-blue-600:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(37, 99, 235, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-blue-700:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(29, 78, 216, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-blue-800:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(30, 64, 175, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-blue-900:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(30, 58, 138, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-indigo-50:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(238, 242, 255, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-indigo-100:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(224, 231, 255, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-indigo-200:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(199, 210, 254, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-indigo-300:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(165, 180, 252, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-indigo-400:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(129, 140, 248, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-indigo-500:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(99, 102, 241, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-indigo-600:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(79, 70, 229, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-indigo-700:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(67, 56, 202, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-indigo-800:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(55, 48, 163, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-indigo-900:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(49, 46, 129, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-purple-50:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(245, 243, 255, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-purple-100:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(237, 233, 254, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-purple-200:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(221, 214, 254, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-purple-300:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(196, 181, 253, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-purple-400:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(167, 139, 250, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-purple-500:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(139, 92, 246, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-purple-600:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(124, 58, 237, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-purple-700:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(109, 40, 217, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-purple-800:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(91, 33, 182, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-purple-900:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(76, 29, 149, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-pink-50:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(253, 242, 248, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-pink-100:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(252, 231, 243, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-pink-200:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(251, 207, 232, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-pink-300:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(249, 168, 212, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-pink-400:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(244, 114, 182, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-pink-500:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(236, 72, 153, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-pink-600:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(219, 39, 119, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-pink-700:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(190, 24, 93, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-pink-800:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(157, 23, 77, var(--bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-pink-900:focus-within {
+    --bg-opacity: 1 !important;
+    background-color: rgba(131, 24, 67, var(--bg-opacity)) !important;
+  }
+
   .\32xl\:hover\:bg-transparent:hover {
     background-color: transparent !important;
   }
@@ -129647,6 +137873,58 @@ video {
     --bg-opacity: 1 !important;
   }
 
+  .\32xl\:focus-within\:bg-opacity-0:focus-within {
+    --bg-opacity: 0 !important;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-10:focus-within {
+    --bg-opacity: 0.1 !important;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-20:focus-within {
+    --bg-opacity: 0.2 !important;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-25:focus-within {
+    --bg-opacity: 0.25 !important;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-30:focus-within {
+    --bg-opacity: 0.3 !important;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-40:focus-within {
+    --bg-opacity: 0.4 !important;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-50:focus-within {
+    --bg-opacity: 0.5 !important;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-60:focus-within {
+    --bg-opacity: 0.6 !important;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-70:focus-within {
+    --bg-opacity: 0.7 !important;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-75:focus-within {
+    --bg-opacity: 0.75 !important;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-80:focus-within {
+    --bg-opacity: 0.8 !important;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-90:focus-within {
+    --bg-opacity: 0.9 !important;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-100:focus-within {
+    --bg-opacity: 1 !important;
+  }
+
   .\32xl\:hover\:bg-opacity-0:hover {
     --bg-opacity: 0 !important;
   }
@@ -130667,6 +138945,424 @@ video {
     border-color: rgba(131, 24, 67, var(--border-opacity)) !important;
   }
 
+  .\32xl\:focus-within\:border-transparent:focus-within {
+    border-color: transparent !important;
+  }
+
+  .\32xl\:focus-within\:border-current:focus-within {
+    border-color: currentColor !important;
+  }
+
+  .\32xl\:focus-within\:border-black:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-white:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-gray-50:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(249, 250, 251, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-gray-100:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(243, 244, 246, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-gray-200:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(229, 231, 235, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-gray-300:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(209, 213, 219, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-gray-400:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(156, 163, 175, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-gray-500:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(107, 114, 128, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-gray-600:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(75, 85, 99, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-gray-700:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(55, 65, 81, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-gray-800:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(31, 41, 55, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-gray-900:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(17, 24, 39, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-red-50:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(254, 242, 242, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-red-100:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(254, 226, 226, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-red-200:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(254, 202, 202, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-red-300:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(252, 165, 165, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-red-400:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(248, 113, 113, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-red-500:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(239, 68, 68, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-red-600:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(220, 38, 38, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-red-700:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(185, 28, 28, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-red-800:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(153, 27, 27, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-red-900:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(127, 29, 29, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-yellow-50:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(255, 251, 235, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-yellow-100:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(254, 243, 199, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-yellow-200:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(253, 230, 138, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-yellow-300:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(252, 211, 77, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-yellow-400:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(251, 191, 36, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-yellow-500:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(245, 158, 11, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-yellow-600:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(217, 119, 6, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-yellow-700:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(180, 83, 9, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-yellow-800:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(146, 64, 14, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-yellow-900:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(120, 53, 15, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-green-50:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(236, 253, 245, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-green-100:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(209, 250, 229, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-green-200:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(167, 243, 208, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-green-300:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(110, 231, 183, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-green-400:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(52, 211, 153, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-green-500:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(16, 185, 129, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-green-600:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(5, 150, 105, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-green-700:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(4, 120, 87, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-green-800:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(6, 95, 70, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-green-900:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(6, 78, 59, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-blue-50:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(239, 246, 255, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-blue-100:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(219, 234, 254, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-blue-200:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(191, 219, 254, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-blue-300:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(147, 197, 253, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-blue-400:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(96, 165, 250, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-blue-500:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(59, 130, 246, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-blue-600:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(37, 99, 235, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-blue-700:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(29, 78, 216, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-blue-800:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(30, 64, 175, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-blue-900:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(30, 58, 138, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-indigo-50:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(238, 242, 255, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-indigo-100:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(224, 231, 255, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-indigo-200:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(199, 210, 254, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-indigo-300:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(165, 180, 252, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-indigo-400:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(129, 140, 248, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-indigo-500:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(99, 102, 241, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-indigo-600:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(79, 70, 229, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-indigo-700:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(67, 56, 202, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-indigo-800:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(55, 48, 163, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-indigo-900:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(49, 46, 129, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-purple-50:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(245, 243, 255, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-purple-100:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(237, 233, 254, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-purple-200:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(221, 214, 254, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-purple-300:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(196, 181, 253, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-purple-400:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(167, 139, 250, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-purple-500:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(139, 92, 246, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-purple-600:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(124, 58, 237, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-purple-700:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(109, 40, 217, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-purple-800:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(91, 33, 182, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-purple-900:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(76, 29, 149, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-pink-50:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(253, 242, 248, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-pink-100:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(252, 231, 243, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-pink-200:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(251, 207, 232, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-pink-300:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(249, 168, 212, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-pink-400:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(244, 114, 182, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-pink-500:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(236, 72, 153, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-pink-600:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(219, 39, 119, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-pink-700:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(190, 24, 93, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-pink-800:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(157, 23, 77, var(--border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-pink-900:focus-within {
+    --border-opacity: 1 !important;
+    border-color: rgba(131, 24, 67, var(--border-opacity)) !important;
+  }
+
   .\32xl\:hover\:border-transparent:hover {
     border-color: transparent !important;
   }
@@ -131607,6 +140303,58 @@ video {
     --border-opacity: 1 !important;
   }
 
+  .\32xl\:focus-within\:border-opacity-0:focus-within {
+    --border-opacity: 0 !important;
+  }
+
+  .\32xl\:focus-within\:border-opacity-10:focus-within {
+    --border-opacity: 0.1 !important;
+  }
+
+  .\32xl\:focus-within\:border-opacity-20:focus-within {
+    --border-opacity: 0.2 !important;
+  }
+
+  .\32xl\:focus-within\:border-opacity-25:focus-within {
+    --border-opacity: 0.25 !important;
+  }
+
+  .\32xl\:focus-within\:border-opacity-30:focus-within {
+    --border-opacity: 0.3 !important;
+  }
+
+  .\32xl\:focus-within\:border-opacity-40:focus-within {
+    --border-opacity: 0.4 !important;
+  }
+
+  .\32xl\:focus-within\:border-opacity-50:focus-within {
+    --border-opacity: 0.5 !important;
+  }
+
+  .\32xl\:focus-within\:border-opacity-60:focus-within {
+    --border-opacity: 0.6 !important;
+  }
+
+  .\32xl\:focus-within\:border-opacity-70:focus-within {
+    --border-opacity: 0.7 !important;
+  }
+
+  .\32xl\:focus-within\:border-opacity-75:focus-within {
+    --border-opacity: 0.75 !important;
+  }
+
+  .\32xl\:focus-within\:border-opacity-80:focus-within {
+    --border-opacity: 0.8 !important;
+  }
+
+  .\32xl\:focus-within\:border-opacity-90:focus-within {
+    --border-opacity: 0.9 !important;
+  }
+
+  .\32xl\:focus-within\:border-opacity-100:focus-within {
+    --border-opacity: 1 !important;
+  }
+
   .\32xl\:hover\:border-opacity-0:hover {
     --border-opacity: 0 !important;
   }
@@ -135650,6 +144398,58 @@ video {
     opacity: 1 !important;
   }
 
+  .\32xl\:focus-within\:opacity-0:focus-within {
+    opacity: 0 !important;
+  }
+
+  .\32xl\:focus-within\:opacity-10:focus-within {
+    opacity: 0.1 !important;
+  }
+
+  .\32xl\:focus-within\:opacity-20:focus-within {
+    opacity: 0.2 !important;
+  }
+
+  .\32xl\:focus-within\:opacity-25:focus-within {
+    opacity: 0.25 !important;
+  }
+
+  .\32xl\:focus-within\:opacity-30:focus-within {
+    opacity: 0.3 !important;
+  }
+
+  .\32xl\:focus-within\:opacity-40:focus-within {
+    opacity: 0.4 !important;
+  }
+
+  .\32xl\:focus-within\:opacity-50:focus-within {
+    opacity: 0.5 !important;
+  }
+
+  .\32xl\:focus-within\:opacity-60:focus-within {
+    opacity: 0.6 !important;
+  }
+
+  .\32xl\:focus-within\:opacity-70:focus-within {
+    opacity: 0.7 !important;
+  }
+
+  .\32xl\:focus-within\:opacity-75:focus-within {
+    opacity: 0.75 !important;
+  }
+
+  .\32xl\:focus-within\:opacity-80:focus-within {
+    opacity: 0.8 !important;
+  }
+
+  .\32xl\:focus-within\:opacity-90:focus-within {
+    opacity: 0.9 !important;
+  }
+
+  .\32xl\:focus-within\:opacity-100:focus-within {
+    opacity: 1 !important;
+  }
+
   .\32xl\:hover\:opacity-0:hover {
     opacity: 0 !important;
   }
@@ -140718,6 +149518,50 @@ video {
     box-shadow: none !important;
   }
 
+  .\32xl\:focus-within\:shadow-xs:focus-within {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
+  }
+
+  .\32xl\:focus-within\:shadow-sm:focus-within {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
+  }
+
+  .\32xl\:focus-within\:shadow:focus-within {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
+  }
+
+  .\32xl\:focus-within\:shadow-md:focus-within {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
+  }
+
+  .\32xl\:focus-within\:shadow-lg:focus-within {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
+  }
+
+  .\32xl\:focus-within\:shadow-xl:focus-within {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
+  }
+
+  .\32xl\:focus-within\:shadow-2xl:focus-within {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
+  }
+
+  .\32xl\:focus-within\:shadow-inner:focus-within {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
+  }
+
+  .\32xl\:focus-within\:shadow-outline:focus-within {
+    box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5) !important;
+  }
+
+  .\32xl\:focus-within\:shadow-solid:focus-within {
+    box-shadow: 0 0 0 2px currentColor !important;
+  }
+
+  .\32xl\:focus-within\:shadow-none:focus-within {
+    box-shadow: none !important;
+  }
+
   .\32xl\:hover\:shadow-xs:hover {
     box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
   }
@@ -141686,6 +150530,424 @@ video {
     color: rgba(131, 24, 67, var(--text-opacity)) !important;
   }
 
+  .\32xl\:focus-within\:text-transparent:focus-within {
+    color: transparent !important;
+  }
+
+  .\32xl\:focus-within\:text-current:focus-within {
+    color: currentColor !important;
+  }
+
+  .\32xl\:focus-within\:text-black:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(0, 0, 0, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-white:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(255, 255, 255, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-gray-50:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(249, 250, 251, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-gray-100:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(243, 244, 246, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-gray-200:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(229, 231, 235, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-gray-300:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(209, 213, 219, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-gray-400:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(156, 163, 175, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-gray-500:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(107, 114, 128, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-gray-600:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(75, 85, 99, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-gray-700:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(55, 65, 81, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-gray-800:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(31, 41, 55, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-gray-900:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(17, 24, 39, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-red-50:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(254, 242, 242, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-red-100:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(254, 226, 226, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-red-200:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(254, 202, 202, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-red-300:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(252, 165, 165, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-red-400:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(248, 113, 113, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-red-500:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(239, 68, 68, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-red-600:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(220, 38, 38, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-red-700:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(185, 28, 28, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-red-800:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(153, 27, 27, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-red-900:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(127, 29, 29, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-yellow-50:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-yellow-100:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-yellow-200:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-yellow-300:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-yellow-400:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-yellow-500:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-yellow-600:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-yellow-700:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-yellow-800:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-yellow-900:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-green-50:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(236, 253, 245, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-green-100:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(209, 250, 229, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-green-200:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(167, 243, 208, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-green-300:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(110, 231, 183, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-green-400:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(52, 211, 153, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-green-500:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(16, 185, 129, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-green-600:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(5, 150, 105, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-green-700:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(4, 120, 87, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-green-800:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(6, 95, 70, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-green-900:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(6, 78, 59, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-blue-50:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(239, 246, 255, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-blue-100:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(219, 234, 254, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-blue-200:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(191, 219, 254, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-blue-300:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(147, 197, 253, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-blue-400:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(96, 165, 250, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-blue-500:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(59, 130, 246, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-blue-600:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(37, 99, 235, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-blue-700:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(29, 78, 216, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-blue-800:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(30, 64, 175, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-blue-900:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(30, 58, 138, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-indigo-50:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(238, 242, 255, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-indigo-100:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(224, 231, 255, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-indigo-200:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(199, 210, 254, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-indigo-300:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(165, 180, 252, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-indigo-400:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(129, 140, 248, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-indigo-500:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(99, 102, 241, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-indigo-600:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(79, 70, 229, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-indigo-700:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(67, 56, 202, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-indigo-800:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(55, 48, 163, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-indigo-900:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(49, 46, 129, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-purple-50:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(245, 243, 255, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-purple-100:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(237, 233, 254, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-purple-200:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(221, 214, 254, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-purple-300:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(196, 181, 253, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-purple-400:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(167, 139, 250, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-purple-500:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(139, 92, 246, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-purple-600:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(124, 58, 237, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-purple-700:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(109, 40, 217, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-purple-800:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(91, 33, 182, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-purple-900:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(76, 29, 149, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-pink-50:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(253, 242, 248, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-pink-100:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(252, 231, 243, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-pink-200:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(251, 207, 232, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-pink-300:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(249, 168, 212, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-pink-400:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(244, 114, 182, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-pink-500:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(236, 72, 153, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-pink-600:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(219, 39, 119, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-pink-700:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(190, 24, 93, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-pink-800:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(157, 23, 77, var(--text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-pink-900:focus-within {
+    --text-opacity: 1 !important;
+    color: rgba(131, 24, 67, var(--text-opacity)) !important;
+  }
+
   .\32xl\:hover\:text-transparent:hover {
     color: transparent !important;
   }
@@ -142626,6 +151888,58 @@ video {
     --text-opacity: 1 !important;
   }
 
+  .\32xl\:focus-within\:text-opacity-0:focus-within {
+    --text-opacity: 0 !important;
+  }
+
+  .\32xl\:focus-within\:text-opacity-10:focus-within {
+    --text-opacity: 0.1 !important;
+  }
+
+  .\32xl\:focus-within\:text-opacity-20:focus-within {
+    --text-opacity: 0.2 !important;
+  }
+
+  .\32xl\:focus-within\:text-opacity-25:focus-within {
+    --text-opacity: 0.25 !important;
+  }
+
+  .\32xl\:focus-within\:text-opacity-30:focus-within {
+    --text-opacity: 0.3 !important;
+  }
+
+  .\32xl\:focus-within\:text-opacity-40:focus-within {
+    --text-opacity: 0.4 !important;
+  }
+
+  .\32xl\:focus-within\:text-opacity-50:focus-within {
+    --text-opacity: 0.5 !important;
+  }
+
+  .\32xl\:focus-within\:text-opacity-60:focus-within {
+    --text-opacity: 0.6 !important;
+  }
+
+  .\32xl\:focus-within\:text-opacity-70:focus-within {
+    --text-opacity: 0.7 !important;
+  }
+
+  .\32xl\:focus-within\:text-opacity-75:focus-within {
+    --text-opacity: 0.75 !important;
+  }
+
+  .\32xl\:focus-within\:text-opacity-80:focus-within {
+    --text-opacity: 0.8 !important;
+  }
+
+  .\32xl\:focus-within\:text-opacity-90:focus-within {
+    --text-opacity: 0.9 !important;
+  }
+
+  .\32xl\:focus-within\:text-opacity-100:focus-within {
+    --text-opacity: 1 !important;
+  }
+
   .\32xl\:hover\:text-opacity-0:hover {
     --text-opacity: 0 !important;
   }
@@ -143256,6 +152570,34 @@ video {
     z-index: auto !important;
   }
 
+  .\32xl\:focus-within\:z-0:focus-within {
+    z-index: 0 !important;
+  }
+
+  .\32xl\:focus-within\:z-10:focus-within {
+    z-index: 10 !important;
+  }
+
+  .\32xl\:focus-within\:z-20:focus-within {
+    z-index: 20 !important;
+  }
+
+  .\32xl\:focus-within\:z-30:focus-within {
+    z-index: 30 !important;
+  }
+
+  .\32xl\:focus-within\:z-40:focus-within {
+    z-index: 40 !important;
+  }
+
+  .\32xl\:focus-within\:z-50:focus-within {
+    z-index: 50 !important;
+  }
+
+  .\32xl\:focus-within\:z-auto:focus-within {
+    z-index: auto !important;
+  }
+
   .\32xl\:focus\:z-0:focus {
     z-index: 0 !important;
   }
diff --git a/__tests__/fixtures/tailwind-output-no-color-opacity.css b/__tests__/fixtures/tailwind-output-no-color-opacity.css
index bf69a3342377..33d443018f26 100644
--- a/__tests__/fixtures/tailwind-output-no-color-opacity.css
+++ b/__tests__/fixtures/tailwind-output-no-color-opacity.css
@@ -1853,6 +1853,29 @@ video {
   white-space: normal;
 }
 
+.focus-within\:sr-only:focus-within {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+
+.focus-within\:not-sr-only:focus-within {
+  position: static;
+  width: auto;
+  height: auto;
+  padding: 0;
+  margin: 0;
+  overflow: visible;
+  clip: auto;
+  white-space: normal;
+}
+
 .focus\:sr-only:focus {
   position: absolute;
   width: 1px;
@@ -2580,6 +2603,342 @@ video {
   background-color: #831843;
 }
 
+.focus-within\:bg-transparent:focus-within {
+  background-color: transparent;
+}
+
+.focus-within\:bg-current:focus-within {
+  background-color: currentColor;
+}
+
+.focus-within\:bg-black:focus-within {
+  background-color: #000;
+}
+
+.focus-within\:bg-white:focus-within {
+  background-color: #fff;
+}
+
+.focus-within\:bg-gray-50:focus-within {
+  background-color: #f9fafb;
+}
+
+.focus-within\:bg-gray-100:focus-within {
+  background-color: #f3f4f6;
+}
+
+.focus-within\:bg-gray-200:focus-within {
+  background-color: #e5e7eb;
+}
+
+.focus-within\:bg-gray-300:focus-within {
+  background-color: #d1d5db;
+}
+
+.focus-within\:bg-gray-400:focus-within {
+  background-color: #9ca3af;
+}
+
+.focus-within\:bg-gray-500:focus-within {
+  background-color: #6b7280;
+}
+
+.focus-within\:bg-gray-600:focus-within {
+  background-color: #4b5563;
+}
+
+.focus-within\:bg-gray-700:focus-within {
+  background-color: #374151;
+}
+
+.focus-within\:bg-gray-800:focus-within {
+  background-color: #1f2937;
+}
+
+.focus-within\:bg-gray-900:focus-within {
+  background-color: #111827;
+}
+
+.focus-within\:bg-red-50:focus-within {
+  background-color: #fef2f2;
+}
+
+.focus-within\:bg-red-100:focus-within {
+  background-color: #fee2e2;
+}
+
+.focus-within\:bg-red-200:focus-within {
+  background-color: #fecaca;
+}
+
+.focus-within\:bg-red-300:focus-within {
+  background-color: #fca5a5;
+}
+
+.focus-within\:bg-red-400:focus-within {
+  background-color: #f87171;
+}
+
+.focus-within\:bg-red-500:focus-within {
+  background-color: #ef4444;
+}
+
+.focus-within\:bg-red-600:focus-within {
+  background-color: #dc2626;
+}
+
+.focus-within\:bg-red-700:focus-within {
+  background-color: #b91c1c;
+}
+
+.focus-within\:bg-red-800:focus-within {
+  background-color: #991b1b;
+}
+
+.focus-within\:bg-red-900:focus-within {
+  background-color: #7f1d1d;
+}
+
+.focus-within\:bg-yellow-50:focus-within {
+  background-color: #fffbeb;
+}
+
+.focus-within\:bg-yellow-100:focus-within {
+  background-color: #fef3c7;
+}
+
+.focus-within\:bg-yellow-200:focus-within {
+  background-color: #fde68a;
+}
+
+.focus-within\:bg-yellow-300:focus-within {
+  background-color: #fcd34d;
+}
+
+.focus-within\:bg-yellow-400:focus-within {
+  background-color: #fbbf24;
+}
+
+.focus-within\:bg-yellow-500:focus-within {
+  background-color: #f59e0b;
+}
+
+.focus-within\:bg-yellow-600:focus-within {
+  background-color: #d97706;
+}
+
+.focus-within\:bg-yellow-700:focus-within {
+  background-color: #b45309;
+}
+
+.focus-within\:bg-yellow-800:focus-within {
+  background-color: #92400e;
+}
+
+.focus-within\:bg-yellow-900:focus-within {
+  background-color: #78350f;
+}
+
+.focus-within\:bg-green-50:focus-within {
+  background-color: #ecfdf5;
+}
+
+.focus-within\:bg-green-100:focus-within {
+  background-color: #d1fae5;
+}
+
+.focus-within\:bg-green-200:focus-within {
+  background-color: #a7f3d0;
+}
+
+.focus-within\:bg-green-300:focus-within {
+  background-color: #6ee7b7;
+}
+
+.focus-within\:bg-green-400:focus-within {
+  background-color: #34d399;
+}
+
+.focus-within\:bg-green-500:focus-within {
+  background-color: #10b981;
+}
+
+.focus-within\:bg-green-600:focus-within {
+  background-color: #059669;
+}
+
+.focus-within\:bg-green-700:focus-within {
+  background-color: #047857;
+}
+
+.focus-within\:bg-green-800:focus-within {
+  background-color: #065f46;
+}
+
+.focus-within\:bg-green-900:focus-within {
+  background-color: #064e3b;
+}
+
+.focus-within\:bg-blue-50:focus-within {
+  background-color: #eff6ff;
+}
+
+.focus-within\:bg-blue-100:focus-within {
+  background-color: #dbeafe;
+}
+
+.focus-within\:bg-blue-200:focus-within {
+  background-color: #bfdbfe;
+}
+
+.focus-within\:bg-blue-300:focus-within {
+  background-color: #93c5fd;
+}
+
+.focus-within\:bg-blue-400:focus-within {
+  background-color: #60a5fa;
+}
+
+.focus-within\:bg-blue-500:focus-within {
+  background-color: #3b82f6;
+}
+
+.focus-within\:bg-blue-600:focus-within {
+  background-color: #2563eb;
+}
+
+.focus-within\:bg-blue-700:focus-within {
+  background-color: #1d4ed8;
+}
+
+.focus-within\:bg-blue-800:focus-within {
+  background-color: #1e40af;
+}
+
+.focus-within\:bg-blue-900:focus-within {
+  background-color: #1e3a8a;
+}
+
+.focus-within\:bg-indigo-50:focus-within {
+  background-color: #eef2ff;
+}
+
+.focus-within\:bg-indigo-100:focus-within {
+  background-color: #e0e7ff;
+}
+
+.focus-within\:bg-indigo-200:focus-within {
+  background-color: #c7d2fe;
+}
+
+.focus-within\:bg-indigo-300:focus-within {
+  background-color: #a5b4fc;
+}
+
+.focus-within\:bg-indigo-400:focus-within {
+  background-color: #818cf8;
+}
+
+.focus-within\:bg-indigo-500:focus-within {
+  background-color: #6366f1;
+}
+
+.focus-within\:bg-indigo-600:focus-within {
+  background-color: #4f46e5;
+}
+
+.focus-within\:bg-indigo-700:focus-within {
+  background-color: #4338ca;
+}
+
+.focus-within\:bg-indigo-800:focus-within {
+  background-color: #3730a3;
+}
+
+.focus-within\:bg-indigo-900:focus-within {
+  background-color: #312e81;
+}
+
+.focus-within\:bg-purple-50:focus-within {
+  background-color: #f5f3ff;
+}
+
+.focus-within\:bg-purple-100:focus-within {
+  background-color: #ede9fe;
+}
+
+.focus-within\:bg-purple-200:focus-within {
+  background-color: #ddd6fe;
+}
+
+.focus-within\:bg-purple-300:focus-within {
+  background-color: #c4b5fd;
+}
+
+.focus-within\:bg-purple-400:focus-within {
+  background-color: #a78bfa;
+}
+
+.focus-within\:bg-purple-500:focus-within {
+  background-color: #8b5cf6;
+}
+
+.focus-within\:bg-purple-600:focus-within {
+  background-color: #7c3aed;
+}
+
+.focus-within\:bg-purple-700:focus-within {
+  background-color: #6d28d9;
+}
+
+.focus-within\:bg-purple-800:focus-within {
+  background-color: #5b21b6;
+}
+
+.focus-within\:bg-purple-900:focus-within {
+  background-color: #4c1d95;
+}
+
+.focus-within\:bg-pink-50:focus-within {
+  background-color: #fdf2f8;
+}
+
+.focus-within\:bg-pink-100:focus-within {
+  background-color: #fce7f3;
+}
+
+.focus-within\:bg-pink-200:focus-within {
+  background-color: #fbcfe8;
+}
+
+.focus-within\:bg-pink-300:focus-within {
+  background-color: #f9a8d4;
+}
+
+.focus-within\:bg-pink-400:focus-within {
+  background-color: #f472b6;
+}
+
+.focus-within\:bg-pink-500:focus-within {
+  background-color: #ec4899;
+}
+
+.focus-within\:bg-pink-600:focus-within {
+  background-color: #db2777;
+}
+
+.focus-within\:bg-pink-700:focus-within {
+  background-color: #be185d;
+}
+
+.focus-within\:bg-pink-800:focus-within {
+  background-color: #9d174d;
+}
+
+.focus-within\:bg-pink-900:focus-within {
+  background-color: #831843;
+}
+
 .hover\:bg-transparent:hover {
   background-color: transparent;
 }
@@ -7568,6 +7927,342 @@ video {
   border-color: #831843;
 }
 
+.focus-within\:border-transparent:focus-within {
+  border-color: transparent;
+}
+
+.focus-within\:border-current:focus-within {
+  border-color: currentColor;
+}
+
+.focus-within\:border-black:focus-within {
+  border-color: #000;
+}
+
+.focus-within\:border-white:focus-within {
+  border-color: #fff;
+}
+
+.focus-within\:border-gray-50:focus-within {
+  border-color: #f9fafb;
+}
+
+.focus-within\:border-gray-100:focus-within {
+  border-color: #f3f4f6;
+}
+
+.focus-within\:border-gray-200:focus-within {
+  border-color: #e5e7eb;
+}
+
+.focus-within\:border-gray-300:focus-within {
+  border-color: #d1d5db;
+}
+
+.focus-within\:border-gray-400:focus-within {
+  border-color: #9ca3af;
+}
+
+.focus-within\:border-gray-500:focus-within {
+  border-color: #6b7280;
+}
+
+.focus-within\:border-gray-600:focus-within {
+  border-color: #4b5563;
+}
+
+.focus-within\:border-gray-700:focus-within {
+  border-color: #374151;
+}
+
+.focus-within\:border-gray-800:focus-within {
+  border-color: #1f2937;
+}
+
+.focus-within\:border-gray-900:focus-within {
+  border-color: #111827;
+}
+
+.focus-within\:border-red-50:focus-within {
+  border-color: #fef2f2;
+}
+
+.focus-within\:border-red-100:focus-within {
+  border-color: #fee2e2;
+}
+
+.focus-within\:border-red-200:focus-within {
+  border-color: #fecaca;
+}
+
+.focus-within\:border-red-300:focus-within {
+  border-color: #fca5a5;
+}
+
+.focus-within\:border-red-400:focus-within {
+  border-color: #f87171;
+}
+
+.focus-within\:border-red-500:focus-within {
+  border-color: #ef4444;
+}
+
+.focus-within\:border-red-600:focus-within {
+  border-color: #dc2626;
+}
+
+.focus-within\:border-red-700:focus-within {
+  border-color: #b91c1c;
+}
+
+.focus-within\:border-red-800:focus-within {
+  border-color: #991b1b;
+}
+
+.focus-within\:border-red-900:focus-within {
+  border-color: #7f1d1d;
+}
+
+.focus-within\:border-yellow-50:focus-within {
+  border-color: #fffbeb;
+}
+
+.focus-within\:border-yellow-100:focus-within {
+  border-color: #fef3c7;
+}
+
+.focus-within\:border-yellow-200:focus-within {
+  border-color: #fde68a;
+}
+
+.focus-within\:border-yellow-300:focus-within {
+  border-color: #fcd34d;
+}
+
+.focus-within\:border-yellow-400:focus-within {
+  border-color: #fbbf24;
+}
+
+.focus-within\:border-yellow-500:focus-within {
+  border-color: #f59e0b;
+}
+
+.focus-within\:border-yellow-600:focus-within {
+  border-color: #d97706;
+}
+
+.focus-within\:border-yellow-700:focus-within {
+  border-color: #b45309;
+}
+
+.focus-within\:border-yellow-800:focus-within {
+  border-color: #92400e;
+}
+
+.focus-within\:border-yellow-900:focus-within {
+  border-color: #78350f;
+}
+
+.focus-within\:border-green-50:focus-within {
+  border-color: #ecfdf5;
+}
+
+.focus-within\:border-green-100:focus-within {
+  border-color: #d1fae5;
+}
+
+.focus-within\:border-green-200:focus-within {
+  border-color: #a7f3d0;
+}
+
+.focus-within\:border-green-300:focus-within {
+  border-color: #6ee7b7;
+}
+
+.focus-within\:border-green-400:focus-within {
+  border-color: #34d399;
+}
+
+.focus-within\:border-green-500:focus-within {
+  border-color: #10b981;
+}
+
+.focus-within\:border-green-600:focus-within {
+  border-color: #059669;
+}
+
+.focus-within\:border-green-700:focus-within {
+  border-color: #047857;
+}
+
+.focus-within\:border-green-800:focus-within {
+  border-color: #065f46;
+}
+
+.focus-within\:border-green-900:focus-within {
+  border-color: #064e3b;
+}
+
+.focus-within\:border-blue-50:focus-within {
+  border-color: #eff6ff;
+}
+
+.focus-within\:border-blue-100:focus-within {
+  border-color: #dbeafe;
+}
+
+.focus-within\:border-blue-200:focus-within {
+  border-color: #bfdbfe;
+}
+
+.focus-within\:border-blue-300:focus-within {
+  border-color: #93c5fd;
+}
+
+.focus-within\:border-blue-400:focus-within {
+  border-color: #60a5fa;
+}
+
+.focus-within\:border-blue-500:focus-within {
+  border-color: #3b82f6;
+}
+
+.focus-within\:border-blue-600:focus-within {
+  border-color: #2563eb;
+}
+
+.focus-within\:border-blue-700:focus-within {
+  border-color: #1d4ed8;
+}
+
+.focus-within\:border-blue-800:focus-within {
+  border-color: #1e40af;
+}
+
+.focus-within\:border-blue-900:focus-within {
+  border-color: #1e3a8a;
+}
+
+.focus-within\:border-indigo-50:focus-within {
+  border-color: #eef2ff;
+}
+
+.focus-within\:border-indigo-100:focus-within {
+  border-color: #e0e7ff;
+}
+
+.focus-within\:border-indigo-200:focus-within {
+  border-color: #c7d2fe;
+}
+
+.focus-within\:border-indigo-300:focus-within {
+  border-color: #a5b4fc;
+}
+
+.focus-within\:border-indigo-400:focus-within {
+  border-color: #818cf8;
+}
+
+.focus-within\:border-indigo-500:focus-within {
+  border-color: #6366f1;
+}
+
+.focus-within\:border-indigo-600:focus-within {
+  border-color: #4f46e5;
+}
+
+.focus-within\:border-indigo-700:focus-within {
+  border-color: #4338ca;
+}
+
+.focus-within\:border-indigo-800:focus-within {
+  border-color: #3730a3;
+}
+
+.focus-within\:border-indigo-900:focus-within {
+  border-color: #312e81;
+}
+
+.focus-within\:border-purple-50:focus-within {
+  border-color: #f5f3ff;
+}
+
+.focus-within\:border-purple-100:focus-within {
+  border-color: #ede9fe;
+}
+
+.focus-within\:border-purple-200:focus-within {
+  border-color: #ddd6fe;
+}
+
+.focus-within\:border-purple-300:focus-within {
+  border-color: #c4b5fd;
+}
+
+.focus-within\:border-purple-400:focus-within {
+  border-color: #a78bfa;
+}
+
+.focus-within\:border-purple-500:focus-within {
+  border-color: #8b5cf6;
+}
+
+.focus-within\:border-purple-600:focus-within {
+  border-color: #7c3aed;
+}
+
+.focus-within\:border-purple-700:focus-within {
+  border-color: #6d28d9;
+}
+
+.focus-within\:border-purple-800:focus-within {
+  border-color: #5b21b6;
+}
+
+.focus-within\:border-purple-900:focus-within {
+  border-color: #4c1d95;
+}
+
+.focus-within\:border-pink-50:focus-within {
+  border-color: #fdf2f8;
+}
+
+.focus-within\:border-pink-100:focus-within {
+  border-color: #fce7f3;
+}
+
+.focus-within\:border-pink-200:focus-within {
+  border-color: #fbcfe8;
+}
+
+.focus-within\:border-pink-300:focus-within {
+  border-color: #f9a8d4;
+}
+
+.focus-within\:border-pink-400:focus-within {
+  border-color: #f472b6;
+}
+
+.focus-within\:border-pink-500:focus-within {
+  border-color: #ec4899;
+}
+
+.focus-within\:border-pink-600:focus-within {
+  border-color: #db2777;
+}
+
+.focus-within\:border-pink-700:focus-within {
+  border-color: #be185d;
+}
+
+.focus-within\:border-pink-800:focus-within {
+  border-color: #9d174d;
+}
+
+.focus-within\:border-pink-900:focus-within {
+  border-color: #831843;
+}
+
 .hover\:border-transparent:hover {
   border-color: transparent;
 }
@@ -12179,6 +12874,58 @@ video {
   opacity: 1;
 }
 
+.focus-within\:opacity-0:focus-within {
+  opacity: 0;
+}
+
+.focus-within\:opacity-10:focus-within {
+  opacity: 0.1;
+}
+
+.focus-within\:opacity-20:focus-within {
+  opacity: 0.2;
+}
+
+.focus-within\:opacity-25:focus-within {
+  opacity: 0.25;
+}
+
+.focus-within\:opacity-30:focus-within {
+  opacity: 0.3;
+}
+
+.focus-within\:opacity-40:focus-within {
+  opacity: 0.4;
+}
+
+.focus-within\:opacity-50:focus-within {
+  opacity: 0.5;
+}
+
+.focus-within\:opacity-60:focus-within {
+  opacity: 0.6;
+}
+
+.focus-within\:opacity-70:focus-within {
+  opacity: 0.7;
+}
+
+.focus-within\:opacity-75:focus-within {
+  opacity: 0.75;
+}
+
+.focus-within\:opacity-80:focus-within {
+  opacity: 0.8;
+}
+
+.focus-within\:opacity-90:focus-within {
+  opacity: 0.9;
+}
+
+.focus-within\:opacity-100:focus-within {
+  opacity: 1;
+}
+
 .hover\:opacity-0:hover {
   opacity: 0;
 }
@@ -16979,6 +17726,50 @@ video {
   box-shadow: none;
 }
 
+.focus-within\:shadow-xs:focus-within {
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+.focus-within\:shadow-sm:focus-within {
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+
+.focus-within\:shadow:focus-within {
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+}
+
+.focus-within\:shadow-md:focus-within {
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+}
+
+.focus-within\:shadow-lg:focus-within {
+  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+}
+
+.focus-within\:shadow-xl:focus-within {
+  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+}
+
+.focus-within\:shadow-2xl:focus-within {
+  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+}
+
+.focus-within\:shadow-inner:focus-within {
+  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+}
+
+.focus-within\:shadow-outline:focus-within {
+  box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
+}
+
+.focus-within\:shadow-solid:focus-within {
+  box-shadow: 0 0 0 2px currentColor;
+}
+
+.focus-within\:shadow-none:focus-within {
+  box-shadow: none;
+}
+
 .hover\:shadow-xs:hover {
   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
 }
@@ -17783,6 +18574,342 @@ video {
   color: #831843;
 }
 
+.focus-within\:text-transparent:focus-within {
+  color: transparent;
+}
+
+.focus-within\:text-current:focus-within {
+  color: currentColor;
+}
+
+.focus-within\:text-black:focus-within {
+  color: #000;
+}
+
+.focus-within\:text-white:focus-within {
+  color: #fff;
+}
+
+.focus-within\:text-gray-50:focus-within {
+  color: #f9fafb;
+}
+
+.focus-within\:text-gray-100:focus-within {
+  color: #f3f4f6;
+}
+
+.focus-within\:text-gray-200:focus-within {
+  color: #e5e7eb;
+}
+
+.focus-within\:text-gray-300:focus-within {
+  color: #d1d5db;
+}
+
+.focus-within\:text-gray-400:focus-within {
+  color: #9ca3af;
+}
+
+.focus-within\:text-gray-500:focus-within {
+  color: #6b7280;
+}
+
+.focus-within\:text-gray-600:focus-within {
+  color: #4b5563;
+}
+
+.focus-within\:text-gray-700:focus-within {
+  color: #374151;
+}
+
+.focus-within\:text-gray-800:focus-within {
+  color: #1f2937;
+}
+
+.focus-within\:text-gray-900:focus-within {
+  color: #111827;
+}
+
+.focus-within\:text-red-50:focus-within {
+  color: #fef2f2;
+}
+
+.focus-within\:text-red-100:focus-within {
+  color: #fee2e2;
+}
+
+.focus-within\:text-red-200:focus-within {
+  color: #fecaca;
+}
+
+.focus-within\:text-red-300:focus-within {
+  color: #fca5a5;
+}
+
+.focus-within\:text-red-400:focus-within {
+  color: #f87171;
+}
+
+.focus-within\:text-red-500:focus-within {
+  color: #ef4444;
+}
+
+.focus-within\:text-red-600:focus-within {
+  color: #dc2626;
+}
+
+.focus-within\:text-red-700:focus-within {
+  color: #b91c1c;
+}
+
+.focus-within\:text-red-800:focus-within {
+  color: #991b1b;
+}
+
+.focus-within\:text-red-900:focus-within {
+  color: #7f1d1d;
+}
+
+.focus-within\:text-yellow-50:focus-within {
+  color: #fffbeb;
+}
+
+.focus-within\:text-yellow-100:focus-within {
+  color: #fef3c7;
+}
+
+.focus-within\:text-yellow-200:focus-within {
+  color: #fde68a;
+}
+
+.focus-within\:text-yellow-300:focus-within {
+  color: #fcd34d;
+}
+
+.focus-within\:text-yellow-400:focus-within {
+  color: #fbbf24;
+}
+
+.focus-within\:text-yellow-500:focus-within {
+  color: #f59e0b;
+}
+
+.focus-within\:text-yellow-600:focus-within {
+  color: #d97706;
+}
+
+.focus-within\:text-yellow-700:focus-within {
+  color: #b45309;
+}
+
+.focus-within\:text-yellow-800:focus-within {
+  color: #92400e;
+}
+
+.focus-within\:text-yellow-900:focus-within {
+  color: #78350f;
+}
+
+.focus-within\:text-green-50:focus-within {
+  color: #ecfdf5;
+}
+
+.focus-within\:text-green-100:focus-within {
+  color: #d1fae5;
+}
+
+.focus-within\:text-green-200:focus-within {
+  color: #a7f3d0;
+}
+
+.focus-within\:text-green-300:focus-within {
+  color: #6ee7b7;
+}
+
+.focus-within\:text-green-400:focus-within {
+  color: #34d399;
+}
+
+.focus-within\:text-green-500:focus-within {
+  color: #10b981;
+}
+
+.focus-within\:text-green-600:focus-within {
+  color: #059669;
+}
+
+.focus-within\:text-green-700:focus-within {
+  color: #047857;
+}
+
+.focus-within\:text-green-800:focus-within {
+  color: #065f46;
+}
+
+.focus-within\:text-green-900:focus-within {
+  color: #064e3b;
+}
+
+.focus-within\:text-blue-50:focus-within {
+  color: #eff6ff;
+}
+
+.focus-within\:text-blue-100:focus-within {
+  color: #dbeafe;
+}
+
+.focus-within\:text-blue-200:focus-within {
+  color: #bfdbfe;
+}
+
+.focus-within\:text-blue-300:focus-within {
+  color: #93c5fd;
+}
+
+.focus-within\:text-blue-400:focus-within {
+  color: #60a5fa;
+}
+
+.focus-within\:text-blue-500:focus-within {
+  color: #3b82f6;
+}
+
+.focus-within\:text-blue-600:focus-within {
+  color: #2563eb;
+}
+
+.focus-within\:text-blue-700:focus-within {
+  color: #1d4ed8;
+}
+
+.focus-within\:text-blue-800:focus-within {
+  color: #1e40af;
+}
+
+.focus-within\:text-blue-900:focus-within {
+  color: #1e3a8a;
+}
+
+.focus-within\:text-indigo-50:focus-within {
+  color: #eef2ff;
+}
+
+.focus-within\:text-indigo-100:focus-within {
+  color: #e0e7ff;
+}
+
+.focus-within\:text-indigo-200:focus-within {
+  color: #c7d2fe;
+}
+
+.focus-within\:text-indigo-300:focus-within {
+  color: #a5b4fc;
+}
+
+.focus-within\:text-indigo-400:focus-within {
+  color: #818cf8;
+}
+
+.focus-within\:text-indigo-500:focus-within {
+  color: #6366f1;
+}
+
+.focus-within\:text-indigo-600:focus-within {
+  color: #4f46e5;
+}
+
+.focus-within\:text-indigo-700:focus-within {
+  color: #4338ca;
+}
+
+.focus-within\:text-indigo-800:focus-within {
+  color: #3730a3;
+}
+
+.focus-within\:text-indigo-900:focus-within {
+  color: #312e81;
+}
+
+.focus-within\:text-purple-50:focus-within {
+  color: #f5f3ff;
+}
+
+.focus-within\:text-purple-100:focus-within {
+  color: #ede9fe;
+}
+
+.focus-within\:text-purple-200:focus-within {
+  color: #ddd6fe;
+}
+
+.focus-within\:text-purple-300:focus-within {
+  color: #c4b5fd;
+}
+
+.focus-within\:text-purple-400:focus-within {
+  color: #a78bfa;
+}
+
+.focus-within\:text-purple-500:focus-within {
+  color: #8b5cf6;
+}
+
+.focus-within\:text-purple-600:focus-within {
+  color: #7c3aed;
+}
+
+.focus-within\:text-purple-700:focus-within {
+  color: #6d28d9;
+}
+
+.focus-within\:text-purple-800:focus-within {
+  color: #5b21b6;
+}
+
+.focus-within\:text-purple-900:focus-within {
+  color: #4c1d95;
+}
+
+.focus-within\:text-pink-50:focus-within {
+  color: #fdf2f8;
+}
+
+.focus-within\:text-pink-100:focus-within {
+  color: #fce7f3;
+}
+
+.focus-within\:text-pink-200:focus-within {
+  color: #fbcfe8;
+}
+
+.focus-within\:text-pink-300:focus-within {
+  color: #f9a8d4;
+}
+
+.focus-within\:text-pink-400:focus-within {
+  color: #f472b6;
+}
+
+.focus-within\:text-pink-500:focus-within {
+  color: #ec4899;
+}
+
+.focus-within\:text-pink-600:focus-within {
+  color: #db2777;
+}
+
+.focus-within\:text-pink-700:focus-within {
+  color: #be185d;
+}
+
+.focus-within\:text-pink-800:focus-within {
+  color: #9d174d;
+}
+
+.focus-within\:text-pink-900:focus-within {
+  color: #831843;
+}
+
 .hover\:text-transparent:hover {
   color: transparent;
 }
@@ -18981,6 +20108,34 @@ video {
   z-index: auto;
 }
 
+.focus-within\:z-0:focus-within {
+  z-index: 0;
+}
+
+.focus-within\:z-10:focus-within {
+  z-index: 10;
+}
+
+.focus-within\:z-20:focus-within {
+  z-index: 20;
+}
+
+.focus-within\:z-30:focus-within {
+  z-index: 30;
+}
+
+.focus-within\:z-40:focus-within {
+  z-index: 40;
+}
+
+.focus-within\:z-50:focus-within {
+  z-index: 50;
+}
+
+.focus-within\:z-auto:focus-within {
+  z-index: auto;
+}
+
 .focus\:z-0:focus {
   z-index: 0;
 }
@@ -24320,6 +25475,29 @@ video {
     white-space: normal;
   }
 
+  .sm\:focus-within\:sr-only:focus-within {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .sm\:focus-within\:not-sr-only:focus-within {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
   .sm\:focus\:sr-only:focus {
     position: absolute;
     width: 1px;
@@ -25047,6 +26225,342 @@ video {
     background-color: #831843;
   }
 
+  .sm\:focus-within\:bg-transparent:focus-within {
+    background-color: transparent;
+  }
+
+  .sm\:focus-within\:bg-current:focus-within {
+    background-color: currentColor;
+  }
+
+  .sm\:focus-within\:bg-black:focus-within {
+    background-color: #000;
+  }
+
+  .sm\:focus-within\:bg-white:focus-within {
+    background-color: #fff;
+  }
+
+  .sm\:focus-within\:bg-gray-50:focus-within {
+    background-color: #f9fafb;
+  }
+
+  .sm\:focus-within\:bg-gray-100:focus-within {
+    background-color: #f3f4f6;
+  }
+
+  .sm\:focus-within\:bg-gray-200:focus-within {
+    background-color: #e5e7eb;
+  }
+
+  .sm\:focus-within\:bg-gray-300:focus-within {
+    background-color: #d1d5db;
+  }
+
+  .sm\:focus-within\:bg-gray-400:focus-within {
+    background-color: #9ca3af;
+  }
+
+  .sm\:focus-within\:bg-gray-500:focus-within {
+    background-color: #6b7280;
+  }
+
+  .sm\:focus-within\:bg-gray-600:focus-within {
+    background-color: #4b5563;
+  }
+
+  .sm\:focus-within\:bg-gray-700:focus-within {
+    background-color: #374151;
+  }
+
+  .sm\:focus-within\:bg-gray-800:focus-within {
+    background-color: #1f2937;
+  }
+
+  .sm\:focus-within\:bg-gray-900:focus-within {
+    background-color: #111827;
+  }
+
+  .sm\:focus-within\:bg-red-50:focus-within {
+    background-color: #fef2f2;
+  }
+
+  .sm\:focus-within\:bg-red-100:focus-within {
+    background-color: #fee2e2;
+  }
+
+  .sm\:focus-within\:bg-red-200:focus-within {
+    background-color: #fecaca;
+  }
+
+  .sm\:focus-within\:bg-red-300:focus-within {
+    background-color: #fca5a5;
+  }
+
+  .sm\:focus-within\:bg-red-400:focus-within {
+    background-color: #f87171;
+  }
+
+  .sm\:focus-within\:bg-red-500:focus-within {
+    background-color: #ef4444;
+  }
+
+  .sm\:focus-within\:bg-red-600:focus-within {
+    background-color: #dc2626;
+  }
+
+  .sm\:focus-within\:bg-red-700:focus-within {
+    background-color: #b91c1c;
+  }
+
+  .sm\:focus-within\:bg-red-800:focus-within {
+    background-color: #991b1b;
+  }
+
+  .sm\:focus-within\:bg-red-900:focus-within {
+    background-color: #7f1d1d;
+  }
+
+  .sm\:focus-within\:bg-yellow-50:focus-within {
+    background-color: #fffbeb;
+  }
+
+  .sm\:focus-within\:bg-yellow-100:focus-within {
+    background-color: #fef3c7;
+  }
+
+  .sm\:focus-within\:bg-yellow-200:focus-within {
+    background-color: #fde68a;
+  }
+
+  .sm\:focus-within\:bg-yellow-300:focus-within {
+    background-color: #fcd34d;
+  }
+
+  .sm\:focus-within\:bg-yellow-400:focus-within {
+    background-color: #fbbf24;
+  }
+
+  .sm\:focus-within\:bg-yellow-500:focus-within {
+    background-color: #f59e0b;
+  }
+
+  .sm\:focus-within\:bg-yellow-600:focus-within {
+    background-color: #d97706;
+  }
+
+  .sm\:focus-within\:bg-yellow-700:focus-within {
+    background-color: #b45309;
+  }
+
+  .sm\:focus-within\:bg-yellow-800:focus-within {
+    background-color: #92400e;
+  }
+
+  .sm\:focus-within\:bg-yellow-900:focus-within {
+    background-color: #78350f;
+  }
+
+  .sm\:focus-within\:bg-green-50:focus-within {
+    background-color: #ecfdf5;
+  }
+
+  .sm\:focus-within\:bg-green-100:focus-within {
+    background-color: #d1fae5;
+  }
+
+  .sm\:focus-within\:bg-green-200:focus-within {
+    background-color: #a7f3d0;
+  }
+
+  .sm\:focus-within\:bg-green-300:focus-within {
+    background-color: #6ee7b7;
+  }
+
+  .sm\:focus-within\:bg-green-400:focus-within {
+    background-color: #34d399;
+  }
+
+  .sm\:focus-within\:bg-green-500:focus-within {
+    background-color: #10b981;
+  }
+
+  .sm\:focus-within\:bg-green-600:focus-within {
+    background-color: #059669;
+  }
+
+  .sm\:focus-within\:bg-green-700:focus-within {
+    background-color: #047857;
+  }
+
+  .sm\:focus-within\:bg-green-800:focus-within {
+    background-color: #065f46;
+  }
+
+  .sm\:focus-within\:bg-green-900:focus-within {
+    background-color: #064e3b;
+  }
+
+  .sm\:focus-within\:bg-blue-50:focus-within {
+    background-color: #eff6ff;
+  }
+
+  .sm\:focus-within\:bg-blue-100:focus-within {
+    background-color: #dbeafe;
+  }
+
+  .sm\:focus-within\:bg-blue-200:focus-within {
+    background-color: #bfdbfe;
+  }
+
+  .sm\:focus-within\:bg-blue-300:focus-within {
+    background-color: #93c5fd;
+  }
+
+  .sm\:focus-within\:bg-blue-400:focus-within {
+    background-color: #60a5fa;
+  }
+
+  .sm\:focus-within\:bg-blue-500:focus-within {
+    background-color: #3b82f6;
+  }
+
+  .sm\:focus-within\:bg-blue-600:focus-within {
+    background-color: #2563eb;
+  }
+
+  .sm\:focus-within\:bg-blue-700:focus-within {
+    background-color: #1d4ed8;
+  }
+
+  .sm\:focus-within\:bg-blue-800:focus-within {
+    background-color: #1e40af;
+  }
+
+  .sm\:focus-within\:bg-blue-900:focus-within {
+    background-color: #1e3a8a;
+  }
+
+  .sm\:focus-within\:bg-indigo-50:focus-within {
+    background-color: #eef2ff;
+  }
+
+  .sm\:focus-within\:bg-indigo-100:focus-within {
+    background-color: #e0e7ff;
+  }
+
+  .sm\:focus-within\:bg-indigo-200:focus-within {
+    background-color: #c7d2fe;
+  }
+
+  .sm\:focus-within\:bg-indigo-300:focus-within {
+    background-color: #a5b4fc;
+  }
+
+  .sm\:focus-within\:bg-indigo-400:focus-within {
+    background-color: #818cf8;
+  }
+
+  .sm\:focus-within\:bg-indigo-500:focus-within {
+    background-color: #6366f1;
+  }
+
+  .sm\:focus-within\:bg-indigo-600:focus-within {
+    background-color: #4f46e5;
+  }
+
+  .sm\:focus-within\:bg-indigo-700:focus-within {
+    background-color: #4338ca;
+  }
+
+  .sm\:focus-within\:bg-indigo-800:focus-within {
+    background-color: #3730a3;
+  }
+
+  .sm\:focus-within\:bg-indigo-900:focus-within {
+    background-color: #312e81;
+  }
+
+  .sm\:focus-within\:bg-purple-50:focus-within {
+    background-color: #f5f3ff;
+  }
+
+  .sm\:focus-within\:bg-purple-100:focus-within {
+    background-color: #ede9fe;
+  }
+
+  .sm\:focus-within\:bg-purple-200:focus-within {
+    background-color: #ddd6fe;
+  }
+
+  .sm\:focus-within\:bg-purple-300:focus-within {
+    background-color: #c4b5fd;
+  }
+
+  .sm\:focus-within\:bg-purple-400:focus-within {
+    background-color: #a78bfa;
+  }
+
+  .sm\:focus-within\:bg-purple-500:focus-within {
+    background-color: #8b5cf6;
+  }
+
+  .sm\:focus-within\:bg-purple-600:focus-within {
+    background-color: #7c3aed;
+  }
+
+  .sm\:focus-within\:bg-purple-700:focus-within {
+    background-color: #6d28d9;
+  }
+
+  .sm\:focus-within\:bg-purple-800:focus-within {
+    background-color: #5b21b6;
+  }
+
+  .sm\:focus-within\:bg-purple-900:focus-within {
+    background-color: #4c1d95;
+  }
+
+  .sm\:focus-within\:bg-pink-50:focus-within {
+    background-color: #fdf2f8;
+  }
+
+  .sm\:focus-within\:bg-pink-100:focus-within {
+    background-color: #fce7f3;
+  }
+
+  .sm\:focus-within\:bg-pink-200:focus-within {
+    background-color: #fbcfe8;
+  }
+
+  .sm\:focus-within\:bg-pink-300:focus-within {
+    background-color: #f9a8d4;
+  }
+
+  .sm\:focus-within\:bg-pink-400:focus-within {
+    background-color: #f472b6;
+  }
+
+  .sm\:focus-within\:bg-pink-500:focus-within {
+    background-color: #ec4899;
+  }
+
+  .sm\:focus-within\:bg-pink-600:focus-within {
+    background-color: #db2777;
+  }
+
+  .sm\:focus-within\:bg-pink-700:focus-within {
+    background-color: #be185d;
+  }
+
+  .sm\:focus-within\:bg-pink-800:focus-within {
+    background-color: #9d174d;
+  }
+
+  .sm\:focus-within\:bg-pink-900:focus-within {
+    background-color: #831843;
+  }
+
   .sm\:hover\:bg-transparent:hover {
     background-color: transparent;
   }
@@ -30035,6 +31549,342 @@ video {
     border-color: #831843;
   }
 
+  .sm\:focus-within\:border-transparent:focus-within {
+    border-color: transparent;
+  }
+
+  .sm\:focus-within\:border-current:focus-within {
+    border-color: currentColor;
+  }
+
+  .sm\:focus-within\:border-black:focus-within {
+    border-color: #000;
+  }
+
+  .sm\:focus-within\:border-white:focus-within {
+    border-color: #fff;
+  }
+
+  .sm\:focus-within\:border-gray-50:focus-within {
+    border-color: #f9fafb;
+  }
+
+  .sm\:focus-within\:border-gray-100:focus-within {
+    border-color: #f3f4f6;
+  }
+
+  .sm\:focus-within\:border-gray-200:focus-within {
+    border-color: #e5e7eb;
+  }
+
+  .sm\:focus-within\:border-gray-300:focus-within {
+    border-color: #d1d5db;
+  }
+
+  .sm\:focus-within\:border-gray-400:focus-within {
+    border-color: #9ca3af;
+  }
+
+  .sm\:focus-within\:border-gray-500:focus-within {
+    border-color: #6b7280;
+  }
+
+  .sm\:focus-within\:border-gray-600:focus-within {
+    border-color: #4b5563;
+  }
+
+  .sm\:focus-within\:border-gray-700:focus-within {
+    border-color: #374151;
+  }
+
+  .sm\:focus-within\:border-gray-800:focus-within {
+    border-color: #1f2937;
+  }
+
+  .sm\:focus-within\:border-gray-900:focus-within {
+    border-color: #111827;
+  }
+
+  .sm\:focus-within\:border-red-50:focus-within {
+    border-color: #fef2f2;
+  }
+
+  .sm\:focus-within\:border-red-100:focus-within {
+    border-color: #fee2e2;
+  }
+
+  .sm\:focus-within\:border-red-200:focus-within {
+    border-color: #fecaca;
+  }
+
+  .sm\:focus-within\:border-red-300:focus-within {
+    border-color: #fca5a5;
+  }
+
+  .sm\:focus-within\:border-red-400:focus-within {
+    border-color: #f87171;
+  }
+
+  .sm\:focus-within\:border-red-500:focus-within {
+    border-color: #ef4444;
+  }
+
+  .sm\:focus-within\:border-red-600:focus-within {
+    border-color: #dc2626;
+  }
+
+  .sm\:focus-within\:border-red-700:focus-within {
+    border-color: #b91c1c;
+  }
+
+  .sm\:focus-within\:border-red-800:focus-within {
+    border-color: #991b1b;
+  }
+
+  .sm\:focus-within\:border-red-900:focus-within {
+    border-color: #7f1d1d;
+  }
+
+  .sm\:focus-within\:border-yellow-50:focus-within {
+    border-color: #fffbeb;
+  }
+
+  .sm\:focus-within\:border-yellow-100:focus-within {
+    border-color: #fef3c7;
+  }
+
+  .sm\:focus-within\:border-yellow-200:focus-within {
+    border-color: #fde68a;
+  }
+
+  .sm\:focus-within\:border-yellow-300:focus-within {
+    border-color: #fcd34d;
+  }
+
+  .sm\:focus-within\:border-yellow-400:focus-within {
+    border-color: #fbbf24;
+  }
+
+  .sm\:focus-within\:border-yellow-500:focus-within {
+    border-color: #f59e0b;
+  }
+
+  .sm\:focus-within\:border-yellow-600:focus-within {
+    border-color: #d97706;
+  }
+
+  .sm\:focus-within\:border-yellow-700:focus-within {
+    border-color: #b45309;
+  }
+
+  .sm\:focus-within\:border-yellow-800:focus-within {
+    border-color: #92400e;
+  }
+
+  .sm\:focus-within\:border-yellow-900:focus-within {
+    border-color: #78350f;
+  }
+
+  .sm\:focus-within\:border-green-50:focus-within {
+    border-color: #ecfdf5;
+  }
+
+  .sm\:focus-within\:border-green-100:focus-within {
+    border-color: #d1fae5;
+  }
+
+  .sm\:focus-within\:border-green-200:focus-within {
+    border-color: #a7f3d0;
+  }
+
+  .sm\:focus-within\:border-green-300:focus-within {
+    border-color: #6ee7b7;
+  }
+
+  .sm\:focus-within\:border-green-400:focus-within {
+    border-color: #34d399;
+  }
+
+  .sm\:focus-within\:border-green-500:focus-within {
+    border-color: #10b981;
+  }
+
+  .sm\:focus-within\:border-green-600:focus-within {
+    border-color: #059669;
+  }
+
+  .sm\:focus-within\:border-green-700:focus-within {
+    border-color: #047857;
+  }
+
+  .sm\:focus-within\:border-green-800:focus-within {
+    border-color: #065f46;
+  }
+
+  .sm\:focus-within\:border-green-900:focus-within {
+    border-color: #064e3b;
+  }
+
+  .sm\:focus-within\:border-blue-50:focus-within {
+    border-color: #eff6ff;
+  }
+
+  .sm\:focus-within\:border-blue-100:focus-within {
+    border-color: #dbeafe;
+  }
+
+  .sm\:focus-within\:border-blue-200:focus-within {
+    border-color: #bfdbfe;
+  }
+
+  .sm\:focus-within\:border-blue-300:focus-within {
+    border-color: #93c5fd;
+  }
+
+  .sm\:focus-within\:border-blue-400:focus-within {
+    border-color: #60a5fa;
+  }
+
+  .sm\:focus-within\:border-blue-500:focus-within {
+    border-color: #3b82f6;
+  }
+
+  .sm\:focus-within\:border-blue-600:focus-within {
+    border-color: #2563eb;
+  }
+
+  .sm\:focus-within\:border-blue-700:focus-within {
+    border-color: #1d4ed8;
+  }
+
+  .sm\:focus-within\:border-blue-800:focus-within {
+    border-color: #1e40af;
+  }
+
+  .sm\:focus-within\:border-blue-900:focus-within {
+    border-color: #1e3a8a;
+  }
+
+  .sm\:focus-within\:border-indigo-50:focus-within {
+    border-color: #eef2ff;
+  }
+
+  .sm\:focus-within\:border-indigo-100:focus-within {
+    border-color: #e0e7ff;
+  }
+
+  .sm\:focus-within\:border-indigo-200:focus-within {
+    border-color: #c7d2fe;
+  }
+
+  .sm\:focus-within\:border-indigo-300:focus-within {
+    border-color: #a5b4fc;
+  }
+
+  .sm\:focus-within\:border-indigo-400:focus-within {
+    border-color: #818cf8;
+  }
+
+  .sm\:focus-within\:border-indigo-500:focus-within {
+    border-color: #6366f1;
+  }
+
+  .sm\:focus-within\:border-indigo-600:focus-within {
+    border-color: #4f46e5;
+  }
+
+  .sm\:focus-within\:border-indigo-700:focus-within {
+    border-color: #4338ca;
+  }
+
+  .sm\:focus-within\:border-indigo-800:focus-within {
+    border-color: #3730a3;
+  }
+
+  .sm\:focus-within\:border-indigo-900:focus-within {
+    border-color: #312e81;
+  }
+
+  .sm\:focus-within\:border-purple-50:focus-within {
+    border-color: #f5f3ff;
+  }
+
+  .sm\:focus-within\:border-purple-100:focus-within {
+    border-color: #ede9fe;
+  }
+
+  .sm\:focus-within\:border-purple-200:focus-within {
+    border-color: #ddd6fe;
+  }
+
+  .sm\:focus-within\:border-purple-300:focus-within {
+    border-color: #c4b5fd;
+  }
+
+  .sm\:focus-within\:border-purple-400:focus-within {
+    border-color: #a78bfa;
+  }
+
+  .sm\:focus-within\:border-purple-500:focus-within {
+    border-color: #8b5cf6;
+  }
+
+  .sm\:focus-within\:border-purple-600:focus-within {
+    border-color: #7c3aed;
+  }
+
+  .sm\:focus-within\:border-purple-700:focus-within {
+    border-color: #6d28d9;
+  }
+
+  .sm\:focus-within\:border-purple-800:focus-within {
+    border-color: #5b21b6;
+  }
+
+  .sm\:focus-within\:border-purple-900:focus-within {
+    border-color: #4c1d95;
+  }
+
+  .sm\:focus-within\:border-pink-50:focus-within {
+    border-color: #fdf2f8;
+  }
+
+  .sm\:focus-within\:border-pink-100:focus-within {
+    border-color: #fce7f3;
+  }
+
+  .sm\:focus-within\:border-pink-200:focus-within {
+    border-color: #fbcfe8;
+  }
+
+  .sm\:focus-within\:border-pink-300:focus-within {
+    border-color: #f9a8d4;
+  }
+
+  .sm\:focus-within\:border-pink-400:focus-within {
+    border-color: #f472b6;
+  }
+
+  .sm\:focus-within\:border-pink-500:focus-within {
+    border-color: #ec4899;
+  }
+
+  .sm\:focus-within\:border-pink-600:focus-within {
+    border-color: #db2777;
+  }
+
+  .sm\:focus-within\:border-pink-700:focus-within {
+    border-color: #be185d;
+  }
+
+  .sm\:focus-within\:border-pink-800:focus-within {
+    border-color: #9d174d;
+  }
+
+  .sm\:focus-within\:border-pink-900:focus-within {
+    border-color: #831843;
+  }
+
   .sm\:hover\:border-transparent:hover {
     border-color: transparent;
   }
@@ -34646,6 +36496,58 @@ video {
     opacity: 1;
   }
 
+  .sm\:focus-within\:opacity-0:focus-within {
+    opacity: 0;
+  }
+
+  .sm\:focus-within\:opacity-10:focus-within {
+    opacity: 0.1;
+  }
+
+  .sm\:focus-within\:opacity-20:focus-within {
+    opacity: 0.2;
+  }
+
+  .sm\:focus-within\:opacity-25:focus-within {
+    opacity: 0.25;
+  }
+
+  .sm\:focus-within\:opacity-30:focus-within {
+    opacity: 0.3;
+  }
+
+  .sm\:focus-within\:opacity-40:focus-within {
+    opacity: 0.4;
+  }
+
+  .sm\:focus-within\:opacity-50:focus-within {
+    opacity: 0.5;
+  }
+
+  .sm\:focus-within\:opacity-60:focus-within {
+    opacity: 0.6;
+  }
+
+  .sm\:focus-within\:opacity-70:focus-within {
+    opacity: 0.7;
+  }
+
+  .sm\:focus-within\:opacity-75:focus-within {
+    opacity: 0.75;
+  }
+
+  .sm\:focus-within\:opacity-80:focus-within {
+    opacity: 0.8;
+  }
+
+  .sm\:focus-within\:opacity-90:focus-within {
+    opacity: 0.9;
+  }
+
+  .sm\:focus-within\:opacity-100:focus-within {
+    opacity: 1;
+  }
+
   .sm\:hover\:opacity-0:hover {
     opacity: 0;
   }
@@ -39446,6 +41348,50 @@ video {
     box-shadow: none;
   }
 
+  .sm\:focus-within\:shadow-xs:focus-within {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .sm\:focus-within\:shadow-sm:focus-within {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .sm\:focus-within\:shadow:focus-within {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .sm\:focus-within\:shadow-md:focus-within {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .sm\:focus-within\:shadow-lg:focus-within {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .sm\:focus-within\:shadow-xl:focus-within {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .sm\:focus-within\:shadow-2xl:focus-within {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .sm\:focus-within\:shadow-inner:focus-within {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .sm\:focus-within\:shadow-outline:focus-within {
+    box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
+  }
+
+  .sm\:focus-within\:shadow-solid:focus-within {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .sm\:focus-within\:shadow-none:focus-within {
+    box-shadow: none;
+  }
+
   .sm\:hover\:shadow-xs:hover {
     box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
   }
@@ -40250,6 +42196,342 @@ video {
     color: #831843;
   }
 
+  .sm\:focus-within\:text-transparent:focus-within {
+    color: transparent;
+  }
+
+  .sm\:focus-within\:text-current:focus-within {
+    color: currentColor;
+  }
+
+  .sm\:focus-within\:text-black:focus-within {
+    color: #000;
+  }
+
+  .sm\:focus-within\:text-white:focus-within {
+    color: #fff;
+  }
+
+  .sm\:focus-within\:text-gray-50:focus-within {
+    color: #f9fafb;
+  }
+
+  .sm\:focus-within\:text-gray-100:focus-within {
+    color: #f3f4f6;
+  }
+
+  .sm\:focus-within\:text-gray-200:focus-within {
+    color: #e5e7eb;
+  }
+
+  .sm\:focus-within\:text-gray-300:focus-within {
+    color: #d1d5db;
+  }
+
+  .sm\:focus-within\:text-gray-400:focus-within {
+    color: #9ca3af;
+  }
+
+  .sm\:focus-within\:text-gray-500:focus-within {
+    color: #6b7280;
+  }
+
+  .sm\:focus-within\:text-gray-600:focus-within {
+    color: #4b5563;
+  }
+
+  .sm\:focus-within\:text-gray-700:focus-within {
+    color: #374151;
+  }
+
+  .sm\:focus-within\:text-gray-800:focus-within {
+    color: #1f2937;
+  }
+
+  .sm\:focus-within\:text-gray-900:focus-within {
+    color: #111827;
+  }
+
+  .sm\:focus-within\:text-red-50:focus-within {
+    color: #fef2f2;
+  }
+
+  .sm\:focus-within\:text-red-100:focus-within {
+    color: #fee2e2;
+  }
+
+  .sm\:focus-within\:text-red-200:focus-within {
+    color: #fecaca;
+  }
+
+  .sm\:focus-within\:text-red-300:focus-within {
+    color: #fca5a5;
+  }
+
+  .sm\:focus-within\:text-red-400:focus-within {
+    color: #f87171;
+  }
+
+  .sm\:focus-within\:text-red-500:focus-within {
+    color: #ef4444;
+  }
+
+  .sm\:focus-within\:text-red-600:focus-within {
+    color: #dc2626;
+  }
+
+  .sm\:focus-within\:text-red-700:focus-within {
+    color: #b91c1c;
+  }
+
+  .sm\:focus-within\:text-red-800:focus-within {
+    color: #991b1b;
+  }
+
+  .sm\:focus-within\:text-red-900:focus-within {
+    color: #7f1d1d;
+  }
+
+  .sm\:focus-within\:text-yellow-50:focus-within {
+    color: #fffbeb;
+  }
+
+  .sm\:focus-within\:text-yellow-100:focus-within {
+    color: #fef3c7;
+  }
+
+  .sm\:focus-within\:text-yellow-200:focus-within {
+    color: #fde68a;
+  }
+
+  .sm\:focus-within\:text-yellow-300:focus-within {
+    color: #fcd34d;
+  }
+
+  .sm\:focus-within\:text-yellow-400:focus-within {
+    color: #fbbf24;
+  }
+
+  .sm\:focus-within\:text-yellow-500:focus-within {
+    color: #f59e0b;
+  }
+
+  .sm\:focus-within\:text-yellow-600:focus-within {
+    color: #d97706;
+  }
+
+  .sm\:focus-within\:text-yellow-700:focus-within {
+    color: #b45309;
+  }
+
+  .sm\:focus-within\:text-yellow-800:focus-within {
+    color: #92400e;
+  }
+
+  .sm\:focus-within\:text-yellow-900:focus-within {
+    color: #78350f;
+  }
+
+  .sm\:focus-within\:text-green-50:focus-within {
+    color: #ecfdf5;
+  }
+
+  .sm\:focus-within\:text-green-100:focus-within {
+    color: #d1fae5;
+  }
+
+  .sm\:focus-within\:text-green-200:focus-within {
+    color: #a7f3d0;
+  }
+
+  .sm\:focus-within\:text-green-300:focus-within {
+    color: #6ee7b7;
+  }
+
+  .sm\:focus-within\:text-green-400:focus-within {
+    color: #34d399;
+  }
+
+  .sm\:focus-within\:text-green-500:focus-within {
+    color: #10b981;
+  }
+
+  .sm\:focus-within\:text-green-600:focus-within {
+    color: #059669;
+  }
+
+  .sm\:focus-within\:text-green-700:focus-within {
+    color: #047857;
+  }
+
+  .sm\:focus-within\:text-green-800:focus-within {
+    color: #065f46;
+  }
+
+  .sm\:focus-within\:text-green-900:focus-within {
+    color: #064e3b;
+  }
+
+  .sm\:focus-within\:text-blue-50:focus-within {
+    color: #eff6ff;
+  }
+
+  .sm\:focus-within\:text-blue-100:focus-within {
+    color: #dbeafe;
+  }
+
+  .sm\:focus-within\:text-blue-200:focus-within {
+    color: #bfdbfe;
+  }
+
+  .sm\:focus-within\:text-blue-300:focus-within {
+    color: #93c5fd;
+  }
+
+  .sm\:focus-within\:text-blue-400:focus-within {
+    color: #60a5fa;
+  }
+
+  .sm\:focus-within\:text-blue-500:focus-within {
+    color: #3b82f6;
+  }
+
+  .sm\:focus-within\:text-blue-600:focus-within {
+    color: #2563eb;
+  }
+
+  .sm\:focus-within\:text-blue-700:focus-within {
+    color: #1d4ed8;
+  }
+
+  .sm\:focus-within\:text-blue-800:focus-within {
+    color: #1e40af;
+  }
+
+  .sm\:focus-within\:text-blue-900:focus-within {
+    color: #1e3a8a;
+  }
+
+  .sm\:focus-within\:text-indigo-50:focus-within {
+    color: #eef2ff;
+  }
+
+  .sm\:focus-within\:text-indigo-100:focus-within {
+    color: #e0e7ff;
+  }
+
+  .sm\:focus-within\:text-indigo-200:focus-within {
+    color: #c7d2fe;
+  }
+
+  .sm\:focus-within\:text-indigo-300:focus-within {
+    color: #a5b4fc;
+  }
+
+  .sm\:focus-within\:text-indigo-400:focus-within {
+    color: #818cf8;
+  }
+
+  .sm\:focus-within\:text-indigo-500:focus-within {
+    color: #6366f1;
+  }
+
+  .sm\:focus-within\:text-indigo-600:focus-within {
+    color: #4f46e5;
+  }
+
+  .sm\:focus-within\:text-indigo-700:focus-within {
+    color: #4338ca;
+  }
+
+  .sm\:focus-within\:text-indigo-800:focus-within {
+    color: #3730a3;
+  }
+
+  .sm\:focus-within\:text-indigo-900:focus-within {
+    color: #312e81;
+  }
+
+  .sm\:focus-within\:text-purple-50:focus-within {
+    color: #f5f3ff;
+  }
+
+  .sm\:focus-within\:text-purple-100:focus-within {
+    color: #ede9fe;
+  }
+
+  .sm\:focus-within\:text-purple-200:focus-within {
+    color: #ddd6fe;
+  }
+
+  .sm\:focus-within\:text-purple-300:focus-within {
+    color: #c4b5fd;
+  }
+
+  .sm\:focus-within\:text-purple-400:focus-within {
+    color: #a78bfa;
+  }
+
+  .sm\:focus-within\:text-purple-500:focus-within {
+    color: #8b5cf6;
+  }
+
+  .sm\:focus-within\:text-purple-600:focus-within {
+    color: #7c3aed;
+  }
+
+  .sm\:focus-within\:text-purple-700:focus-within {
+    color: #6d28d9;
+  }
+
+  .sm\:focus-within\:text-purple-800:focus-within {
+    color: #5b21b6;
+  }
+
+  .sm\:focus-within\:text-purple-900:focus-within {
+    color: #4c1d95;
+  }
+
+  .sm\:focus-within\:text-pink-50:focus-within {
+    color: #fdf2f8;
+  }
+
+  .sm\:focus-within\:text-pink-100:focus-within {
+    color: #fce7f3;
+  }
+
+  .sm\:focus-within\:text-pink-200:focus-within {
+    color: #fbcfe8;
+  }
+
+  .sm\:focus-within\:text-pink-300:focus-within {
+    color: #f9a8d4;
+  }
+
+  .sm\:focus-within\:text-pink-400:focus-within {
+    color: #f472b6;
+  }
+
+  .sm\:focus-within\:text-pink-500:focus-within {
+    color: #ec4899;
+  }
+
+  .sm\:focus-within\:text-pink-600:focus-within {
+    color: #db2777;
+  }
+
+  .sm\:focus-within\:text-pink-700:focus-within {
+    color: #be185d;
+  }
+
+  .sm\:focus-within\:text-pink-800:focus-within {
+    color: #9d174d;
+  }
+
+  .sm\:focus-within\:text-pink-900:focus-within {
+    color: #831843;
+  }
+
   .sm\:hover\:text-transparent:hover {
     color: transparent;
   }
@@ -41448,6 +43730,34 @@ video {
     z-index: auto;
   }
 
+  .sm\:focus-within\:z-0:focus-within {
+    z-index: 0;
+  }
+
+  .sm\:focus-within\:z-10:focus-within {
+    z-index: 10;
+  }
+
+  .sm\:focus-within\:z-20:focus-within {
+    z-index: 20;
+  }
+
+  .sm\:focus-within\:z-30:focus-within {
+    z-index: 30;
+  }
+
+  .sm\:focus-within\:z-40:focus-within {
+    z-index: 40;
+  }
+
+  .sm\:focus-within\:z-50:focus-within {
+    z-index: 50;
+  }
+
+  .sm\:focus-within\:z-auto:focus-within {
+    z-index: auto;
+  }
+
   .sm\:focus\:z-0:focus {
     z-index: 0;
   }
@@ -46757,6 +49067,29 @@ video {
     white-space: normal;
   }
 
+  .md\:focus-within\:sr-only:focus-within {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .md\:focus-within\:not-sr-only:focus-within {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
   .md\:focus\:sr-only:focus {
     position: absolute;
     width: 1px;
@@ -47484,6 +49817,342 @@ video {
     background-color: #831843;
   }
 
+  .md\:focus-within\:bg-transparent:focus-within {
+    background-color: transparent;
+  }
+
+  .md\:focus-within\:bg-current:focus-within {
+    background-color: currentColor;
+  }
+
+  .md\:focus-within\:bg-black:focus-within {
+    background-color: #000;
+  }
+
+  .md\:focus-within\:bg-white:focus-within {
+    background-color: #fff;
+  }
+
+  .md\:focus-within\:bg-gray-50:focus-within {
+    background-color: #f9fafb;
+  }
+
+  .md\:focus-within\:bg-gray-100:focus-within {
+    background-color: #f3f4f6;
+  }
+
+  .md\:focus-within\:bg-gray-200:focus-within {
+    background-color: #e5e7eb;
+  }
+
+  .md\:focus-within\:bg-gray-300:focus-within {
+    background-color: #d1d5db;
+  }
+
+  .md\:focus-within\:bg-gray-400:focus-within {
+    background-color: #9ca3af;
+  }
+
+  .md\:focus-within\:bg-gray-500:focus-within {
+    background-color: #6b7280;
+  }
+
+  .md\:focus-within\:bg-gray-600:focus-within {
+    background-color: #4b5563;
+  }
+
+  .md\:focus-within\:bg-gray-700:focus-within {
+    background-color: #374151;
+  }
+
+  .md\:focus-within\:bg-gray-800:focus-within {
+    background-color: #1f2937;
+  }
+
+  .md\:focus-within\:bg-gray-900:focus-within {
+    background-color: #111827;
+  }
+
+  .md\:focus-within\:bg-red-50:focus-within {
+    background-color: #fef2f2;
+  }
+
+  .md\:focus-within\:bg-red-100:focus-within {
+    background-color: #fee2e2;
+  }
+
+  .md\:focus-within\:bg-red-200:focus-within {
+    background-color: #fecaca;
+  }
+
+  .md\:focus-within\:bg-red-300:focus-within {
+    background-color: #fca5a5;
+  }
+
+  .md\:focus-within\:bg-red-400:focus-within {
+    background-color: #f87171;
+  }
+
+  .md\:focus-within\:bg-red-500:focus-within {
+    background-color: #ef4444;
+  }
+
+  .md\:focus-within\:bg-red-600:focus-within {
+    background-color: #dc2626;
+  }
+
+  .md\:focus-within\:bg-red-700:focus-within {
+    background-color: #b91c1c;
+  }
+
+  .md\:focus-within\:bg-red-800:focus-within {
+    background-color: #991b1b;
+  }
+
+  .md\:focus-within\:bg-red-900:focus-within {
+    background-color: #7f1d1d;
+  }
+
+  .md\:focus-within\:bg-yellow-50:focus-within {
+    background-color: #fffbeb;
+  }
+
+  .md\:focus-within\:bg-yellow-100:focus-within {
+    background-color: #fef3c7;
+  }
+
+  .md\:focus-within\:bg-yellow-200:focus-within {
+    background-color: #fde68a;
+  }
+
+  .md\:focus-within\:bg-yellow-300:focus-within {
+    background-color: #fcd34d;
+  }
+
+  .md\:focus-within\:bg-yellow-400:focus-within {
+    background-color: #fbbf24;
+  }
+
+  .md\:focus-within\:bg-yellow-500:focus-within {
+    background-color: #f59e0b;
+  }
+
+  .md\:focus-within\:bg-yellow-600:focus-within {
+    background-color: #d97706;
+  }
+
+  .md\:focus-within\:bg-yellow-700:focus-within {
+    background-color: #b45309;
+  }
+
+  .md\:focus-within\:bg-yellow-800:focus-within {
+    background-color: #92400e;
+  }
+
+  .md\:focus-within\:bg-yellow-900:focus-within {
+    background-color: #78350f;
+  }
+
+  .md\:focus-within\:bg-green-50:focus-within {
+    background-color: #ecfdf5;
+  }
+
+  .md\:focus-within\:bg-green-100:focus-within {
+    background-color: #d1fae5;
+  }
+
+  .md\:focus-within\:bg-green-200:focus-within {
+    background-color: #a7f3d0;
+  }
+
+  .md\:focus-within\:bg-green-300:focus-within {
+    background-color: #6ee7b7;
+  }
+
+  .md\:focus-within\:bg-green-400:focus-within {
+    background-color: #34d399;
+  }
+
+  .md\:focus-within\:bg-green-500:focus-within {
+    background-color: #10b981;
+  }
+
+  .md\:focus-within\:bg-green-600:focus-within {
+    background-color: #059669;
+  }
+
+  .md\:focus-within\:bg-green-700:focus-within {
+    background-color: #047857;
+  }
+
+  .md\:focus-within\:bg-green-800:focus-within {
+    background-color: #065f46;
+  }
+
+  .md\:focus-within\:bg-green-900:focus-within {
+    background-color: #064e3b;
+  }
+
+  .md\:focus-within\:bg-blue-50:focus-within {
+    background-color: #eff6ff;
+  }
+
+  .md\:focus-within\:bg-blue-100:focus-within {
+    background-color: #dbeafe;
+  }
+
+  .md\:focus-within\:bg-blue-200:focus-within {
+    background-color: #bfdbfe;
+  }
+
+  .md\:focus-within\:bg-blue-300:focus-within {
+    background-color: #93c5fd;
+  }
+
+  .md\:focus-within\:bg-blue-400:focus-within {
+    background-color: #60a5fa;
+  }
+
+  .md\:focus-within\:bg-blue-500:focus-within {
+    background-color: #3b82f6;
+  }
+
+  .md\:focus-within\:bg-blue-600:focus-within {
+    background-color: #2563eb;
+  }
+
+  .md\:focus-within\:bg-blue-700:focus-within {
+    background-color: #1d4ed8;
+  }
+
+  .md\:focus-within\:bg-blue-800:focus-within {
+    background-color: #1e40af;
+  }
+
+  .md\:focus-within\:bg-blue-900:focus-within {
+    background-color: #1e3a8a;
+  }
+
+  .md\:focus-within\:bg-indigo-50:focus-within {
+    background-color: #eef2ff;
+  }
+
+  .md\:focus-within\:bg-indigo-100:focus-within {
+    background-color: #e0e7ff;
+  }
+
+  .md\:focus-within\:bg-indigo-200:focus-within {
+    background-color: #c7d2fe;
+  }
+
+  .md\:focus-within\:bg-indigo-300:focus-within {
+    background-color: #a5b4fc;
+  }
+
+  .md\:focus-within\:bg-indigo-400:focus-within {
+    background-color: #818cf8;
+  }
+
+  .md\:focus-within\:bg-indigo-500:focus-within {
+    background-color: #6366f1;
+  }
+
+  .md\:focus-within\:bg-indigo-600:focus-within {
+    background-color: #4f46e5;
+  }
+
+  .md\:focus-within\:bg-indigo-700:focus-within {
+    background-color: #4338ca;
+  }
+
+  .md\:focus-within\:bg-indigo-800:focus-within {
+    background-color: #3730a3;
+  }
+
+  .md\:focus-within\:bg-indigo-900:focus-within {
+    background-color: #312e81;
+  }
+
+  .md\:focus-within\:bg-purple-50:focus-within {
+    background-color: #f5f3ff;
+  }
+
+  .md\:focus-within\:bg-purple-100:focus-within {
+    background-color: #ede9fe;
+  }
+
+  .md\:focus-within\:bg-purple-200:focus-within {
+    background-color: #ddd6fe;
+  }
+
+  .md\:focus-within\:bg-purple-300:focus-within {
+    background-color: #c4b5fd;
+  }
+
+  .md\:focus-within\:bg-purple-400:focus-within {
+    background-color: #a78bfa;
+  }
+
+  .md\:focus-within\:bg-purple-500:focus-within {
+    background-color: #8b5cf6;
+  }
+
+  .md\:focus-within\:bg-purple-600:focus-within {
+    background-color: #7c3aed;
+  }
+
+  .md\:focus-within\:bg-purple-700:focus-within {
+    background-color: #6d28d9;
+  }
+
+  .md\:focus-within\:bg-purple-800:focus-within {
+    background-color: #5b21b6;
+  }
+
+  .md\:focus-within\:bg-purple-900:focus-within {
+    background-color: #4c1d95;
+  }
+
+  .md\:focus-within\:bg-pink-50:focus-within {
+    background-color: #fdf2f8;
+  }
+
+  .md\:focus-within\:bg-pink-100:focus-within {
+    background-color: #fce7f3;
+  }
+
+  .md\:focus-within\:bg-pink-200:focus-within {
+    background-color: #fbcfe8;
+  }
+
+  .md\:focus-within\:bg-pink-300:focus-within {
+    background-color: #f9a8d4;
+  }
+
+  .md\:focus-within\:bg-pink-400:focus-within {
+    background-color: #f472b6;
+  }
+
+  .md\:focus-within\:bg-pink-500:focus-within {
+    background-color: #ec4899;
+  }
+
+  .md\:focus-within\:bg-pink-600:focus-within {
+    background-color: #db2777;
+  }
+
+  .md\:focus-within\:bg-pink-700:focus-within {
+    background-color: #be185d;
+  }
+
+  .md\:focus-within\:bg-pink-800:focus-within {
+    background-color: #9d174d;
+  }
+
+  .md\:focus-within\:bg-pink-900:focus-within {
+    background-color: #831843;
+  }
+
   .md\:hover\:bg-transparent:hover {
     background-color: transparent;
   }
@@ -52472,6 +55141,342 @@ video {
     border-color: #831843;
   }
 
+  .md\:focus-within\:border-transparent:focus-within {
+    border-color: transparent;
+  }
+
+  .md\:focus-within\:border-current:focus-within {
+    border-color: currentColor;
+  }
+
+  .md\:focus-within\:border-black:focus-within {
+    border-color: #000;
+  }
+
+  .md\:focus-within\:border-white:focus-within {
+    border-color: #fff;
+  }
+
+  .md\:focus-within\:border-gray-50:focus-within {
+    border-color: #f9fafb;
+  }
+
+  .md\:focus-within\:border-gray-100:focus-within {
+    border-color: #f3f4f6;
+  }
+
+  .md\:focus-within\:border-gray-200:focus-within {
+    border-color: #e5e7eb;
+  }
+
+  .md\:focus-within\:border-gray-300:focus-within {
+    border-color: #d1d5db;
+  }
+
+  .md\:focus-within\:border-gray-400:focus-within {
+    border-color: #9ca3af;
+  }
+
+  .md\:focus-within\:border-gray-500:focus-within {
+    border-color: #6b7280;
+  }
+
+  .md\:focus-within\:border-gray-600:focus-within {
+    border-color: #4b5563;
+  }
+
+  .md\:focus-within\:border-gray-700:focus-within {
+    border-color: #374151;
+  }
+
+  .md\:focus-within\:border-gray-800:focus-within {
+    border-color: #1f2937;
+  }
+
+  .md\:focus-within\:border-gray-900:focus-within {
+    border-color: #111827;
+  }
+
+  .md\:focus-within\:border-red-50:focus-within {
+    border-color: #fef2f2;
+  }
+
+  .md\:focus-within\:border-red-100:focus-within {
+    border-color: #fee2e2;
+  }
+
+  .md\:focus-within\:border-red-200:focus-within {
+    border-color: #fecaca;
+  }
+
+  .md\:focus-within\:border-red-300:focus-within {
+    border-color: #fca5a5;
+  }
+
+  .md\:focus-within\:border-red-400:focus-within {
+    border-color: #f87171;
+  }
+
+  .md\:focus-within\:border-red-500:focus-within {
+    border-color: #ef4444;
+  }
+
+  .md\:focus-within\:border-red-600:focus-within {
+    border-color: #dc2626;
+  }
+
+  .md\:focus-within\:border-red-700:focus-within {
+    border-color: #b91c1c;
+  }
+
+  .md\:focus-within\:border-red-800:focus-within {
+    border-color: #991b1b;
+  }
+
+  .md\:focus-within\:border-red-900:focus-within {
+    border-color: #7f1d1d;
+  }
+
+  .md\:focus-within\:border-yellow-50:focus-within {
+    border-color: #fffbeb;
+  }
+
+  .md\:focus-within\:border-yellow-100:focus-within {
+    border-color: #fef3c7;
+  }
+
+  .md\:focus-within\:border-yellow-200:focus-within {
+    border-color: #fde68a;
+  }
+
+  .md\:focus-within\:border-yellow-300:focus-within {
+    border-color: #fcd34d;
+  }
+
+  .md\:focus-within\:border-yellow-400:focus-within {
+    border-color: #fbbf24;
+  }
+
+  .md\:focus-within\:border-yellow-500:focus-within {
+    border-color: #f59e0b;
+  }
+
+  .md\:focus-within\:border-yellow-600:focus-within {
+    border-color: #d97706;
+  }
+
+  .md\:focus-within\:border-yellow-700:focus-within {
+    border-color: #b45309;
+  }
+
+  .md\:focus-within\:border-yellow-800:focus-within {
+    border-color: #92400e;
+  }
+
+  .md\:focus-within\:border-yellow-900:focus-within {
+    border-color: #78350f;
+  }
+
+  .md\:focus-within\:border-green-50:focus-within {
+    border-color: #ecfdf5;
+  }
+
+  .md\:focus-within\:border-green-100:focus-within {
+    border-color: #d1fae5;
+  }
+
+  .md\:focus-within\:border-green-200:focus-within {
+    border-color: #a7f3d0;
+  }
+
+  .md\:focus-within\:border-green-300:focus-within {
+    border-color: #6ee7b7;
+  }
+
+  .md\:focus-within\:border-green-400:focus-within {
+    border-color: #34d399;
+  }
+
+  .md\:focus-within\:border-green-500:focus-within {
+    border-color: #10b981;
+  }
+
+  .md\:focus-within\:border-green-600:focus-within {
+    border-color: #059669;
+  }
+
+  .md\:focus-within\:border-green-700:focus-within {
+    border-color: #047857;
+  }
+
+  .md\:focus-within\:border-green-800:focus-within {
+    border-color: #065f46;
+  }
+
+  .md\:focus-within\:border-green-900:focus-within {
+    border-color: #064e3b;
+  }
+
+  .md\:focus-within\:border-blue-50:focus-within {
+    border-color: #eff6ff;
+  }
+
+  .md\:focus-within\:border-blue-100:focus-within {
+    border-color: #dbeafe;
+  }
+
+  .md\:focus-within\:border-blue-200:focus-within {
+    border-color: #bfdbfe;
+  }
+
+  .md\:focus-within\:border-blue-300:focus-within {
+    border-color: #93c5fd;
+  }
+
+  .md\:focus-within\:border-blue-400:focus-within {
+    border-color: #60a5fa;
+  }
+
+  .md\:focus-within\:border-blue-500:focus-within {
+    border-color: #3b82f6;
+  }
+
+  .md\:focus-within\:border-blue-600:focus-within {
+    border-color: #2563eb;
+  }
+
+  .md\:focus-within\:border-blue-700:focus-within {
+    border-color: #1d4ed8;
+  }
+
+  .md\:focus-within\:border-blue-800:focus-within {
+    border-color: #1e40af;
+  }
+
+  .md\:focus-within\:border-blue-900:focus-within {
+    border-color: #1e3a8a;
+  }
+
+  .md\:focus-within\:border-indigo-50:focus-within {
+    border-color: #eef2ff;
+  }
+
+  .md\:focus-within\:border-indigo-100:focus-within {
+    border-color: #e0e7ff;
+  }
+
+  .md\:focus-within\:border-indigo-200:focus-within {
+    border-color: #c7d2fe;
+  }
+
+  .md\:focus-within\:border-indigo-300:focus-within {
+    border-color: #a5b4fc;
+  }
+
+  .md\:focus-within\:border-indigo-400:focus-within {
+    border-color: #818cf8;
+  }
+
+  .md\:focus-within\:border-indigo-500:focus-within {
+    border-color: #6366f1;
+  }
+
+  .md\:focus-within\:border-indigo-600:focus-within {
+    border-color: #4f46e5;
+  }
+
+  .md\:focus-within\:border-indigo-700:focus-within {
+    border-color: #4338ca;
+  }
+
+  .md\:focus-within\:border-indigo-800:focus-within {
+    border-color: #3730a3;
+  }
+
+  .md\:focus-within\:border-indigo-900:focus-within {
+    border-color: #312e81;
+  }
+
+  .md\:focus-within\:border-purple-50:focus-within {
+    border-color: #f5f3ff;
+  }
+
+  .md\:focus-within\:border-purple-100:focus-within {
+    border-color: #ede9fe;
+  }
+
+  .md\:focus-within\:border-purple-200:focus-within {
+    border-color: #ddd6fe;
+  }
+
+  .md\:focus-within\:border-purple-300:focus-within {
+    border-color: #c4b5fd;
+  }
+
+  .md\:focus-within\:border-purple-400:focus-within {
+    border-color: #a78bfa;
+  }
+
+  .md\:focus-within\:border-purple-500:focus-within {
+    border-color: #8b5cf6;
+  }
+
+  .md\:focus-within\:border-purple-600:focus-within {
+    border-color: #7c3aed;
+  }
+
+  .md\:focus-within\:border-purple-700:focus-within {
+    border-color: #6d28d9;
+  }
+
+  .md\:focus-within\:border-purple-800:focus-within {
+    border-color: #5b21b6;
+  }
+
+  .md\:focus-within\:border-purple-900:focus-within {
+    border-color: #4c1d95;
+  }
+
+  .md\:focus-within\:border-pink-50:focus-within {
+    border-color: #fdf2f8;
+  }
+
+  .md\:focus-within\:border-pink-100:focus-within {
+    border-color: #fce7f3;
+  }
+
+  .md\:focus-within\:border-pink-200:focus-within {
+    border-color: #fbcfe8;
+  }
+
+  .md\:focus-within\:border-pink-300:focus-within {
+    border-color: #f9a8d4;
+  }
+
+  .md\:focus-within\:border-pink-400:focus-within {
+    border-color: #f472b6;
+  }
+
+  .md\:focus-within\:border-pink-500:focus-within {
+    border-color: #ec4899;
+  }
+
+  .md\:focus-within\:border-pink-600:focus-within {
+    border-color: #db2777;
+  }
+
+  .md\:focus-within\:border-pink-700:focus-within {
+    border-color: #be185d;
+  }
+
+  .md\:focus-within\:border-pink-800:focus-within {
+    border-color: #9d174d;
+  }
+
+  .md\:focus-within\:border-pink-900:focus-within {
+    border-color: #831843;
+  }
+
   .md\:hover\:border-transparent:hover {
     border-color: transparent;
   }
@@ -57083,6 +60088,58 @@ video {
     opacity: 1;
   }
 
+  .md\:focus-within\:opacity-0:focus-within {
+    opacity: 0;
+  }
+
+  .md\:focus-within\:opacity-10:focus-within {
+    opacity: 0.1;
+  }
+
+  .md\:focus-within\:opacity-20:focus-within {
+    opacity: 0.2;
+  }
+
+  .md\:focus-within\:opacity-25:focus-within {
+    opacity: 0.25;
+  }
+
+  .md\:focus-within\:opacity-30:focus-within {
+    opacity: 0.3;
+  }
+
+  .md\:focus-within\:opacity-40:focus-within {
+    opacity: 0.4;
+  }
+
+  .md\:focus-within\:opacity-50:focus-within {
+    opacity: 0.5;
+  }
+
+  .md\:focus-within\:opacity-60:focus-within {
+    opacity: 0.6;
+  }
+
+  .md\:focus-within\:opacity-70:focus-within {
+    opacity: 0.7;
+  }
+
+  .md\:focus-within\:opacity-75:focus-within {
+    opacity: 0.75;
+  }
+
+  .md\:focus-within\:opacity-80:focus-within {
+    opacity: 0.8;
+  }
+
+  .md\:focus-within\:opacity-90:focus-within {
+    opacity: 0.9;
+  }
+
+  .md\:focus-within\:opacity-100:focus-within {
+    opacity: 1;
+  }
+
   .md\:hover\:opacity-0:hover {
     opacity: 0;
   }
@@ -61883,6 +64940,50 @@ video {
     box-shadow: none;
   }
 
+  .md\:focus-within\:shadow-xs:focus-within {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .md\:focus-within\:shadow-sm:focus-within {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .md\:focus-within\:shadow:focus-within {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .md\:focus-within\:shadow-md:focus-within {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .md\:focus-within\:shadow-lg:focus-within {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .md\:focus-within\:shadow-xl:focus-within {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .md\:focus-within\:shadow-2xl:focus-within {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .md\:focus-within\:shadow-inner:focus-within {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .md\:focus-within\:shadow-outline:focus-within {
+    box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
+  }
+
+  .md\:focus-within\:shadow-solid:focus-within {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .md\:focus-within\:shadow-none:focus-within {
+    box-shadow: none;
+  }
+
   .md\:hover\:shadow-xs:hover {
     box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
   }
@@ -62687,6 +65788,342 @@ video {
     color: #831843;
   }
 
+  .md\:focus-within\:text-transparent:focus-within {
+    color: transparent;
+  }
+
+  .md\:focus-within\:text-current:focus-within {
+    color: currentColor;
+  }
+
+  .md\:focus-within\:text-black:focus-within {
+    color: #000;
+  }
+
+  .md\:focus-within\:text-white:focus-within {
+    color: #fff;
+  }
+
+  .md\:focus-within\:text-gray-50:focus-within {
+    color: #f9fafb;
+  }
+
+  .md\:focus-within\:text-gray-100:focus-within {
+    color: #f3f4f6;
+  }
+
+  .md\:focus-within\:text-gray-200:focus-within {
+    color: #e5e7eb;
+  }
+
+  .md\:focus-within\:text-gray-300:focus-within {
+    color: #d1d5db;
+  }
+
+  .md\:focus-within\:text-gray-400:focus-within {
+    color: #9ca3af;
+  }
+
+  .md\:focus-within\:text-gray-500:focus-within {
+    color: #6b7280;
+  }
+
+  .md\:focus-within\:text-gray-600:focus-within {
+    color: #4b5563;
+  }
+
+  .md\:focus-within\:text-gray-700:focus-within {
+    color: #374151;
+  }
+
+  .md\:focus-within\:text-gray-800:focus-within {
+    color: #1f2937;
+  }
+
+  .md\:focus-within\:text-gray-900:focus-within {
+    color: #111827;
+  }
+
+  .md\:focus-within\:text-red-50:focus-within {
+    color: #fef2f2;
+  }
+
+  .md\:focus-within\:text-red-100:focus-within {
+    color: #fee2e2;
+  }
+
+  .md\:focus-within\:text-red-200:focus-within {
+    color: #fecaca;
+  }
+
+  .md\:focus-within\:text-red-300:focus-within {
+    color: #fca5a5;
+  }
+
+  .md\:focus-within\:text-red-400:focus-within {
+    color: #f87171;
+  }
+
+  .md\:focus-within\:text-red-500:focus-within {
+    color: #ef4444;
+  }
+
+  .md\:focus-within\:text-red-600:focus-within {
+    color: #dc2626;
+  }
+
+  .md\:focus-within\:text-red-700:focus-within {
+    color: #b91c1c;
+  }
+
+  .md\:focus-within\:text-red-800:focus-within {
+    color: #991b1b;
+  }
+
+  .md\:focus-within\:text-red-900:focus-within {
+    color: #7f1d1d;
+  }
+
+  .md\:focus-within\:text-yellow-50:focus-within {
+    color: #fffbeb;
+  }
+
+  .md\:focus-within\:text-yellow-100:focus-within {
+    color: #fef3c7;
+  }
+
+  .md\:focus-within\:text-yellow-200:focus-within {
+    color: #fde68a;
+  }
+
+  .md\:focus-within\:text-yellow-300:focus-within {
+    color: #fcd34d;
+  }
+
+  .md\:focus-within\:text-yellow-400:focus-within {
+    color: #fbbf24;
+  }
+
+  .md\:focus-within\:text-yellow-500:focus-within {
+    color: #f59e0b;
+  }
+
+  .md\:focus-within\:text-yellow-600:focus-within {
+    color: #d97706;
+  }
+
+  .md\:focus-within\:text-yellow-700:focus-within {
+    color: #b45309;
+  }
+
+  .md\:focus-within\:text-yellow-800:focus-within {
+    color: #92400e;
+  }
+
+  .md\:focus-within\:text-yellow-900:focus-within {
+    color: #78350f;
+  }
+
+  .md\:focus-within\:text-green-50:focus-within {
+    color: #ecfdf5;
+  }
+
+  .md\:focus-within\:text-green-100:focus-within {
+    color: #d1fae5;
+  }
+
+  .md\:focus-within\:text-green-200:focus-within {
+    color: #a7f3d0;
+  }
+
+  .md\:focus-within\:text-green-300:focus-within {
+    color: #6ee7b7;
+  }
+
+  .md\:focus-within\:text-green-400:focus-within {
+    color: #34d399;
+  }
+
+  .md\:focus-within\:text-green-500:focus-within {
+    color: #10b981;
+  }
+
+  .md\:focus-within\:text-green-600:focus-within {
+    color: #059669;
+  }
+
+  .md\:focus-within\:text-green-700:focus-within {
+    color: #047857;
+  }
+
+  .md\:focus-within\:text-green-800:focus-within {
+    color: #065f46;
+  }
+
+  .md\:focus-within\:text-green-900:focus-within {
+    color: #064e3b;
+  }
+
+  .md\:focus-within\:text-blue-50:focus-within {
+    color: #eff6ff;
+  }
+
+  .md\:focus-within\:text-blue-100:focus-within {
+    color: #dbeafe;
+  }
+
+  .md\:focus-within\:text-blue-200:focus-within {
+    color: #bfdbfe;
+  }
+
+  .md\:focus-within\:text-blue-300:focus-within {
+    color: #93c5fd;
+  }
+
+  .md\:focus-within\:text-blue-400:focus-within {
+    color: #60a5fa;
+  }
+
+  .md\:focus-within\:text-blue-500:focus-within {
+    color: #3b82f6;
+  }
+
+  .md\:focus-within\:text-blue-600:focus-within {
+    color: #2563eb;
+  }
+
+  .md\:focus-within\:text-blue-700:focus-within {
+    color: #1d4ed8;
+  }
+
+  .md\:focus-within\:text-blue-800:focus-within {
+    color: #1e40af;
+  }
+
+  .md\:focus-within\:text-blue-900:focus-within {
+    color: #1e3a8a;
+  }
+
+  .md\:focus-within\:text-indigo-50:focus-within {
+    color: #eef2ff;
+  }
+
+  .md\:focus-within\:text-indigo-100:focus-within {
+    color: #e0e7ff;
+  }
+
+  .md\:focus-within\:text-indigo-200:focus-within {
+    color: #c7d2fe;
+  }
+
+  .md\:focus-within\:text-indigo-300:focus-within {
+    color: #a5b4fc;
+  }
+
+  .md\:focus-within\:text-indigo-400:focus-within {
+    color: #818cf8;
+  }
+
+  .md\:focus-within\:text-indigo-500:focus-within {
+    color: #6366f1;
+  }
+
+  .md\:focus-within\:text-indigo-600:focus-within {
+    color: #4f46e5;
+  }
+
+  .md\:focus-within\:text-indigo-700:focus-within {
+    color: #4338ca;
+  }
+
+  .md\:focus-within\:text-indigo-800:focus-within {
+    color: #3730a3;
+  }
+
+  .md\:focus-within\:text-indigo-900:focus-within {
+    color: #312e81;
+  }
+
+  .md\:focus-within\:text-purple-50:focus-within {
+    color: #f5f3ff;
+  }
+
+  .md\:focus-within\:text-purple-100:focus-within {
+    color: #ede9fe;
+  }
+
+  .md\:focus-within\:text-purple-200:focus-within {
+    color: #ddd6fe;
+  }
+
+  .md\:focus-within\:text-purple-300:focus-within {
+    color: #c4b5fd;
+  }
+
+  .md\:focus-within\:text-purple-400:focus-within {
+    color: #a78bfa;
+  }
+
+  .md\:focus-within\:text-purple-500:focus-within {
+    color: #8b5cf6;
+  }
+
+  .md\:focus-within\:text-purple-600:focus-within {
+    color: #7c3aed;
+  }
+
+  .md\:focus-within\:text-purple-700:focus-within {
+    color: #6d28d9;
+  }
+
+  .md\:focus-within\:text-purple-800:focus-within {
+    color: #5b21b6;
+  }
+
+  .md\:focus-within\:text-purple-900:focus-within {
+    color: #4c1d95;
+  }
+
+  .md\:focus-within\:text-pink-50:focus-within {
+    color: #fdf2f8;
+  }
+
+  .md\:focus-within\:text-pink-100:focus-within {
+    color: #fce7f3;
+  }
+
+  .md\:focus-within\:text-pink-200:focus-within {
+    color: #fbcfe8;
+  }
+
+  .md\:focus-within\:text-pink-300:focus-within {
+    color: #f9a8d4;
+  }
+
+  .md\:focus-within\:text-pink-400:focus-within {
+    color: #f472b6;
+  }
+
+  .md\:focus-within\:text-pink-500:focus-within {
+    color: #ec4899;
+  }
+
+  .md\:focus-within\:text-pink-600:focus-within {
+    color: #db2777;
+  }
+
+  .md\:focus-within\:text-pink-700:focus-within {
+    color: #be185d;
+  }
+
+  .md\:focus-within\:text-pink-800:focus-within {
+    color: #9d174d;
+  }
+
+  .md\:focus-within\:text-pink-900:focus-within {
+    color: #831843;
+  }
+
   .md\:hover\:text-transparent:hover {
     color: transparent;
   }
@@ -63885,6 +67322,34 @@ video {
     z-index: auto;
   }
 
+  .md\:focus-within\:z-0:focus-within {
+    z-index: 0;
+  }
+
+  .md\:focus-within\:z-10:focus-within {
+    z-index: 10;
+  }
+
+  .md\:focus-within\:z-20:focus-within {
+    z-index: 20;
+  }
+
+  .md\:focus-within\:z-30:focus-within {
+    z-index: 30;
+  }
+
+  .md\:focus-within\:z-40:focus-within {
+    z-index: 40;
+  }
+
+  .md\:focus-within\:z-50:focus-within {
+    z-index: 50;
+  }
+
+  .md\:focus-within\:z-auto:focus-within {
+    z-index: auto;
+  }
+
   .md\:focus\:z-0:focus {
     z-index: 0;
   }
@@ -69194,6 +72659,29 @@ video {
     white-space: normal;
   }
 
+  .lg\:focus-within\:sr-only:focus-within {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .lg\:focus-within\:not-sr-only:focus-within {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
   .lg\:focus\:sr-only:focus {
     position: absolute;
     width: 1px;
@@ -69921,6 +73409,342 @@ video {
     background-color: #831843;
   }
 
+  .lg\:focus-within\:bg-transparent:focus-within {
+    background-color: transparent;
+  }
+
+  .lg\:focus-within\:bg-current:focus-within {
+    background-color: currentColor;
+  }
+
+  .lg\:focus-within\:bg-black:focus-within {
+    background-color: #000;
+  }
+
+  .lg\:focus-within\:bg-white:focus-within {
+    background-color: #fff;
+  }
+
+  .lg\:focus-within\:bg-gray-50:focus-within {
+    background-color: #f9fafb;
+  }
+
+  .lg\:focus-within\:bg-gray-100:focus-within {
+    background-color: #f3f4f6;
+  }
+
+  .lg\:focus-within\:bg-gray-200:focus-within {
+    background-color: #e5e7eb;
+  }
+
+  .lg\:focus-within\:bg-gray-300:focus-within {
+    background-color: #d1d5db;
+  }
+
+  .lg\:focus-within\:bg-gray-400:focus-within {
+    background-color: #9ca3af;
+  }
+
+  .lg\:focus-within\:bg-gray-500:focus-within {
+    background-color: #6b7280;
+  }
+
+  .lg\:focus-within\:bg-gray-600:focus-within {
+    background-color: #4b5563;
+  }
+
+  .lg\:focus-within\:bg-gray-700:focus-within {
+    background-color: #374151;
+  }
+
+  .lg\:focus-within\:bg-gray-800:focus-within {
+    background-color: #1f2937;
+  }
+
+  .lg\:focus-within\:bg-gray-900:focus-within {
+    background-color: #111827;
+  }
+
+  .lg\:focus-within\:bg-red-50:focus-within {
+    background-color: #fef2f2;
+  }
+
+  .lg\:focus-within\:bg-red-100:focus-within {
+    background-color: #fee2e2;
+  }
+
+  .lg\:focus-within\:bg-red-200:focus-within {
+    background-color: #fecaca;
+  }
+
+  .lg\:focus-within\:bg-red-300:focus-within {
+    background-color: #fca5a5;
+  }
+
+  .lg\:focus-within\:bg-red-400:focus-within {
+    background-color: #f87171;
+  }
+
+  .lg\:focus-within\:bg-red-500:focus-within {
+    background-color: #ef4444;
+  }
+
+  .lg\:focus-within\:bg-red-600:focus-within {
+    background-color: #dc2626;
+  }
+
+  .lg\:focus-within\:bg-red-700:focus-within {
+    background-color: #b91c1c;
+  }
+
+  .lg\:focus-within\:bg-red-800:focus-within {
+    background-color: #991b1b;
+  }
+
+  .lg\:focus-within\:bg-red-900:focus-within {
+    background-color: #7f1d1d;
+  }
+
+  .lg\:focus-within\:bg-yellow-50:focus-within {
+    background-color: #fffbeb;
+  }
+
+  .lg\:focus-within\:bg-yellow-100:focus-within {
+    background-color: #fef3c7;
+  }
+
+  .lg\:focus-within\:bg-yellow-200:focus-within {
+    background-color: #fde68a;
+  }
+
+  .lg\:focus-within\:bg-yellow-300:focus-within {
+    background-color: #fcd34d;
+  }
+
+  .lg\:focus-within\:bg-yellow-400:focus-within {
+    background-color: #fbbf24;
+  }
+
+  .lg\:focus-within\:bg-yellow-500:focus-within {
+    background-color: #f59e0b;
+  }
+
+  .lg\:focus-within\:bg-yellow-600:focus-within {
+    background-color: #d97706;
+  }
+
+  .lg\:focus-within\:bg-yellow-700:focus-within {
+    background-color: #b45309;
+  }
+
+  .lg\:focus-within\:bg-yellow-800:focus-within {
+    background-color: #92400e;
+  }
+
+  .lg\:focus-within\:bg-yellow-900:focus-within {
+    background-color: #78350f;
+  }
+
+  .lg\:focus-within\:bg-green-50:focus-within {
+    background-color: #ecfdf5;
+  }
+
+  .lg\:focus-within\:bg-green-100:focus-within {
+    background-color: #d1fae5;
+  }
+
+  .lg\:focus-within\:bg-green-200:focus-within {
+    background-color: #a7f3d0;
+  }
+
+  .lg\:focus-within\:bg-green-300:focus-within {
+    background-color: #6ee7b7;
+  }
+
+  .lg\:focus-within\:bg-green-400:focus-within {
+    background-color: #34d399;
+  }
+
+  .lg\:focus-within\:bg-green-500:focus-within {
+    background-color: #10b981;
+  }
+
+  .lg\:focus-within\:bg-green-600:focus-within {
+    background-color: #059669;
+  }
+
+  .lg\:focus-within\:bg-green-700:focus-within {
+    background-color: #047857;
+  }
+
+  .lg\:focus-within\:bg-green-800:focus-within {
+    background-color: #065f46;
+  }
+
+  .lg\:focus-within\:bg-green-900:focus-within {
+    background-color: #064e3b;
+  }
+
+  .lg\:focus-within\:bg-blue-50:focus-within {
+    background-color: #eff6ff;
+  }
+
+  .lg\:focus-within\:bg-blue-100:focus-within {
+    background-color: #dbeafe;
+  }
+
+  .lg\:focus-within\:bg-blue-200:focus-within {
+    background-color: #bfdbfe;
+  }
+
+  .lg\:focus-within\:bg-blue-300:focus-within {
+    background-color: #93c5fd;
+  }
+
+  .lg\:focus-within\:bg-blue-400:focus-within {
+    background-color: #60a5fa;
+  }
+
+  .lg\:focus-within\:bg-blue-500:focus-within {
+    background-color: #3b82f6;
+  }
+
+  .lg\:focus-within\:bg-blue-600:focus-within {
+    background-color: #2563eb;
+  }
+
+  .lg\:focus-within\:bg-blue-700:focus-within {
+    background-color: #1d4ed8;
+  }
+
+  .lg\:focus-within\:bg-blue-800:focus-within {
+    background-color: #1e40af;
+  }
+
+  .lg\:focus-within\:bg-blue-900:focus-within {
+    background-color: #1e3a8a;
+  }
+
+  .lg\:focus-within\:bg-indigo-50:focus-within {
+    background-color: #eef2ff;
+  }
+
+  .lg\:focus-within\:bg-indigo-100:focus-within {
+    background-color: #e0e7ff;
+  }
+
+  .lg\:focus-within\:bg-indigo-200:focus-within {
+    background-color: #c7d2fe;
+  }
+
+  .lg\:focus-within\:bg-indigo-300:focus-within {
+    background-color: #a5b4fc;
+  }
+
+  .lg\:focus-within\:bg-indigo-400:focus-within {
+    background-color: #818cf8;
+  }
+
+  .lg\:focus-within\:bg-indigo-500:focus-within {
+    background-color: #6366f1;
+  }
+
+  .lg\:focus-within\:bg-indigo-600:focus-within {
+    background-color: #4f46e5;
+  }
+
+  .lg\:focus-within\:bg-indigo-700:focus-within {
+    background-color: #4338ca;
+  }
+
+  .lg\:focus-within\:bg-indigo-800:focus-within {
+    background-color: #3730a3;
+  }
+
+  .lg\:focus-within\:bg-indigo-900:focus-within {
+    background-color: #312e81;
+  }
+
+  .lg\:focus-within\:bg-purple-50:focus-within {
+    background-color: #f5f3ff;
+  }
+
+  .lg\:focus-within\:bg-purple-100:focus-within {
+    background-color: #ede9fe;
+  }
+
+  .lg\:focus-within\:bg-purple-200:focus-within {
+    background-color: #ddd6fe;
+  }
+
+  .lg\:focus-within\:bg-purple-300:focus-within {
+    background-color: #c4b5fd;
+  }
+
+  .lg\:focus-within\:bg-purple-400:focus-within {
+    background-color: #a78bfa;
+  }
+
+  .lg\:focus-within\:bg-purple-500:focus-within {
+    background-color: #8b5cf6;
+  }
+
+  .lg\:focus-within\:bg-purple-600:focus-within {
+    background-color: #7c3aed;
+  }
+
+  .lg\:focus-within\:bg-purple-700:focus-within {
+    background-color: #6d28d9;
+  }
+
+  .lg\:focus-within\:bg-purple-800:focus-within {
+    background-color: #5b21b6;
+  }
+
+  .lg\:focus-within\:bg-purple-900:focus-within {
+    background-color: #4c1d95;
+  }
+
+  .lg\:focus-within\:bg-pink-50:focus-within {
+    background-color: #fdf2f8;
+  }
+
+  .lg\:focus-within\:bg-pink-100:focus-within {
+    background-color: #fce7f3;
+  }
+
+  .lg\:focus-within\:bg-pink-200:focus-within {
+    background-color: #fbcfe8;
+  }
+
+  .lg\:focus-within\:bg-pink-300:focus-within {
+    background-color: #f9a8d4;
+  }
+
+  .lg\:focus-within\:bg-pink-400:focus-within {
+    background-color: #f472b6;
+  }
+
+  .lg\:focus-within\:bg-pink-500:focus-within {
+    background-color: #ec4899;
+  }
+
+  .lg\:focus-within\:bg-pink-600:focus-within {
+    background-color: #db2777;
+  }
+
+  .lg\:focus-within\:bg-pink-700:focus-within {
+    background-color: #be185d;
+  }
+
+  .lg\:focus-within\:bg-pink-800:focus-within {
+    background-color: #9d174d;
+  }
+
+  .lg\:focus-within\:bg-pink-900:focus-within {
+    background-color: #831843;
+  }
+
   .lg\:hover\:bg-transparent:hover {
     background-color: transparent;
   }
@@ -74909,6 +78733,342 @@ video {
     border-color: #831843;
   }
 
+  .lg\:focus-within\:border-transparent:focus-within {
+    border-color: transparent;
+  }
+
+  .lg\:focus-within\:border-current:focus-within {
+    border-color: currentColor;
+  }
+
+  .lg\:focus-within\:border-black:focus-within {
+    border-color: #000;
+  }
+
+  .lg\:focus-within\:border-white:focus-within {
+    border-color: #fff;
+  }
+
+  .lg\:focus-within\:border-gray-50:focus-within {
+    border-color: #f9fafb;
+  }
+
+  .lg\:focus-within\:border-gray-100:focus-within {
+    border-color: #f3f4f6;
+  }
+
+  .lg\:focus-within\:border-gray-200:focus-within {
+    border-color: #e5e7eb;
+  }
+
+  .lg\:focus-within\:border-gray-300:focus-within {
+    border-color: #d1d5db;
+  }
+
+  .lg\:focus-within\:border-gray-400:focus-within {
+    border-color: #9ca3af;
+  }
+
+  .lg\:focus-within\:border-gray-500:focus-within {
+    border-color: #6b7280;
+  }
+
+  .lg\:focus-within\:border-gray-600:focus-within {
+    border-color: #4b5563;
+  }
+
+  .lg\:focus-within\:border-gray-700:focus-within {
+    border-color: #374151;
+  }
+
+  .lg\:focus-within\:border-gray-800:focus-within {
+    border-color: #1f2937;
+  }
+
+  .lg\:focus-within\:border-gray-900:focus-within {
+    border-color: #111827;
+  }
+
+  .lg\:focus-within\:border-red-50:focus-within {
+    border-color: #fef2f2;
+  }
+
+  .lg\:focus-within\:border-red-100:focus-within {
+    border-color: #fee2e2;
+  }
+
+  .lg\:focus-within\:border-red-200:focus-within {
+    border-color: #fecaca;
+  }
+
+  .lg\:focus-within\:border-red-300:focus-within {
+    border-color: #fca5a5;
+  }
+
+  .lg\:focus-within\:border-red-400:focus-within {
+    border-color: #f87171;
+  }
+
+  .lg\:focus-within\:border-red-500:focus-within {
+    border-color: #ef4444;
+  }
+
+  .lg\:focus-within\:border-red-600:focus-within {
+    border-color: #dc2626;
+  }
+
+  .lg\:focus-within\:border-red-700:focus-within {
+    border-color: #b91c1c;
+  }
+
+  .lg\:focus-within\:border-red-800:focus-within {
+    border-color: #991b1b;
+  }
+
+  .lg\:focus-within\:border-red-900:focus-within {
+    border-color: #7f1d1d;
+  }
+
+  .lg\:focus-within\:border-yellow-50:focus-within {
+    border-color: #fffbeb;
+  }
+
+  .lg\:focus-within\:border-yellow-100:focus-within {
+    border-color: #fef3c7;
+  }
+
+  .lg\:focus-within\:border-yellow-200:focus-within {
+    border-color: #fde68a;
+  }
+
+  .lg\:focus-within\:border-yellow-300:focus-within {
+    border-color: #fcd34d;
+  }
+
+  .lg\:focus-within\:border-yellow-400:focus-within {
+    border-color: #fbbf24;
+  }
+
+  .lg\:focus-within\:border-yellow-500:focus-within {
+    border-color: #f59e0b;
+  }
+
+  .lg\:focus-within\:border-yellow-600:focus-within {
+    border-color: #d97706;
+  }
+
+  .lg\:focus-within\:border-yellow-700:focus-within {
+    border-color: #b45309;
+  }
+
+  .lg\:focus-within\:border-yellow-800:focus-within {
+    border-color: #92400e;
+  }
+
+  .lg\:focus-within\:border-yellow-900:focus-within {
+    border-color: #78350f;
+  }
+
+  .lg\:focus-within\:border-green-50:focus-within {
+    border-color: #ecfdf5;
+  }
+
+  .lg\:focus-within\:border-green-100:focus-within {
+    border-color: #d1fae5;
+  }
+
+  .lg\:focus-within\:border-green-200:focus-within {
+    border-color: #a7f3d0;
+  }
+
+  .lg\:focus-within\:border-green-300:focus-within {
+    border-color: #6ee7b7;
+  }
+
+  .lg\:focus-within\:border-green-400:focus-within {
+    border-color: #34d399;
+  }
+
+  .lg\:focus-within\:border-green-500:focus-within {
+    border-color: #10b981;
+  }
+
+  .lg\:focus-within\:border-green-600:focus-within {
+    border-color: #059669;
+  }
+
+  .lg\:focus-within\:border-green-700:focus-within {
+    border-color: #047857;
+  }
+
+  .lg\:focus-within\:border-green-800:focus-within {
+    border-color: #065f46;
+  }
+
+  .lg\:focus-within\:border-green-900:focus-within {
+    border-color: #064e3b;
+  }
+
+  .lg\:focus-within\:border-blue-50:focus-within {
+    border-color: #eff6ff;
+  }
+
+  .lg\:focus-within\:border-blue-100:focus-within {
+    border-color: #dbeafe;
+  }
+
+  .lg\:focus-within\:border-blue-200:focus-within {
+    border-color: #bfdbfe;
+  }
+
+  .lg\:focus-within\:border-blue-300:focus-within {
+    border-color: #93c5fd;
+  }
+
+  .lg\:focus-within\:border-blue-400:focus-within {
+    border-color: #60a5fa;
+  }
+
+  .lg\:focus-within\:border-blue-500:focus-within {
+    border-color: #3b82f6;
+  }
+
+  .lg\:focus-within\:border-blue-600:focus-within {
+    border-color: #2563eb;
+  }
+
+  .lg\:focus-within\:border-blue-700:focus-within {
+    border-color: #1d4ed8;
+  }
+
+  .lg\:focus-within\:border-blue-800:focus-within {
+    border-color: #1e40af;
+  }
+
+  .lg\:focus-within\:border-blue-900:focus-within {
+    border-color: #1e3a8a;
+  }
+
+  .lg\:focus-within\:border-indigo-50:focus-within {
+    border-color: #eef2ff;
+  }
+
+  .lg\:focus-within\:border-indigo-100:focus-within {
+    border-color: #e0e7ff;
+  }
+
+  .lg\:focus-within\:border-indigo-200:focus-within {
+    border-color: #c7d2fe;
+  }
+
+  .lg\:focus-within\:border-indigo-300:focus-within {
+    border-color: #a5b4fc;
+  }
+
+  .lg\:focus-within\:border-indigo-400:focus-within {
+    border-color: #818cf8;
+  }
+
+  .lg\:focus-within\:border-indigo-500:focus-within {
+    border-color: #6366f1;
+  }
+
+  .lg\:focus-within\:border-indigo-600:focus-within {
+    border-color: #4f46e5;
+  }
+
+  .lg\:focus-within\:border-indigo-700:focus-within {
+    border-color: #4338ca;
+  }
+
+  .lg\:focus-within\:border-indigo-800:focus-within {
+    border-color: #3730a3;
+  }
+
+  .lg\:focus-within\:border-indigo-900:focus-within {
+    border-color: #312e81;
+  }
+
+  .lg\:focus-within\:border-purple-50:focus-within {
+    border-color: #f5f3ff;
+  }
+
+  .lg\:focus-within\:border-purple-100:focus-within {
+    border-color: #ede9fe;
+  }
+
+  .lg\:focus-within\:border-purple-200:focus-within {
+    border-color: #ddd6fe;
+  }
+
+  .lg\:focus-within\:border-purple-300:focus-within {
+    border-color: #c4b5fd;
+  }
+
+  .lg\:focus-within\:border-purple-400:focus-within {
+    border-color: #a78bfa;
+  }
+
+  .lg\:focus-within\:border-purple-500:focus-within {
+    border-color: #8b5cf6;
+  }
+
+  .lg\:focus-within\:border-purple-600:focus-within {
+    border-color: #7c3aed;
+  }
+
+  .lg\:focus-within\:border-purple-700:focus-within {
+    border-color: #6d28d9;
+  }
+
+  .lg\:focus-within\:border-purple-800:focus-within {
+    border-color: #5b21b6;
+  }
+
+  .lg\:focus-within\:border-purple-900:focus-within {
+    border-color: #4c1d95;
+  }
+
+  .lg\:focus-within\:border-pink-50:focus-within {
+    border-color: #fdf2f8;
+  }
+
+  .lg\:focus-within\:border-pink-100:focus-within {
+    border-color: #fce7f3;
+  }
+
+  .lg\:focus-within\:border-pink-200:focus-within {
+    border-color: #fbcfe8;
+  }
+
+  .lg\:focus-within\:border-pink-300:focus-within {
+    border-color: #f9a8d4;
+  }
+
+  .lg\:focus-within\:border-pink-400:focus-within {
+    border-color: #f472b6;
+  }
+
+  .lg\:focus-within\:border-pink-500:focus-within {
+    border-color: #ec4899;
+  }
+
+  .lg\:focus-within\:border-pink-600:focus-within {
+    border-color: #db2777;
+  }
+
+  .lg\:focus-within\:border-pink-700:focus-within {
+    border-color: #be185d;
+  }
+
+  .lg\:focus-within\:border-pink-800:focus-within {
+    border-color: #9d174d;
+  }
+
+  .lg\:focus-within\:border-pink-900:focus-within {
+    border-color: #831843;
+  }
+
   .lg\:hover\:border-transparent:hover {
     border-color: transparent;
   }
@@ -79520,6 +83680,58 @@ video {
     opacity: 1;
   }
 
+  .lg\:focus-within\:opacity-0:focus-within {
+    opacity: 0;
+  }
+
+  .lg\:focus-within\:opacity-10:focus-within {
+    opacity: 0.1;
+  }
+
+  .lg\:focus-within\:opacity-20:focus-within {
+    opacity: 0.2;
+  }
+
+  .lg\:focus-within\:opacity-25:focus-within {
+    opacity: 0.25;
+  }
+
+  .lg\:focus-within\:opacity-30:focus-within {
+    opacity: 0.3;
+  }
+
+  .lg\:focus-within\:opacity-40:focus-within {
+    opacity: 0.4;
+  }
+
+  .lg\:focus-within\:opacity-50:focus-within {
+    opacity: 0.5;
+  }
+
+  .lg\:focus-within\:opacity-60:focus-within {
+    opacity: 0.6;
+  }
+
+  .lg\:focus-within\:opacity-70:focus-within {
+    opacity: 0.7;
+  }
+
+  .lg\:focus-within\:opacity-75:focus-within {
+    opacity: 0.75;
+  }
+
+  .lg\:focus-within\:opacity-80:focus-within {
+    opacity: 0.8;
+  }
+
+  .lg\:focus-within\:opacity-90:focus-within {
+    opacity: 0.9;
+  }
+
+  .lg\:focus-within\:opacity-100:focus-within {
+    opacity: 1;
+  }
+
   .lg\:hover\:opacity-0:hover {
     opacity: 0;
   }
@@ -84320,6 +88532,50 @@ video {
     box-shadow: none;
   }
 
+  .lg\:focus-within\:shadow-xs:focus-within {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .lg\:focus-within\:shadow-sm:focus-within {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .lg\:focus-within\:shadow:focus-within {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .lg\:focus-within\:shadow-md:focus-within {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .lg\:focus-within\:shadow-lg:focus-within {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .lg\:focus-within\:shadow-xl:focus-within {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .lg\:focus-within\:shadow-2xl:focus-within {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .lg\:focus-within\:shadow-inner:focus-within {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .lg\:focus-within\:shadow-outline:focus-within {
+    box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
+  }
+
+  .lg\:focus-within\:shadow-solid:focus-within {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .lg\:focus-within\:shadow-none:focus-within {
+    box-shadow: none;
+  }
+
   .lg\:hover\:shadow-xs:hover {
     box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
   }
@@ -85124,6 +89380,342 @@ video {
     color: #831843;
   }
 
+  .lg\:focus-within\:text-transparent:focus-within {
+    color: transparent;
+  }
+
+  .lg\:focus-within\:text-current:focus-within {
+    color: currentColor;
+  }
+
+  .lg\:focus-within\:text-black:focus-within {
+    color: #000;
+  }
+
+  .lg\:focus-within\:text-white:focus-within {
+    color: #fff;
+  }
+
+  .lg\:focus-within\:text-gray-50:focus-within {
+    color: #f9fafb;
+  }
+
+  .lg\:focus-within\:text-gray-100:focus-within {
+    color: #f3f4f6;
+  }
+
+  .lg\:focus-within\:text-gray-200:focus-within {
+    color: #e5e7eb;
+  }
+
+  .lg\:focus-within\:text-gray-300:focus-within {
+    color: #d1d5db;
+  }
+
+  .lg\:focus-within\:text-gray-400:focus-within {
+    color: #9ca3af;
+  }
+
+  .lg\:focus-within\:text-gray-500:focus-within {
+    color: #6b7280;
+  }
+
+  .lg\:focus-within\:text-gray-600:focus-within {
+    color: #4b5563;
+  }
+
+  .lg\:focus-within\:text-gray-700:focus-within {
+    color: #374151;
+  }
+
+  .lg\:focus-within\:text-gray-800:focus-within {
+    color: #1f2937;
+  }
+
+  .lg\:focus-within\:text-gray-900:focus-within {
+    color: #111827;
+  }
+
+  .lg\:focus-within\:text-red-50:focus-within {
+    color: #fef2f2;
+  }
+
+  .lg\:focus-within\:text-red-100:focus-within {
+    color: #fee2e2;
+  }
+
+  .lg\:focus-within\:text-red-200:focus-within {
+    color: #fecaca;
+  }
+
+  .lg\:focus-within\:text-red-300:focus-within {
+    color: #fca5a5;
+  }
+
+  .lg\:focus-within\:text-red-400:focus-within {
+    color: #f87171;
+  }
+
+  .lg\:focus-within\:text-red-500:focus-within {
+    color: #ef4444;
+  }
+
+  .lg\:focus-within\:text-red-600:focus-within {
+    color: #dc2626;
+  }
+
+  .lg\:focus-within\:text-red-700:focus-within {
+    color: #b91c1c;
+  }
+
+  .lg\:focus-within\:text-red-800:focus-within {
+    color: #991b1b;
+  }
+
+  .lg\:focus-within\:text-red-900:focus-within {
+    color: #7f1d1d;
+  }
+
+  .lg\:focus-within\:text-yellow-50:focus-within {
+    color: #fffbeb;
+  }
+
+  .lg\:focus-within\:text-yellow-100:focus-within {
+    color: #fef3c7;
+  }
+
+  .lg\:focus-within\:text-yellow-200:focus-within {
+    color: #fde68a;
+  }
+
+  .lg\:focus-within\:text-yellow-300:focus-within {
+    color: #fcd34d;
+  }
+
+  .lg\:focus-within\:text-yellow-400:focus-within {
+    color: #fbbf24;
+  }
+
+  .lg\:focus-within\:text-yellow-500:focus-within {
+    color: #f59e0b;
+  }
+
+  .lg\:focus-within\:text-yellow-600:focus-within {
+    color: #d97706;
+  }
+
+  .lg\:focus-within\:text-yellow-700:focus-within {
+    color: #b45309;
+  }
+
+  .lg\:focus-within\:text-yellow-800:focus-within {
+    color: #92400e;
+  }
+
+  .lg\:focus-within\:text-yellow-900:focus-within {
+    color: #78350f;
+  }
+
+  .lg\:focus-within\:text-green-50:focus-within {
+    color: #ecfdf5;
+  }
+
+  .lg\:focus-within\:text-green-100:focus-within {
+    color: #d1fae5;
+  }
+
+  .lg\:focus-within\:text-green-200:focus-within {
+    color: #a7f3d0;
+  }
+
+  .lg\:focus-within\:text-green-300:focus-within {
+    color: #6ee7b7;
+  }
+
+  .lg\:focus-within\:text-green-400:focus-within {
+    color: #34d399;
+  }
+
+  .lg\:focus-within\:text-green-500:focus-within {
+    color: #10b981;
+  }
+
+  .lg\:focus-within\:text-green-600:focus-within {
+    color: #059669;
+  }
+
+  .lg\:focus-within\:text-green-700:focus-within {
+    color: #047857;
+  }
+
+  .lg\:focus-within\:text-green-800:focus-within {
+    color: #065f46;
+  }
+
+  .lg\:focus-within\:text-green-900:focus-within {
+    color: #064e3b;
+  }
+
+  .lg\:focus-within\:text-blue-50:focus-within {
+    color: #eff6ff;
+  }
+
+  .lg\:focus-within\:text-blue-100:focus-within {
+    color: #dbeafe;
+  }
+
+  .lg\:focus-within\:text-blue-200:focus-within {
+    color: #bfdbfe;
+  }
+
+  .lg\:focus-within\:text-blue-300:focus-within {
+    color: #93c5fd;
+  }
+
+  .lg\:focus-within\:text-blue-400:focus-within {
+    color: #60a5fa;
+  }
+
+  .lg\:focus-within\:text-blue-500:focus-within {
+    color: #3b82f6;
+  }
+
+  .lg\:focus-within\:text-blue-600:focus-within {
+    color: #2563eb;
+  }
+
+  .lg\:focus-within\:text-blue-700:focus-within {
+    color: #1d4ed8;
+  }
+
+  .lg\:focus-within\:text-blue-800:focus-within {
+    color: #1e40af;
+  }
+
+  .lg\:focus-within\:text-blue-900:focus-within {
+    color: #1e3a8a;
+  }
+
+  .lg\:focus-within\:text-indigo-50:focus-within {
+    color: #eef2ff;
+  }
+
+  .lg\:focus-within\:text-indigo-100:focus-within {
+    color: #e0e7ff;
+  }
+
+  .lg\:focus-within\:text-indigo-200:focus-within {
+    color: #c7d2fe;
+  }
+
+  .lg\:focus-within\:text-indigo-300:focus-within {
+    color: #a5b4fc;
+  }
+
+  .lg\:focus-within\:text-indigo-400:focus-within {
+    color: #818cf8;
+  }
+
+  .lg\:focus-within\:text-indigo-500:focus-within {
+    color: #6366f1;
+  }
+
+  .lg\:focus-within\:text-indigo-600:focus-within {
+    color: #4f46e5;
+  }
+
+  .lg\:focus-within\:text-indigo-700:focus-within {
+    color: #4338ca;
+  }
+
+  .lg\:focus-within\:text-indigo-800:focus-within {
+    color: #3730a3;
+  }
+
+  .lg\:focus-within\:text-indigo-900:focus-within {
+    color: #312e81;
+  }
+
+  .lg\:focus-within\:text-purple-50:focus-within {
+    color: #f5f3ff;
+  }
+
+  .lg\:focus-within\:text-purple-100:focus-within {
+    color: #ede9fe;
+  }
+
+  .lg\:focus-within\:text-purple-200:focus-within {
+    color: #ddd6fe;
+  }
+
+  .lg\:focus-within\:text-purple-300:focus-within {
+    color: #c4b5fd;
+  }
+
+  .lg\:focus-within\:text-purple-400:focus-within {
+    color: #a78bfa;
+  }
+
+  .lg\:focus-within\:text-purple-500:focus-within {
+    color: #8b5cf6;
+  }
+
+  .lg\:focus-within\:text-purple-600:focus-within {
+    color: #7c3aed;
+  }
+
+  .lg\:focus-within\:text-purple-700:focus-within {
+    color: #6d28d9;
+  }
+
+  .lg\:focus-within\:text-purple-800:focus-within {
+    color: #5b21b6;
+  }
+
+  .lg\:focus-within\:text-purple-900:focus-within {
+    color: #4c1d95;
+  }
+
+  .lg\:focus-within\:text-pink-50:focus-within {
+    color: #fdf2f8;
+  }
+
+  .lg\:focus-within\:text-pink-100:focus-within {
+    color: #fce7f3;
+  }
+
+  .lg\:focus-within\:text-pink-200:focus-within {
+    color: #fbcfe8;
+  }
+
+  .lg\:focus-within\:text-pink-300:focus-within {
+    color: #f9a8d4;
+  }
+
+  .lg\:focus-within\:text-pink-400:focus-within {
+    color: #f472b6;
+  }
+
+  .lg\:focus-within\:text-pink-500:focus-within {
+    color: #ec4899;
+  }
+
+  .lg\:focus-within\:text-pink-600:focus-within {
+    color: #db2777;
+  }
+
+  .lg\:focus-within\:text-pink-700:focus-within {
+    color: #be185d;
+  }
+
+  .lg\:focus-within\:text-pink-800:focus-within {
+    color: #9d174d;
+  }
+
+  .lg\:focus-within\:text-pink-900:focus-within {
+    color: #831843;
+  }
+
   .lg\:hover\:text-transparent:hover {
     color: transparent;
   }
@@ -86322,6 +90914,34 @@ video {
     z-index: auto;
   }
 
+  .lg\:focus-within\:z-0:focus-within {
+    z-index: 0;
+  }
+
+  .lg\:focus-within\:z-10:focus-within {
+    z-index: 10;
+  }
+
+  .lg\:focus-within\:z-20:focus-within {
+    z-index: 20;
+  }
+
+  .lg\:focus-within\:z-30:focus-within {
+    z-index: 30;
+  }
+
+  .lg\:focus-within\:z-40:focus-within {
+    z-index: 40;
+  }
+
+  .lg\:focus-within\:z-50:focus-within {
+    z-index: 50;
+  }
+
+  .lg\:focus-within\:z-auto:focus-within {
+    z-index: auto;
+  }
+
   .lg\:focus\:z-0:focus {
     z-index: 0;
   }
@@ -91631,6 +96251,29 @@ video {
     white-space: normal;
   }
 
+  .xl\:focus-within\:sr-only:focus-within {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .xl\:focus-within\:not-sr-only:focus-within {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
   .xl\:focus\:sr-only:focus {
     position: absolute;
     width: 1px;
@@ -92358,6 +97001,342 @@ video {
     background-color: #831843;
   }
 
+  .xl\:focus-within\:bg-transparent:focus-within {
+    background-color: transparent;
+  }
+
+  .xl\:focus-within\:bg-current:focus-within {
+    background-color: currentColor;
+  }
+
+  .xl\:focus-within\:bg-black:focus-within {
+    background-color: #000;
+  }
+
+  .xl\:focus-within\:bg-white:focus-within {
+    background-color: #fff;
+  }
+
+  .xl\:focus-within\:bg-gray-50:focus-within {
+    background-color: #f9fafb;
+  }
+
+  .xl\:focus-within\:bg-gray-100:focus-within {
+    background-color: #f3f4f6;
+  }
+
+  .xl\:focus-within\:bg-gray-200:focus-within {
+    background-color: #e5e7eb;
+  }
+
+  .xl\:focus-within\:bg-gray-300:focus-within {
+    background-color: #d1d5db;
+  }
+
+  .xl\:focus-within\:bg-gray-400:focus-within {
+    background-color: #9ca3af;
+  }
+
+  .xl\:focus-within\:bg-gray-500:focus-within {
+    background-color: #6b7280;
+  }
+
+  .xl\:focus-within\:bg-gray-600:focus-within {
+    background-color: #4b5563;
+  }
+
+  .xl\:focus-within\:bg-gray-700:focus-within {
+    background-color: #374151;
+  }
+
+  .xl\:focus-within\:bg-gray-800:focus-within {
+    background-color: #1f2937;
+  }
+
+  .xl\:focus-within\:bg-gray-900:focus-within {
+    background-color: #111827;
+  }
+
+  .xl\:focus-within\:bg-red-50:focus-within {
+    background-color: #fef2f2;
+  }
+
+  .xl\:focus-within\:bg-red-100:focus-within {
+    background-color: #fee2e2;
+  }
+
+  .xl\:focus-within\:bg-red-200:focus-within {
+    background-color: #fecaca;
+  }
+
+  .xl\:focus-within\:bg-red-300:focus-within {
+    background-color: #fca5a5;
+  }
+
+  .xl\:focus-within\:bg-red-400:focus-within {
+    background-color: #f87171;
+  }
+
+  .xl\:focus-within\:bg-red-500:focus-within {
+    background-color: #ef4444;
+  }
+
+  .xl\:focus-within\:bg-red-600:focus-within {
+    background-color: #dc2626;
+  }
+
+  .xl\:focus-within\:bg-red-700:focus-within {
+    background-color: #b91c1c;
+  }
+
+  .xl\:focus-within\:bg-red-800:focus-within {
+    background-color: #991b1b;
+  }
+
+  .xl\:focus-within\:bg-red-900:focus-within {
+    background-color: #7f1d1d;
+  }
+
+  .xl\:focus-within\:bg-yellow-50:focus-within {
+    background-color: #fffbeb;
+  }
+
+  .xl\:focus-within\:bg-yellow-100:focus-within {
+    background-color: #fef3c7;
+  }
+
+  .xl\:focus-within\:bg-yellow-200:focus-within {
+    background-color: #fde68a;
+  }
+
+  .xl\:focus-within\:bg-yellow-300:focus-within {
+    background-color: #fcd34d;
+  }
+
+  .xl\:focus-within\:bg-yellow-400:focus-within {
+    background-color: #fbbf24;
+  }
+
+  .xl\:focus-within\:bg-yellow-500:focus-within {
+    background-color: #f59e0b;
+  }
+
+  .xl\:focus-within\:bg-yellow-600:focus-within {
+    background-color: #d97706;
+  }
+
+  .xl\:focus-within\:bg-yellow-700:focus-within {
+    background-color: #b45309;
+  }
+
+  .xl\:focus-within\:bg-yellow-800:focus-within {
+    background-color: #92400e;
+  }
+
+  .xl\:focus-within\:bg-yellow-900:focus-within {
+    background-color: #78350f;
+  }
+
+  .xl\:focus-within\:bg-green-50:focus-within {
+    background-color: #ecfdf5;
+  }
+
+  .xl\:focus-within\:bg-green-100:focus-within {
+    background-color: #d1fae5;
+  }
+
+  .xl\:focus-within\:bg-green-200:focus-within {
+    background-color: #a7f3d0;
+  }
+
+  .xl\:focus-within\:bg-green-300:focus-within {
+    background-color: #6ee7b7;
+  }
+
+  .xl\:focus-within\:bg-green-400:focus-within {
+    background-color: #34d399;
+  }
+
+  .xl\:focus-within\:bg-green-500:focus-within {
+    background-color: #10b981;
+  }
+
+  .xl\:focus-within\:bg-green-600:focus-within {
+    background-color: #059669;
+  }
+
+  .xl\:focus-within\:bg-green-700:focus-within {
+    background-color: #047857;
+  }
+
+  .xl\:focus-within\:bg-green-800:focus-within {
+    background-color: #065f46;
+  }
+
+  .xl\:focus-within\:bg-green-900:focus-within {
+    background-color: #064e3b;
+  }
+
+  .xl\:focus-within\:bg-blue-50:focus-within {
+    background-color: #eff6ff;
+  }
+
+  .xl\:focus-within\:bg-blue-100:focus-within {
+    background-color: #dbeafe;
+  }
+
+  .xl\:focus-within\:bg-blue-200:focus-within {
+    background-color: #bfdbfe;
+  }
+
+  .xl\:focus-within\:bg-blue-300:focus-within {
+    background-color: #93c5fd;
+  }
+
+  .xl\:focus-within\:bg-blue-400:focus-within {
+    background-color: #60a5fa;
+  }
+
+  .xl\:focus-within\:bg-blue-500:focus-within {
+    background-color: #3b82f6;
+  }
+
+  .xl\:focus-within\:bg-blue-600:focus-within {
+    background-color: #2563eb;
+  }
+
+  .xl\:focus-within\:bg-blue-700:focus-within {
+    background-color: #1d4ed8;
+  }
+
+  .xl\:focus-within\:bg-blue-800:focus-within {
+    background-color: #1e40af;
+  }
+
+  .xl\:focus-within\:bg-blue-900:focus-within {
+    background-color: #1e3a8a;
+  }
+
+  .xl\:focus-within\:bg-indigo-50:focus-within {
+    background-color: #eef2ff;
+  }
+
+  .xl\:focus-within\:bg-indigo-100:focus-within {
+    background-color: #e0e7ff;
+  }
+
+  .xl\:focus-within\:bg-indigo-200:focus-within {
+    background-color: #c7d2fe;
+  }
+
+  .xl\:focus-within\:bg-indigo-300:focus-within {
+    background-color: #a5b4fc;
+  }
+
+  .xl\:focus-within\:bg-indigo-400:focus-within {
+    background-color: #818cf8;
+  }
+
+  .xl\:focus-within\:bg-indigo-500:focus-within {
+    background-color: #6366f1;
+  }
+
+  .xl\:focus-within\:bg-indigo-600:focus-within {
+    background-color: #4f46e5;
+  }
+
+  .xl\:focus-within\:bg-indigo-700:focus-within {
+    background-color: #4338ca;
+  }
+
+  .xl\:focus-within\:bg-indigo-800:focus-within {
+    background-color: #3730a3;
+  }
+
+  .xl\:focus-within\:bg-indigo-900:focus-within {
+    background-color: #312e81;
+  }
+
+  .xl\:focus-within\:bg-purple-50:focus-within {
+    background-color: #f5f3ff;
+  }
+
+  .xl\:focus-within\:bg-purple-100:focus-within {
+    background-color: #ede9fe;
+  }
+
+  .xl\:focus-within\:bg-purple-200:focus-within {
+    background-color: #ddd6fe;
+  }
+
+  .xl\:focus-within\:bg-purple-300:focus-within {
+    background-color: #c4b5fd;
+  }
+
+  .xl\:focus-within\:bg-purple-400:focus-within {
+    background-color: #a78bfa;
+  }
+
+  .xl\:focus-within\:bg-purple-500:focus-within {
+    background-color: #8b5cf6;
+  }
+
+  .xl\:focus-within\:bg-purple-600:focus-within {
+    background-color: #7c3aed;
+  }
+
+  .xl\:focus-within\:bg-purple-700:focus-within {
+    background-color: #6d28d9;
+  }
+
+  .xl\:focus-within\:bg-purple-800:focus-within {
+    background-color: #5b21b6;
+  }
+
+  .xl\:focus-within\:bg-purple-900:focus-within {
+    background-color: #4c1d95;
+  }
+
+  .xl\:focus-within\:bg-pink-50:focus-within {
+    background-color: #fdf2f8;
+  }
+
+  .xl\:focus-within\:bg-pink-100:focus-within {
+    background-color: #fce7f3;
+  }
+
+  .xl\:focus-within\:bg-pink-200:focus-within {
+    background-color: #fbcfe8;
+  }
+
+  .xl\:focus-within\:bg-pink-300:focus-within {
+    background-color: #f9a8d4;
+  }
+
+  .xl\:focus-within\:bg-pink-400:focus-within {
+    background-color: #f472b6;
+  }
+
+  .xl\:focus-within\:bg-pink-500:focus-within {
+    background-color: #ec4899;
+  }
+
+  .xl\:focus-within\:bg-pink-600:focus-within {
+    background-color: #db2777;
+  }
+
+  .xl\:focus-within\:bg-pink-700:focus-within {
+    background-color: #be185d;
+  }
+
+  .xl\:focus-within\:bg-pink-800:focus-within {
+    background-color: #9d174d;
+  }
+
+  .xl\:focus-within\:bg-pink-900:focus-within {
+    background-color: #831843;
+  }
+
   .xl\:hover\:bg-transparent:hover {
     background-color: transparent;
   }
@@ -97346,6 +102325,342 @@ video {
     border-color: #831843;
   }
 
+  .xl\:focus-within\:border-transparent:focus-within {
+    border-color: transparent;
+  }
+
+  .xl\:focus-within\:border-current:focus-within {
+    border-color: currentColor;
+  }
+
+  .xl\:focus-within\:border-black:focus-within {
+    border-color: #000;
+  }
+
+  .xl\:focus-within\:border-white:focus-within {
+    border-color: #fff;
+  }
+
+  .xl\:focus-within\:border-gray-50:focus-within {
+    border-color: #f9fafb;
+  }
+
+  .xl\:focus-within\:border-gray-100:focus-within {
+    border-color: #f3f4f6;
+  }
+
+  .xl\:focus-within\:border-gray-200:focus-within {
+    border-color: #e5e7eb;
+  }
+
+  .xl\:focus-within\:border-gray-300:focus-within {
+    border-color: #d1d5db;
+  }
+
+  .xl\:focus-within\:border-gray-400:focus-within {
+    border-color: #9ca3af;
+  }
+
+  .xl\:focus-within\:border-gray-500:focus-within {
+    border-color: #6b7280;
+  }
+
+  .xl\:focus-within\:border-gray-600:focus-within {
+    border-color: #4b5563;
+  }
+
+  .xl\:focus-within\:border-gray-700:focus-within {
+    border-color: #374151;
+  }
+
+  .xl\:focus-within\:border-gray-800:focus-within {
+    border-color: #1f2937;
+  }
+
+  .xl\:focus-within\:border-gray-900:focus-within {
+    border-color: #111827;
+  }
+
+  .xl\:focus-within\:border-red-50:focus-within {
+    border-color: #fef2f2;
+  }
+
+  .xl\:focus-within\:border-red-100:focus-within {
+    border-color: #fee2e2;
+  }
+
+  .xl\:focus-within\:border-red-200:focus-within {
+    border-color: #fecaca;
+  }
+
+  .xl\:focus-within\:border-red-300:focus-within {
+    border-color: #fca5a5;
+  }
+
+  .xl\:focus-within\:border-red-400:focus-within {
+    border-color: #f87171;
+  }
+
+  .xl\:focus-within\:border-red-500:focus-within {
+    border-color: #ef4444;
+  }
+
+  .xl\:focus-within\:border-red-600:focus-within {
+    border-color: #dc2626;
+  }
+
+  .xl\:focus-within\:border-red-700:focus-within {
+    border-color: #b91c1c;
+  }
+
+  .xl\:focus-within\:border-red-800:focus-within {
+    border-color: #991b1b;
+  }
+
+  .xl\:focus-within\:border-red-900:focus-within {
+    border-color: #7f1d1d;
+  }
+
+  .xl\:focus-within\:border-yellow-50:focus-within {
+    border-color: #fffbeb;
+  }
+
+  .xl\:focus-within\:border-yellow-100:focus-within {
+    border-color: #fef3c7;
+  }
+
+  .xl\:focus-within\:border-yellow-200:focus-within {
+    border-color: #fde68a;
+  }
+
+  .xl\:focus-within\:border-yellow-300:focus-within {
+    border-color: #fcd34d;
+  }
+
+  .xl\:focus-within\:border-yellow-400:focus-within {
+    border-color: #fbbf24;
+  }
+
+  .xl\:focus-within\:border-yellow-500:focus-within {
+    border-color: #f59e0b;
+  }
+
+  .xl\:focus-within\:border-yellow-600:focus-within {
+    border-color: #d97706;
+  }
+
+  .xl\:focus-within\:border-yellow-700:focus-within {
+    border-color: #b45309;
+  }
+
+  .xl\:focus-within\:border-yellow-800:focus-within {
+    border-color: #92400e;
+  }
+
+  .xl\:focus-within\:border-yellow-900:focus-within {
+    border-color: #78350f;
+  }
+
+  .xl\:focus-within\:border-green-50:focus-within {
+    border-color: #ecfdf5;
+  }
+
+  .xl\:focus-within\:border-green-100:focus-within {
+    border-color: #d1fae5;
+  }
+
+  .xl\:focus-within\:border-green-200:focus-within {
+    border-color: #a7f3d0;
+  }
+
+  .xl\:focus-within\:border-green-300:focus-within {
+    border-color: #6ee7b7;
+  }
+
+  .xl\:focus-within\:border-green-400:focus-within {
+    border-color: #34d399;
+  }
+
+  .xl\:focus-within\:border-green-500:focus-within {
+    border-color: #10b981;
+  }
+
+  .xl\:focus-within\:border-green-600:focus-within {
+    border-color: #059669;
+  }
+
+  .xl\:focus-within\:border-green-700:focus-within {
+    border-color: #047857;
+  }
+
+  .xl\:focus-within\:border-green-800:focus-within {
+    border-color: #065f46;
+  }
+
+  .xl\:focus-within\:border-green-900:focus-within {
+    border-color: #064e3b;
+  }
+
+  .xl\:focus-within\:border-blue-50:focus-within {
+    border-color: #eff6ff;
+  }
+
+  .xl\:focus-within\:border-blue-100:focus-within {
+    border-color: #dbeafe;
+  }
+
+  .xl\:focus-within\:border-blue-200:focus-within {
+    border-color: #bfdbfe;
+  }
+
+  .xl\:focus-within\:border-blue-300:focus-within {
+    border-color: #93c5fd;
+  }
+
+  .xl\:focus-within\:border-blue-400:focus-within {
+    border-color: #60a5fa;
+  }
+
+  .xl\:focus-within\:border-blue-500:focus-within {
+    border-color: #3b82f6;
+  }
+
+  .xl\:focus-within\:border-blue-600:focus-within {
+    border-color: #2563eb;
+  }
+
+  .xl\:focus-within\:border-blue-700:focus-within {
+    border-color: #1d4ed8;
+  }
+
+  .xl\:focus-within\:border-blue-800:focus-within {
+    border-color: #1e40af;
+  }
+
+  .xl\:focus-within\:border-blue-900:focus-within {
+    border-color: #1e3a8a;
+  }
+
+  .xl\:focus-within\:border-indigo-50:focus-within {
+    border-color: #eef2ff;
+  }
+
+  .xl\:focus-within\:border-indigo-100:focus-within {
+    border-color: #e0e7ff;
+  }
+
+  .xl\:focus-within\:border-indigo-200:focus-within {
+    border-color: #c7d2fe;
+  }
+
+  .xl\:focus-within\:border-indigo-300:focus-within {
+    border-color: #a5b4fc;
+  }
+
+  .xl\:focus-within\:border-indigo-400:focus-within {
+    border-color: #818cf8;
+  }
+
+  .xl\:focus-within\:border-indigo-500:focus-within {
+    border-color: #6366f1;
+  }
+
+  .xl\:focus-within\:border-indigo-600:focus-within {
+    border-color: #4f46e5;
+  }
+
+  .xl\:focus-within\:border-indigo-700:focus-within {
+    border-color: #4338ca;
+  }
+
+  .xl\:focus-within\:border-indigo-800:focus-within {
+    border-color: #3730a3;
+  }
+
+  .xl\:focus-within\:border-indigo-900:focus-within {
+    border-color: #312e81;
+  }
+
+  .xl\:focus-within\:border-purple-50:focus-within {
+    border-color: #f5f3ff;
+  }
+
+  .xl\:focus-within\:border-purple-100:focus-within {
+    border-color: #ede9fe;
+  }
+
+  .xl\:focus-within\:border-purple-200:focus-within {
+    border-color: #ddd6fe;
+  }
+
+  .xl\:focus-within\:border-purple-300:focus-within {
+    border-color: #c4b5fd;
+  }
+
+  .xl\:focus-within\:border-purple-400:focus-within {
+    border-color: #a78bfa;
+  }
+
+  .xl\:focus-within\:border-purple-500:focus-within {
+    border-color: #8b5cf6;
+  }
+
+  .xl\:focus-within\:border-purple-600:focus-within {
+    border-color: #7c3aed;
+  }
+
+  .xl\:focus-within\:border-purple-700:focus-within {
+    border-color: #6d28d9;
+  }
+
+  .xl\:focus-within\:border-purple-800:focus-within {
+    border-color: #5b21b6;
+  }
+
+  .xl\:focus-within\:border-purple-900:focus-within {
+    border-color: #4c1d95;
+  }
+
+  .xl\:focus-within\:border-pink-50:focus-within {
+    border-color: #fdf2f8;
+  }
+
+  .xl\:focus-within\:border-pink-100:focus-within {
+    border-color: #fce7f3;
+  }
+
+  .xl\:focus-within\:border-pink-200:focus-within {
+    border-color: #fbcfe8;
+  }
+
+  .xl\:focus-within\:border-pink-300:focus-within {
+    border-color: #f9a8d4;
+  }
+
+  .xl\:focus-within\:border-pink-400:focus-within {
+    border-color: #f472b6;
+  }
+
+  .xl\:focus-within\:border-pink-500:focus-within {
+    border-color: #ec4899;
+  }
+
+  .xl\:focus-within\:border-pink-600:focus-within {
+    border-color: #db2777;
+  }
+
+  .xl\:focus-within\:border-pink-700:focus-within {
+    border-color: #be185d;
+  }
+
+  .xl\:focus-within\:border-pink-800:focus-within {
+    border-color: #9d174d;
+  }
+
+  .xl\:focus-within\:border-pink-900:focus-within {
+    border-color: #831843;
+  }
+
   .xl\:hover\:border-transparent:hover {
     border-color: transparent;
   }
@@ -101957,6 +107272,58 @@ video {
     opacity: 1;
   }
 
+  .xl\:focus-within\:opacity-0:focus-within {
+    opacity: 0;
+  }
+
+  .xl\:focus-within\:opacity-10:focus-within {
+    opacity: 0.1;
+  }
+
+  .xl\:focus-within\:opacity-20:focus-within {
+    opacity: 0.2;
+  }
+
+  .xl\:focus-within\:opacity-25:focus-within {
+    opacity: 0.25;
+  }
+
+  .xl\:focus-within\:opacity-30:focus-within {
+    opacity: 0.3;
+  }
+
+  .xl\:focus-within\:opacity-40:focus-within {
+    opacity: 0.4;
+  }
+
+  .xl\:focus-within\:opacity-50:focus-within {
+    opacity: 0.5;
+  }
+
+  .xl\:focus-within\:opacity-60:focus-within {
+    opacity: 0.6;
+  }
+
+  .xl\:focus-within\:opacity-70:focus-within {
+    opacity: 0.7;
+  }
+
+  .xl\:focus-within\:opacity-75:focus-within {
+    opacity: 0.75;
+  }
+
+  .xl\:focus-within\:opacity-80:focus-within {
+    opacity: 0.8;
+  }
+
+  .xl\:focus-within\:opacity-90:focus-within {
+    opacity: 0.9;
+  }
+
+  .xl\:focus-within\:opacity-100:focus-within {
+    opacity: 1;
+  }
+
   .xl\:hover\:opacity-0:hover {
     opacity: 0;
   }
@@ -106757,6 +112124,50 @@ video {
     box-shadow: none;
   }
 
+  .xl\:focus-within\:shadow-xs:focus-within {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .xl\:focus-within\:shadow-sm:focus-within {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .xl\:focus-within\:shadow:focus-within {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .xl\:focus-within\:shadow-md:focus-within {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .xl\:focus-within\:shadow-lg:focus-within {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .xl\:focus-within\:shadow-xl:focus-within {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .xl\:focus-within\:shadow-2xl:focus-within {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .xl\:focus-within\:shadow-inner:focus-within {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .xl\:focus-within\:shadow-outline:focus-within {
+    box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
+  }
+
+  .xl\:focus-within\:shadow-solid:focus-within {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .xl\:focus-within\:shadow-none:focus-within {
+    box-shadow: none;
+  }
+
   .xl\:hover\:shadow-xs:hover {
     box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
   }
@@ -107561,6 +112972,342 @@ video {
     color: #831843;
   }
 
+  .xl\:focus-within\:text-transparent:focus-within {
+    color: transparent;
+  }
+
+  .xl\:focus-within\:text-current:focus-within {
+    color: currentColor;
+  }
+
+  .xl\:focus-within\:text-black:focus-within {
+    color: #000;
+  }
+
+  .xl\:focus-within\:text-white:focus-within {
+    color: #fff;
+  }
+
+  .xl\:focus-within\:text-gray-50:focus-within {
+    color: #f9fafb;
+  }
+
+  .xl\:focus-within\:text-gray-100:focus-within {
+    color: #f3f4f6;
+  }
+
+  .xl\:focus-within\:text-gray-200:focus-within {
+    color: #e5e7eb;
+  }
+
+  .xl\:focus-within\:text-gray-300:focus-within {
+    color: #d1d5db;
+  }
+
+  .xl\:focus-within\:text-gray-400:focus-within {
+    color: #9ca3af;
+  }
+
+  .xl\:focus-within\:text-gray-500:focus-within {
+    color: #6b7280;
+  }
+
+  .xl\:focus-within\:text-gray-600:focus-within {
+    color: #4b5563;
+  }
+
+  .xl\:focus-within\:text-gray-700:focus-within {
+    color: #374151;
+  }
+
+  .xl\:focus-within\:text-gray-800:focus-within {
+    color: #1f2937;
+  }
+
+  .xl\:focus-within\:text-gray-900:focus-within {
+    color: #111827;
+  }
+
+  .xl\:focus-within\:text-red-50:focus-within {
+    color: #fef2f2;
+  }
+
+  .xl\:focus-within\:text-red-100:focus-within {
+    color: #fee2e2;
+  }
+
+  .xl\:focus-within\:text-red-200:focus-within {
+    color: #fecaca;
+  }
+
+  .xl\:focus-within\:text-red-300:focus-within {
+    color: #fca5a5;
+  }
+
+  .xl\:focus-within\:text-red-400:focus-within {
+    color: #f87171;
+  }
+
+  .xl\:focus-within\:text-red-500:focus-within {
+    color: #ef4444;
+  }
+
+  .xl\:focus-within\:text-red-600:focus-within {
+    color: #dc2626;
+  }
+
+  .xl\:focus-within\:text-red-700:focus-within {
+    color: #b91c1c;
+  }
+
+  .xl\:focus-within\:text-red-800:focus-within {
+    color: #991b1b;
+  }
+
+  .xl\:focus-within\:text-red-900:focus-within {
+    color: #7f1d1d;
+  }
+
+  .xl\:focus-within\:text-yellow-50:focus-within {
+    color: #fffbeb;
+  }
+
+  .xl\:focus-within\:text-yellow-100:focus-within {
+    color: #fef3c7;
+  }
+
+  .xl\:focus-within\:text-yellow-200:focus-within {
+    color: #fde68a;
+  }
+
+  .xl\:focus-within\:text-yellow-300:focus-within {
+    color: #fcd34d;
+  }
+
+  .xl\:focus-within\:text-yellow-400:focus-within {
+    color: #fbbf24;
+  }
+
+  .xl\:focus-within\:text-yellow-500:focus-within {
+    color: #f59e0b;
+  }
+
+  .xl\:focus-within\:text-yellow-600:focus-within {
+    color: #d97706;
+  }
+
+  .xl\:focus-within\:text-yellow-700:focus-within {
+    color: #b45309;
+  }
+
+  .xl\:focus-within\:text-yellow-800:focus-within {
+    color: #92400e;
+  }
+
+  .xl\:focus-within\:text-yellow-900:focus-within {
+    color: #78350f;
+  }
+
+  .xl\:focus-within\:text-green-50:focus-within {
+    color: #ecfdf5;
+  }
+
+  .xl\:focus-within\:text-green-100:focus-within {
+    color: #d1fae5;
+  }
+
+  .xl\:focus-within\:text-green-200:focus-within {
+    color: #a7f3d0;
+  }
+
+  .xl\:focus-within\:text-green-300:focus-within {
+    color: #6ee7b7;
+  }
+
+  .xl\:focus-within\:text-green-400:focus-within {
+    color: #34d399;
+  }
+
+  .xl\:focus-within\:text-green-500:focus-within {
+    color: #10b981;
+  }
+
+  .xl\:focus-within\:text-green-600:focus-within {
+    color: #059669;
+  }
+
+  .xl\:focus-within\:text-green-700:focus-within {
+    color: #047857;
+  }
+
+  .xl\:focus-within\:text-green-800:focus-within {
+    color: #065f46;
+  }
+
+  .xl\:focus-within\:text-green-900:focus-within {
+    color: #064e3b;
+  }
+
+  .xl\:focus-within\:text-blue-50:focus-within {
+    color: #eff6ff;
+  }
+
+  .xl\:focus-within\:text-blue-100:focus-within {
+    color: #dbeafe;
+  }
+
+  .xl\:focus-within\:text-blue-200:focus-within {
+    color: #bfdbfe;
+  }
+
+  .xl\:focus-within\:text-blue-300:focus-within {
+    color: #93c5fd;
+  }
+
+  .xl\:focus-within\:text-blue-400:focus-within {
+    color: #60a5fa;
+  }
+
+  .xl\:focus-within\:text-blue-500:focus-within {
+    color: #3b82f6;
+  }
+
+  .xl\:focus-within\:text-blue-600:focus-within {
+    color: #2563eb;
+  }
+
+  .xl\:focus-within\:text-blue-700:focus-within {
+    color: #1d4ed8;
+  }
+
+  .xl\:focus-within\:text-blue-800:focus-within {
+    color: #1e40af;
+  }
+
+  .xl\:focus-within\:text-blue-900:focus-within {
+    color: #1e3a8a;
+  }
+
+  .xl\:focus-within\:text-indigo-50:focus-within {
+    color: #eef2ff;
+  }
+
+  .xl\:focus-within\:text-indigo-100:focus-within {
+    color: #e0e7ff;
+  }
+
+  .xl\:focus-within\:text-indigo-200:focus-within {
+    color: #c7d2fe;
+  }
+
+  .xl\:focus-within\:text-indigo-300:focus-within {
+    color: #a5b4fc;
+  }
+
+  .xl\:focus-within\:text-indigo-400:focus-within {
+    color: #818cf8;
+  }
+
+  .xl\:focus-within\:text-indigo-500:focus-within {
+    color: #6366f1;
+  }
+
+  .xl\:focus-within\:text-indigo-600:focus-within {
+    color: #4f46e5;
+  }
+
+  .xl\:focus-within\:text-indigo-700:focus-within {
+    color: #4338ca;
+  }
+
+  .xl\:focus-within\:text-indigo-800:focus-within {
+    color: #3730a3;
+  }
+
+  .xl\:focus-within\:text-indigo-900:focus-within {
+    color: #312e81;
+  }
+
+  .xl\:focus-within\:text-purple-50:focus-within {
+    color: #f5f3ff;
+  }
+
+  .xl\:focus-within\:text-purple-100:focus-within {
+    color: #ede9fe;
+  }
+
+  .xl\:focus-within\:text-purple-200:focus-within {
+    color: #ddd6fe;
+  }
+
+  .xl\:focus-within\:text-purple-300:focus-within {
+    color: #c4b5fd;
+  }
+
+  .xl\:focus-within\:text-purple-400:focus-within {
+    color: #a78bfa;
+  }
+
+  .xl\:focus-within\:text-purple-500:focus-within {
+    color: #8b5cf6;
+  }
+
+  .xl\:focus-within\:text-purple-600:focus-within {
+    color: #7c3aed;
+  }
+
+  .xl\:focus-within\:text-purple-700:focus-within {
+    color: #6d28d9;
+  }
+
+  .xl\:focus-within\:text-purple-800:focus-within {
+    color: #5b21b6;
+  }
+
+  .xl\:focus-within\:text-purple-900:focus-within {
+    color: #4c1d95;
+  }
+
+  .xl\:focus-within\:text-pink-50:focus-within {
+    color: #fdf2f8;
+  }
+
+  .xl\:focus-within\:text-pink-100:focus-within {
+    color: #fce7f3;
+  }
+
+  .xl\:focus-within\:text-pink-200:focus-within {
+    color: #fbcfe8;
+  }
+
+  .xl\:focus-within\:text-pink-300:focus-within {
+    color: #f9a8d4;
+  }
+
+  .xl\:focus-within\:text-pink-400:focus-within {
+    color: #f472b6;
+  }
+
+  .xl\:focus-within\:text-pink-500:focus-within {
+    color: #ec4899;
+  }
+
+  .xl\:focus-within\:text-pink-600:focus-within {
+    color: #db2777;
+  }
+
+  .xl\:focus-within\:text-pink-700:focus-within {
+    color: #be185d;
+  }
+
+  .xl\:focus-within\:text-pink-800:focus-within {
+    color: #9d174d;
+  }
+
+  .xl\:focus-within\:text-pink-900:focus-within {
+    color: #831843;
+  }
+
   .xl\:hover\:text-transparent:hover {
     color: transparent;
   }
@@ -108759,6 +114506,34 @@ video {
     z-index: auto;
   }
 
+  .xl\:focus-within\:z-0:focus-within {
+    z-index: 0;
+  }
+
+  .xl\:focus-within\:z-10:focus-within {
+    z-index: 10;
+  }
+
+  .xl\:focus-within\:z-20:focus-within {
+    z-index: 20;
+  }
+
+  .xl\:focus-within\:z-30:focus-within {
+    z-index: 30;
+  }
+
+  .xl\:focus-within\:z-40:focus-within {
+    z-index: 40;
+  }
+
+  .xl\:focus-within\:z-50:focus-within {
+    z-index: 50;
+  }
+
+  .xl\:focus-within\:z-auto:focus-within {
+    z-index: auto;
+  }
+
   .xl\:focus\:z-0:focus {
     z-index: 0;
   }
@@ -114068,6 +119843,29 @@ video {
     white-space: normal;
   }
 
+  .\32xl\:focus-within\:sr-only:focus-within {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .\32xl\:focus-within\:not-sr-only:focus-within {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
   .\32xl\:focus\:sr-only:focus {
     position: absolute;
     width: 1px;
@@ -114795,6 +120593,342 @@ video {
     background-color: #831843;
   }
 
+  .\32xl\:focus-within\:bg-transparent:focus-within {
+    background-color: transparent;
+  }
+
+  .\32xl\:focus-within\:bg-current:focus-within {
+    background-color: currentColor;
+  }
+
+  .\32xl\:focus-within\:bg-black:focus-within {
+    background-color: #000;
+  }
+
+  .\32xl\:focus-within\:bg-white:focus-within {
+    background-color: #fff;
+  }
+
+  .\32xl\:focus-within\:bg-gray-50:focus-within {
+    background-color: #f9fafb;
+  }
+
+  .\32xl\:focus-within\:bg-gray-100:focus-within {
+    background-color: #f3f4f6;
+  }
+
+  .\32xl\:focus-within\:bg-gray-200:focus-within {
+    background-color: #e5e7eb;
+  }
+
+  .\32xl\:focus-within\:bg-gray-300:focus-within {
+    background-color: #d1d5db;
+  }
+
+  .\32xl\:focus-within\:bg-gray-400:focus-within {
+    background-color: #9ca3af;
+  }
+
+  .\32xl\:focus-within\:bg-gray-500:focus-within {
+    background-color: #6b7280;
+  }
+
+  .\32xl\:focus-within\:bg-gray-600:focus-within {
+    background-color: #4b5563;
+  }
+
+  .\32xl\:focus-within\:bg-gray-700:focus-within {
+    background-color: #374151;
+  }
+
+  .\32xl\:focus-within\:bg-gray-800:focus-within {
+    background-color: #1f2937;
+  }
+
+  .\32xl\:focus-within\:bg-gray-900:focus-within {
+    background-color: #111827;
+  }
+
+  .\32xl\:focus-within\:bg-red-50:focus-within {
+    background-color: #fef2f2;
+  }
+
+  .\32xl\:focus-within\:bg-red-100:focus-within {
+    background-color: #fee2e2;
+  }
+
+  .\32xl\:focus-within\:bg-red-200:focus-within {
+    background-color: #fecaca;
+  }
+
+  .\32xl\:focus-within\:bg-red-300:focus-within {
+    background-color: #fca5a5;
+  }
+
+  .\32xl\:focus-within\:bg-red-400:focus-within {
+    background-color: #f87171;
+  }
+
+  .\32xl\:focus-within\:bg-red-500:focus-within {
+    background-color: #ef4444;
+  }
+
+  .\32xl\:focus-within\:bg-red-600:focus-within {
+    background-color: #dc2626;
+  }
+
+  .\32xl\:focus-within\:bg-red-700:focus-within {
+    background-color: #b91c1c;
+  }
+
+  .\32xl\:focus-within\:bg-red-800:focus-within {
+    background-color: #991b1b;
+  }
+
+  .\32xl\:focus-within\:bg-red-900:focus-within {
+    background-color: #7f1d1d;
+  }
+
+  .\32xl\:focus-within\:bg-yellow-50:focus-within {
+    background-color: #fffbeb;
+  }
+
+  .\32xl\:focus-within\:bg-yellow-100:focus-within {
+    background-color: #fef3c7;
+  }
+
+  .\32xl\:focus-within\:bg-yellow-200:focus-within {
+    background-color: #fde68a;
+  }
+
+  .\32xl\:focus-within\:bg-yellow-300:focus-within {
+    background-color: #fcd34d;
+  }
+
+  .\32xl\:focus-within\:bg-yellow-400:focus-within {
+    background-color: #fbbf24;
+  }
+
+  .\32xl\:focus-within\:bg-yellow-500:focus-within {
+    background-color: #f59e0b;
+  }
+
+  .\32xl\:focus-within\:bg-yellow-600:focus-within {
+    background-color: #d97706;
+  }
+
+  .\32xl\:focus-within\:bg-yellow-700:focus-within {
+    background-color: #b45309;
+  }
+
+  .\32xl\:focus-within\:bg-yellow-800:focus-within {
+    background-color: #92400e;
+  }
+
+  .\32xl\:focus-within\:bg-yellow-900:focus-within {
+    background-color: #78350f;
+  }
+
+  .\32xl\:focus-within\:bg-green-50:focus-within {
+    background-color: #ecfdf5;
+  }
+
+  .\32xl\:focus-within\:bg-green-100:focus-within {
+    background-color: #d1fae5;
+  }
+
+  .\32xl\:focus-within\:bg-green-200:focus-within {
+    background-color: #a7f3d0;
+  }
+
+  .\32xl\:focus-within\:bg-green-300:focus-within {
+    background-color: #6ee7b7;
+  }
+
+  .\32xl\:focus-within\:bg-green-400:focus-within {
+    background-color: #34d399;
+  }
+
+  .\32xl\:focus-within\:bg-green-500:focus-within {
+    background-color: #10b981;
+  }
+
+  .\32xl\:focus-within\:bg-green-600:focus-within {
+    background-color: #059669;
+  }
+
+  .\32xl\:focus-within\:bg-green-700:focus-within {
+    background-color: #047857;
+  }
+
+  .\32xl\:focus-within\:bg-green-800:focus-within {
+    background-color: #065f46;
+  }
+
+  .\32xl\:focus-within\:bg-green-900:focus-within {
+    background-color: #064e3b;
+  }
+
+  .\32xl\:focus-within\:bg-blue-50:focus-within {
+    background-color: #eff6ff;
+  }
+
+  .\32xl\:focus-within\:bg-blue-100:focus-within {
+    background-color: #dbeafe;
+  }
+
+  .\32xl\:focus-within\:bg-blue-200:focus-within {
+    background-color: #bfdbfe;
+  }
+
+  .\32xl\:focus-within\:bg-blue-300:focus-within {
+    background-color: #93c5fd;
+  }
+
+  .\32xl\:focus-within\:bg-blue-400:focus-within {
+    background-color: #60a5fa;
+  }
+
+  .\32xl\:focus-within\:bg-blue-500:focus-within {
+    background-color: #3b82f6;
+  }
+
+  .\32xl\:focus-within\:bg-blue-600:focus-within {
+    background-color: #2563eb;
+  }
+
+  .\32xl\:focus-within\:bg-blue-700:focus-within {
+    background-color: #1d4ed8;
+  }
+
+  .\32xl\:focus-within\:bg-blue-800:focus-within {
+    background-color: #1e40af;
+  }
+
+  .\32xl\:focus-within\:bg-blue-900:focus-within {
+    background-color: #1e3a8a;
+  }
+
+  .\32xl\:focus-within\:bg-indigo-50:focus-within {
+    background-color: #eef2ff;
+  }
+
+  .\32xl\:focus-within\:bg-indigo-100:focus-within {
+    background-color: #e0e7ff;
+  }
+
+  .\32xl\:focus-within\:bg-indigo-200:focus-within {
+    background-color: #c7d2fe;
+  }
+
+  .\32xl\:focus-within\:bg-indigo-300:focus-within {
+    background-color: #a5b4fc;
+  }
+
+  .\32xl\:focus-within\:bg-indigo-400:focus-within {
+    background-color: #818cf8;
+  }
+
+  .\32xl\:focus-within\:bg-indigo-500:focus-within {
+    background-color: #6366f1;
+  }
+
+  .\32xl\:focus-within\:bg-indigo-600:focus-within {
+    background-color: #4f46e5;
+  }
+
+  .\32xl\:focus-within\:bg-indigo-700:focus-within {
+    background-color: #4338ca;
+  }
+
+  .\32xl\:focus-within\:bg-indigo-800:focus-within {
+    background-color: #3730a3;
+  }
+
+  .\32xl\:focus-within\:bg-indigo-900:focus-within {
+    background-color: #312e81;
+  }
+
+  .\32xl\:focus-within\:bg-purple-50:focus-within {
+    background-color: #f5f3ff;
+  }
+
+  .\32xl\:focus-within\:bg-purple-100:focus-within {
+    background-color: #ede9fe;
+  }
+
+  .\32xl\:focus-within\:bg-purple-200:focus-within {
+    background-color: #ddd6fe;
+  }
+
+  .\32xl\:focus-within\:bg-purple-300:focus-within {
+    background-color: #c4b5fd;
+  }
+
+  .\32xl\:focus-within\:bg-purple-400:focus-within {
+    background-color: #a78bfa;
+  }
+
+  .\32xl\:focus-within\:bg-purple-500:focus-within {
+    background-color: #8b5cf6;
+  }
+
+  .\32xl\:focus-within\:bg-purple-600:focus-within {
+    background-color: #7c3aed;
+  }
+
+  .\32xl\:focus-within\:bg-purple-700:focus-within {
+    background-color: #6d28d9;
+  }
+
+  .\32xl\:focus-within\:bg-purple-800:focus-within {
+    background-color: #5b21b6;
+  }
+
+  .\32xl\:focus-within\:bg-purple-900:focus-within {
+    background-color: #4c1d95;
+  }
+
+  .\32xl\:focus-within\:bg-pink-50:focus-within {
+    background-color: #fdf2f8;
+  }
+
+  .\32xl\:focus-within\:bg-pink-100:focus-within {
+    background-color: #fce7f3;
+  }
+
+  .\32xl\:focus-within\:bg-pink-200:focus-within {
+    background-color: #fbcfe8;
+  }
+
+  .\32xl\:focus-within\:bg-pink-300:focus-within {
+    background-color: #f9a8d4;
+  }
+
+  .\32xl\:focus-within\:bg-pink-400:focus-within {
+    background-color: #f472b6;
+  }
+
+  .\32xl\:focus-within\:bg-pink-500:focus-within {
+    background-color: #ec4899;
+  }
+
+  .\32xl\:focus-within\:bg-pink-600:focus-within {
+    background-color: #db2777;
+  }
+
+  .\32xl\:focus-within\:bg-pink-700:focus-within {
+    background-color: #be185d;
+  }
+
+  .\32xl\:focus-within\:bg-pink-800:focus-within {
+    background-color: #9d174d;
+  }
+
+  .\32xl\:focus-within\:bg-pink-900:focus-within {
+    background-color: #831843;
+  }
+
   .\32xl\:hover\:bg-transparent:hover {
     background-color: transparent;
   }
@@ -119783,6 +125917,342 @@ video {
     border-color: #831843;
   }
 
+  .\32xl\:focus-within\:border-transparent:focus-within {
+    border-color: transparent;
+  }
+
+  .\32xl\:focus-within\:border-current:focus-within {
+    border-color: currentColor;
+  }
+
+  .\32xl\:focus-within\:border-black:focus-within {
+    border-color: #000;
+  }
+
+  .\32xl\:focus-within\:border-white:focus-within {
+    border-color: #fff;
+  }
+
+  .\32xl\:focus-within\:border-gray-50:focus-within {
+    border-color: #f9fafb;
+  }
+
+  .\32xl\:focus-within\:border-gray-100:focus-within {
+    border-color: #f3f4f6;
+  }
+
+  .\32xl\:focus-within\:border-gray-200:focus-within {
+    border-color: #e5e7eb;
+  }
+
+  .\32xl\:focus-within\:border-gray-300:focus-within {
+    border-color: #d1d5db;
+  }
+
+  .\32xl\:focus-within\:border-gray-400:focus-within {
+    border-color: #9ca3af;
+  }
+
+  .\32xl\:focus-within\:border-gray-500:focus-within {
+    border-color: #6b7280;
+  }
+
+  .\32xl\:focus-within\:border-gray-600:focus-within {
+    border-color: #4b5563;
+  }
+
+  .\32xl\:focus-within\:border-gray-700:focus-within {
+    border-color: #374151;
+  }
+
+  .\32xl\:focus-within\:border-gray-800:focus-within {
+    border-color: #1f2937;
+  }
+
+  .\32xl\:focus-within\:border-gray-900:focus-within {
+    border-color: #111827;
+  }
+
+  .\32xl\:focus-within\:border-red-50:focus-within {
+    border-color: #fef2f2;
+  }
+
+  .\32xl\:focus-within\:border-red-100:focus-within {
+    border-color: #fee2e2;
+  }
+
+  .\32xl\:focus-within\:border-red-200:focus-within {
+    border-color: #fecaca;
+  }
+
+  .\32xl\:focus-within\:border-red-300:focus-within {
+    border-color: #fca5a5;
+  }
+
+  .\32xl\:focus-within\:border-red-400:focus-within {
+    border-color: #f87171;
+  }
+
+  .\32xl\:focus-within\:border-red-500:focus-within {
+    border-color: #ef4444;
+  }
+
+  .\32xl\:focus-within\:border-red-600:focus-within {
+    border-color: #dc2626;
+  }
+
+  .\32xl\:focus-within\:border-red-700:focus-within {
+    border-color: #b91c1c;
+  }
+
+  .\32xl\:focus-within\:border-red-800:focus-within {
+    border-color: #991b1b;
+  }
+
+  .\32xl\:focus-within\:border-red-900:focus-within {
+    border-color: #7f1d1d;
+  }
+
+  .\32xl\:focus-within\:border-yellow-50:focus-within {
+    border-color: #fffbeb;
+  }
+
+  .\32xl\:focus-within\:border-yellow-100:focus-within {
+    border-color: #fef3c7;
+  }
+
+  .\32xl\:focus-within\:border-yellow-200:focus-within {
+    border-color: #fde68a;
+  }
+
+  .\32xl\:focus-within\:border-yellow-300:focus-within {
+    border-color: #fcd34d;
+  }
+
+  .\32xl\:focus-within\:border-yellow-400:focus-within {
+    border-color: #fbbf24;
+  }
+
+  .\32xl\:focus-within\:border-yellow-500:focus-within {
+    border-color: #f59e0b;
+  }
+
+  .\32xl\:focus-within\:border-yellow-600:focus-within {
+    border-color: #d97706;
+  }
+
+  .\32xl\:focus-within\:border-yellow-700:focus-within {
+    border-color: #b45309;
+  }
+
+  .\32xl\:focus-within\:border-yellow-800:focus-within {
+    border-color: #92400e;
+  }
+
+  .\32xl\:focus-within\:border-yellow-900:focus-within {
+    border-color: #78350f;
+  }
+
+  .\32xl\:focus-within\:border-green-50:focus-within {
+    border-color: #ecfdf5;
+  }
+
+  .\32xl\:focus-within\:border-green-100:focus-within {
+    border-color: #d1fae5;
+  }
+
+  .\32xl\:focus-within\:border-green-200:focus-within {
+    border-color: #a7f3d0;
+  }
+
+  .\32xl\:focus-within\:border-green-300:focus-within {
+    border-color: #6ee7b7;
+  }
+
+  .\32xl\:focus-within\:border-green-400:focus-within {
+    border-color: #34d399;
+  }
+
+  .\32xl\:focus-within\:border-green-500:focus-within {
+    border-color: #10b981;
+  }
+
+  .\32xl\:focus-within\:border-green-600:focus-within {
+    border-color: #059669;
+  }
+
+  .\32xl\:focus-within\:border-green-700:focus-within {
+    border-color: #047857;
+  }
+
+  .\32xl\:focus-within\:border-green-800:focus-within {
+    border-color: #065f46;
+  }
+
+  .\32xl\:focus-within\:border-green-900:focus-within {
+    border-color: #064e3b;
+  }
+
+  .\32xl\:focus-within\:border-blue-50:focus-within {
+    border-color: #eff6ff;
+  }
+
+  .\32xl\:focus-within\:border-blue-100:focus-within {
+    border-color: #dbeafe;
+  }
+
+  .\32xl\:focus-within\:border-blue-200:focus-within {
+    border-color: #bfdbfe;
+  }
+
+  .\32xl\:focus-within\:border-blue-300:focus-within {
+    border-color: #93c5fd;
+  }
+
+  .\32xl\:focus-within\:border-blue-400:focus-within {
+    border-color: #60a5fa;
+  }
+
+  .\32xl\:focus-within\:border-blue-500:focus-within {
+    border-color: #3b82f6;
+  }
+
+  .\32xl\:focus-within\:border-blue-600:focus-within {
+    border-color: #2563eb;
+  }
+
+  .\32xl\:focus-within\:border-blue-700:focus-within {
+    border-color: #1d4ed8;
+  }
+
+  .\32xl\:focus-within\:border-blue-800:focus-within {
+    border-color: #1e40af;
+  }
+
+  .\32xl\:focus-within\:border-blue-900:focus-within {
+    border-color: #1e3a8a;
+  }
+
+  .\32xl\:focus-within\:border-indigo-50:focus-within {
+    border-color: #eef2ff;
+  }
+
+  .\32xl\:focus-within\:border-indigo-100:focus-within {
+    border-color: #e0e7ff;
+  }
+
+  .\32xl\:focus-within\:border-indigo-200:focus-within {
+    border-color: #c7d2fe;
+  }
+
+  .\32xl\:focus-within\:border-indigo-300:focus-within {
+    border-color: #a5b4fc;
+  }
+
+  .\32xl\:focus-within\:border-indigo-400:focus-within {
+    border-color: #818cf8;
+  }
+
+  .\32xl\:focus-within\:border-indigo-500:focus-within {
+    border-color: #6366f1;
+  }
+
+  .\32xl\:focus-within\:border-indigo-600:focus-within {
+    border-color: #4f46e5;
+  }
+
+  .\32xl\:focus-within\:border-indigo-700:focus-within {
+    border-color: #4338ca;
+  }
+
+  .\32xl\:focus-within\:border-indigo-800:focus-within {
+    border-color: #3730a3;
+  }
+
+  .\32xl\:focus-within\:border-indigo-900:focus-within {
+    border-color: #312e81;
+  }
+
+  .\32xl\:focus-within\:border-purple-50:focus-within {
+    border-color: #f5f3ff;
+  }
+
+  .\32xl\:focus-within\:border-purple-100:focus-within {
+    border-color: #ede9fe;
+  }
+
+  .\32xl\:focus-within\:border-purple-200:focus-within {
+    border-color: #ddd6fe;
+  }
+
+  .\32xl\:focus-within\:border-purple-300:focus-within {
+    border-color: #c4b5fd;
+  }
+
+  .\32xl\:focus-within\:border-purple-400:focus-within {
+    border-color: #a78bfa;
+  }
+
+  .\32xl\:focus-within\:border-purple-500:focus-within {
+    border-color: #8b5cf6;
+  }
+
+  .\32xl\:focus-within\:border-purple-600:focus-within {
+    border-color: #7c3aed;
+  }
+
+  .\32xl\:focus-within\:border-purple-700:focus-within {
+    border-color: #6d28d9;
+  }
+
+  .\32xl\:focus-within\:border-purple-800:focus-within {
+    border-color: #5b21b6;
+  }
+
+  .\32xl\:focus-within\:border-purple-900:focus-within {
+    border-color: #4c1d95;
+  }
+
+  .\32xl\:focus-within\:border-pink-50:focus-within {
+    border-color: #fdf2f8;
+  }
+
+  .\32xl\:focus-within\:border-pink-100:focus-within {
+    border-color: #fce7f3;
+  }
+
+  .\32xl\:focus-within\:border-pink-200:focus-within {
+    border-color: #fbcfe8;
+  }
+
+  .\32xl\:focus-within\:border-pink-300:focus-within {
+    border-color: #f9a8d4;
+  }
+
+  .\32xl\:focus-within\:border-pink-400:focus-within {
+    border-color: #f472b6;
+  }
+
+  .\32xl\:focus-within\:border-pink-500:focus-within {
+    border-color: #ec4899;
+  }
+
+  .\32xl\:focus-within\:border-pink-600:focus-within {
+    border-color: #db2777;
+  }
+
+  .\32xl\:focus-within\:border-pink-700:focus-within {
+    border-color: #be185d;
+  }
+
+  .\32xl\:focus-within\:border-pink-800:focus-within {
+    border-color: #9d174d;
+  }
+
+  .\32xl\:focus-within\:border-pink-900:focus-within {
+    border-color: #831843;
+  }
+
   .\32xl\:hover\:border-transparent:hover {
     border-color: transparent;
   }
@@ -124394,6 +130864,58 @@ video {
     opacity: 1;
   }
 
+  .\32xl\:focus-within\:opacity-0:focus-within {
+    opacity: 0;
+  }
+
+  .\32xl\:focus-within\:opacity-10:focus-within {
+    opacity: 0.1;
+  }
+
+  .\32xl\:focus-within\:opacity-20:focus-within {
+    opacity: 0.2;
+  }
+
+  .\32xl\:focus-within\:opacity-25:focus-within {
+    opacity: 0.25;
+  }
+
+  .\32xl\:focus-within\:opacity-30:focus-within {
+    opacity: 0.3;
+  }
+
+  .\32xl\:focus-within\:opacity-40:focus-within {
+    opacity: 0.4;
+  }
+
+  .\32xl\:focus-within\:opacity-50:focus-within {
+    opacity: 0.5;
+  }
+
+  .\32xl\:focus-within\:opacity-60:focus-within {
+    opacity: 0.6;
+  }
+
+  .\32xl\:focus-within\:opacity-70:focus-within {
+    opacity: 0.7;
+  }
+
+  .\32xl\:focus-within\:opacity-75:focus-within {
+    opacity: 0.75;
+  }
+
+  .\32xl\:focus-within\:opacity-80:focus-within {
+    opacity: 0.8;
+  }
+
+  .\32xl\:focus-within\:opacity-90:focus-within {
+    opacity: 0.9;
+  }
+
+  .\32xl\:focus-within\:opacity-100:focus-within {
+    opacity: 1;
+  }
+
   .\32xl\:hover\:opacity-0:hover {
     opacity: 0;
   }
@@ -129194,6 +135716,50 @@ video {
     box-shadow: none;
   }
 
+  .\32xl\:focus-within\:shadow-xs:focus-within {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .\32xl\:focus-within\:shadow-sm:focus-within {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .\32xl\:focus-within\:shadow:focus-within {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .\32xl\:focus-within\:shadow-md:focus-within {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .\32xl\:focus-within\:shadow-lg:focus-within {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .\32xl\:focus-within\:shadow-xl:focus-within {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .\32xl\:focus-within\:shadow-2xl:focus-within {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .\32xl\:focus-within\:shadow-inner:focus-within {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .\32xl\:focus-within\:shadow-outline:focus-within {
+    box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
+  }
+
+  .\32xl\:focus-within\:shadow-solid:focus-within {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .\32xl\:focus-within\:shadow-none:focus-within {
+    box-shadow: none;
+  }
+
   .\32xl\:hover\:shadow-xs:hover {
     box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
   }
@@ -129998,6 +136564,342 @@ video {
     color: #831843;
   }
 
+  .\32xl\:focus-within\:text-transparent:focus-within {
+    color: transparent;
+  }
+
+  .\32xl\:focus-within\:text-current:focus-within {
+    color: currentColor;
+  }
+
+  .\32xl\:focus-within\:text-black:focus-within {
+    color: #000;
+  }
+
+  .\32xl\:focus-within\:text-white:focus-within {
+    color: #fff;
+  }
+
+  .\32xl\:focus-within\:text-gray-50:focus-within {
+    color: #f9fafb;
+  }
+
+  .\32xl\:focus-within\:text-gray-100:focus-within {
+    color: #f3f4f6;
+  }
+
+  .\32xl\:focus-within\:text-gray-200:focus-within {
+    color: #e5e7eb;
+  }
+
+  .\32xl\:focus-within\:text-gray-300:focus-within {
+    color: #d1d5db;
+  }
+
+  .\32xl\:focus-within\:text-gray-400:focus-within {
+    color: #9ca3af;
+  }
+
+  .\32xl\:focus-within\:text-gray-500:focus-within {
+    color: #6b7280;
+  }
+
+  .\32xl\:focus-within\:text-gray-600:focus-within {
+    color: #4b5563;
+  }
+
+  .\32xl\:focus-within\:text-gray-700:focus-within {
+    color: #374151;
+  }
+
+  .\32xl\:focus-within\:text-gray-800:focus-within {
+    color: #1f2937;
+  }
+
+  .\32xl\:focus-within\:text-gray-900:focus-within {
+    color: #111827;
+  }
+
+  .\32xl\:focus-within\:text-red-50:focus-within {
+    color: #fef2f2;
+  }
+
+  .\32xl\:focus-within\:text-red-100:focus-within {
+    color: #fee2e2;
+  }
+
+  .\32xl\:focus-within\:text-red-200:focus-within {
+    color: #fecaca;
+  }
+
+  .\32xl\:focus-within\:text-red-300:focus-within {
+    color: #fca5a5;
+  }
+
+  .\32xl\:focus-within\:text-red-400:focus-within {
+    color: #f87171;
+  }
+
+  .\32xl\:focus-within\:text-red-500:focus-within {
+    color: #ef4444;
+  }
+
+  .\32xl\:focus-within\:text-red-600:focus-within {
+    color: #dc2626;
+  }
+
+  .\32xl\:focus-within\:text-red-700:focus-within {
+    color: #b91c1c;
+  }
+
+  .\32xl\:focus-within\:text-red-800:focus-within {
+    color: #991b1b;
+  }
+
+  .\32xl\:focus-within\:text-red-900:focus-within {
+    color: #7f1d1d;
+  }
+
+  .\32xl\:focus-within\:text-yellow-50:focus-within {
+    color: #fffbeb;
+  }
+
+  .\32xl\:focus-within\:text-yellow-100:focus-within {
+    color: #fef3c7;
+  }
+
+  .\32xl\:focus-within\:text-yellow-200:focus-within {
+    color: #fde68a;
+  }
+
+  .\32xl\:focus-within\:text-yellow-300:focus-within {
+    color: #fcd34d;
+  }
+
+  .\32xl\:focus-within\:text-yellow-400:focus-within {
+    color: #fbbf24;
+  }
+
+  .\32xl\:focus-within\:text-yellow-500:focus-within {
+    color: #f59e0b;
+  }
+
+  .\32xl\:focus-within\:text-yellow-600:focus-within {
+    color: #d97706;
+  }
+
+  .\32xl\:focus-within\:text-yellow-700:focus-within {
+    color: #b45309;
+  }
+
+  .\32xl\:focus-within\:text-yellow-800:focus-within {
+    color: #92400e;
+  }
+
+  .\32xl\:focus-within\:text-yellow-900:focus-within {
+    color: #78350f;
+  }
+
+  .\32xl\:focus-within\:text-green-50:focus-within {
+    color: #ecfdf5;
+  }
+
+  .\32xl\:focus-within\:text-green-100:focus-within {
+    color: #d1fae5;
+  }
+
+  .\32xl\:focus-within\:text-green-200:focus-within {
+    color: #a7f3d0;
+  }
+
+  .\32xl\:focus-within\:text-green-300:focus-within {
+    color: #6ee7b7;
+  }
+
+  .\32xl\:focus-within\:text-green-400:focus-within {
+    color: #34d399;
+  }
+
+  .\32xl\:focus-within\:text-green-500:focus-within {
+    color: #10b981;
+  }
+
+  .\32xl\:focus-within\:text-green-600:focus-within {
+    color: #059669;
+  }
+
+  .\32xl\:focus-within\:text-green-700:focus-within {
+    color: #047857;
+  }
+
+  .\32xl\:focus-within\:text-green-800:focus-within {
+    color: #065f46;
+  }
+
+  .\32xl\:focus-within\:text-green-900:focus-within {
+    color: #064e3b;
+  }
+
+  .\32xl\:focus-within\:text-blue-50:focus-within {
+    color: #eff6ff;
+  }
+
+  .\32xl\:focus-within\:text-blue-100:focus-within {
+    color: #dbeafe;
+  }
+
+  .\32xl\:focus-within\:text-blue-200:focus-within {
+    color: #bfdbfe;
+  }
+
+  .\32xl\:focus-within\:text-blue-300:focus-within {
+    color: #93c5fd;
+  }
+
+  .\32xl\:focus-within\:text-blue-400:focus-within {
+    color: #60a5fa;
+  }
+
+  .\32xl\:focus-within\:text-blue-500:focus-within {
+    color: #3b82f6;
+  }
+
+  .\32xl\:focus-within\:text-blue-600:focus-within {
+    color: #2563eb;
+  }
+
+  .\32xl\:focus-within\:text-blue-700:focus-within {
+    color: #1d4ed8;
+  }
+
+  .\32xl\:focus-within\:text-blue-800:focus-within {
+    color: #1e40af;
+  }
+
+  .\32xl\:focus-within\:text-blue-900:focus-within {
+    color: #1e3a8a;
+  }
+
+  .\32xl\:focus-within\:text-indigo-50:focus-within {
+    color: #eef2ff;
+  }
+
+  .\32xl\:focus-within\:text-indigo-100:focus-within {
+    color: #e0e7ff;
+  }
+
+  .\32xl\:focus-within\:text-indigo-200:focus-within {
+    color: #c7d2fe;
+  }
+
+  .\32xl\:focus-within\:text-indigo-300:focus-within {
+    color: #a5b4fc;
+  }
+
+  .\32xl\:focus-within\:text-indigo-400:focus-within {
+    color: #818cf8;
+  }
+
+  .\32xl\:focus-within\:text-indigo-500:focus-within {
+    color: #6366f1;
+  }
+
+  .\32xl\:focus-within\:text-indigo-600:focus-within {
+    color: #4f46e5;
+  }
+
+  .\32xl\:focus-within\:text-indigo-700:focus-within {
+    color: #4338ca;
+  }
+
+  .\32xl\:focus-within\:text-indigo-800:focus-within {
+    color: #3730a3;
+  }
+
+  .\32xl\:focus-within\:text-indigo-900:focus-within {
+    color: #312e81;
+  }
+
+  .\32xl\:focus-within\:text-purple-50:focus-within {
+    color: #f5f3ff;
+  }
+
+  .\32xl\:focus-within\:text-purple-100:focus-within {
+    color: #ede9fe;
+  }
+
+  .\32xl\:focus-within\:text-purple-200:focus-within {
+    color: #ddd6fe;
+  }
+
+  .\32xl\:focus-within\:text-purple-300:focus-within {
+    color: #c4b5fd;
+  }
+
+  .\32xl\:focus-within\:text-purple-400:focus-within {
+    color: #a78bfa;
+  }
+
+  .\32xl\:focus-within\:text-purple-500:focus-within {
+    color: #8b5cf6;
+  }
+
+  .\32xl\:focus-within\:text-purple-600:focus-within {
+    color: #7c3aed;
+  }
+
+  .\32xl\:focus-within\:text-purple-700:focus-within {
+    color: #6d28d9;
+  }
+
+  .\32xl\:focus-within\:text-purple-800:focus-within {
+    color: #5b21b6;
+  }
+
+  .\32xl\:focus-within\:text-purple-900:focus-within {
+    color: #4c1d95;
+  }
+
+  .\32xl\:focus-within\:text-pink-50:focus-within {
+    color: #fdf2f8;
+  }
+
+  .\32xl\:focus-within\:text-pink-100:focus-within {
+    color: #fce7f3;
+  }
+
+  .\32xl\:focus-within\:text-pink-200:focus-within {
+    color: #fbcfe8;
+  }
+
+  .\32xl\:focus-within\:text-pink-300:focus-within {
+    color: #f9a8d4;
+  }
+
+  .\32xl\:focus-within\:text-pink-400:focus-within {
+    color: #f472b6;
+  }
+
+  .\32xl\:focus-within\:text-pink-500:focus-within {
+    color: #ec4899;
+  }
+
+  .\32xl\:focus-within\:text-pink-600:focus-within {
+    color: #db2777;
+  }
+
+  .\32xl\:focus-within\:text-pink-700:focus-within {
+    color: #be185d;
+  }
+
+  .\32xl\:focus-within\:text-pink-800:focus-within {
+    color: #9d174d;
+  }
+
+  .\32xl\:focus-within\:text-pink-900:focus-within {
+    color: #831843;
+  }
+
   .\32xl\:hover\:text-transparent:hover {
     color: transparent;
   }
@@ -131196,6 +138098,34 @@ video {
     z-index: auto;
   }
 
+  .\32xl\:focus-within\:z-0:focus-within {
+    z-index: 0;
+  }
+
+  .\32xl\:focus-within\:z-10:focus-within {
+    z-index: 10;
+  }
+
+  .\32xl\:focus-within\:z-20:focus-within {
+    z-index: 20;
+  }
+
+  .\32xl\:focus-within\:z-30:focus-within {
+    z-index: 30;
+  }
+
+  .\32xl\:focus-within\:z-40:focus-within {
+    z-index: 40;
+  }
+
+  .\32xl\:focus-within\:z-50:focus-within {
+    z-index: 50;
+  }
+
+  .\32xl\:focus-within\:z-auto:focus-within {
+    z-index: auto;
+  }
+
   .\32xl\:focus\:z-0:focus {
     z-index: 0;
   }
diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css
index edc3ad594bf9..6876077bffc2 100644
--- a/__tests__/fixtures/tailwind-output.css
+++ b/__tests__/fixtures/tailwind-output.css
@@ -1987,6 +1987,29 @@ video {
   white-space: normal;
 }
 
+.focus-within\:sr-only:focus-within {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+
+.focus-within\:not-sr-only:focus-within {
+  position: static;
+  width: auto;
+  height: auto;
+  padding: 0;
+  margin: 0;
+  overflow: visible;
+  clip: auto;
+  white-space: normal;
+}
+
 .focus\:sr-only:focus {
   position: absolute;
   width: 1px;
@@ -2878,6 +2901,424 @@ video {
   background-color: rgba(131, 24, 67, var(--bg-opacity));
 }
 
+.focus-within\:bg-transparent:focus-within {
+  background-color: transparent;
+}
+
+.focus-within\:bg-current:focus-within {
+  background-color: currentColor;
+}
+
+.focus-within\:bg-black:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(0, 0, 0, var(--bg-opacity));
+}
+
+.focus-within\:bg-white:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(255, 255, 255, var(--bg-opacity));
+}
+
+.focus-within\:bg-gray-50:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(249, 250, 251, var(--bg-opacity));
+}
+
+.focus-within\:bg-gray-100:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(243, 244, 246, var(--bg-opacity));
+}
+
+.focus-within\:bg-gray-200:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(229, 231, 235, var(--bg-opacity));
+}
+
+.focus-within\:bg-gray-300:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(209, 213, 219, var(--bg-opacity));
+}
+
+.focus-within\:bg-gray-400:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(156, 163, 175, var(--bg-opacity));
+}
+
+.focus-within\:bg-gray-500:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(107, 114, 128, var(--bg-opacity));
+}
+
+.focus-within\:bg-gray-600:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(75, 85, 99, var(--bg-opacity));
+}
+
+.focus-within\:bg-gray-700:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(55, 65, 81, var(--bg-opacity));
+}
+
+.focus-within\:bg-gray-800:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(31, 41, 55, var(--bg-opacity));
+}
+
+.focus-within\:bg-gray-900:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(17, 24, 39, var(--bg-opacity));
+}
+
+.focus-within\:bg-red-50:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(254, 242, 242, var(--bg-opacity));
+}
+
+.focus-within\:bg-red-100:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(254, 226, 226, var(--bg-opacity));
+}
+
+.focus-within\:bg-red-200:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(254, 202, 202, var(--bg-opacity));
+}
+
+.focus-within\:bg-red-300:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(252, 165, 165, var(--bg-opacity));
+}
+
+.focus-within\:bg-red-400:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(248, 113, 113, var(--bg-opacity));
+}
+
+.focus-within\:bg-red-500:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(239, 68, 68, var(--bg-opacity));
+}
+
+.focus-within\:bg-red-600:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(220, 38, 38, var(--bg-opacity));
+}
+
+.focus-within\:bg-red-700:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(185, 28, 28, var(--bg-opacity));
+}
+
+.focus-within\:bg-red-800:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(153, 27, 27, var(--bg-opacity));
+}
+
+.focus-within\:bg-red-900:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(127, 29, 29, var(--bg-opacity));
+}
+
+.focus-within\:bg-yellow-50:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(255, 251, 235, var(--bg-opacity));
+}
+
+.focus-within\:bg-yellow-100:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(254, 243, 199, var(--bg-opacity));
+}
+
+.focus-within\:bg-yellow-200:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(253, 230, 138, var(--bg-opacity));
+}
+
+.focus-within\:bg-yellow-300:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(252, 211, 77, var(--bg-opacity));
+}
+
+.focus-within\:bg-yellow-400:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(251, 191, 36, var(--bg-opacity));
+}
+
+.focus-within\:bg-yellow-500:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(245, 158, 11, var(--bg-opacity));
+}
+
+.focus-within\:bg-yellow-600:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(217, 119, 6, var(--bg-opacity));
+}
+
+.focus-within\:bg-yellow-700:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(180, 83, 9, var(--bg-opacity));
+}
+
+.focus-within\:bg-yellow-800:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(146, 64, 14, var(--bg-opacity));
+}
+
+.focus-within\:bg-yellow-900:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(120, 53, 15, var(--bg-opacity));
+}
+
+.focus-within\:bg-green-50:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(236, 253, 245, var(--bg-opacity));
+}
+
+.focus-within\:bg-green-100:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(209, 250, 229, var(--bg-opacity));
+}
+
+.focus-within\:bg-green-200:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(167, 243, 208, var(--bg-opacity));
+}
+
+.focus-within\:bg-green-300:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(110, 231, 183, var(--bg-opacity));
+}
+
+.focus-within\:bg-green-400:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(52, 211, 153, var(--bg-opacity));
+}
+
+.focus-within\:bg-green-500:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(16, 185, 129, var(--bg-opacity));
+}
+
+.focus-within\:bg-green-600:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(5, 150, 105, var(--bg-opacity));
+}
+
+.focus-within\:bg-green-700:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(4, 120, 87, var(--bg-opacity));
+}
+
+.focus-within\:bg-green-800:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(6, 95, 70, var(--bg-opacity));
+}
+
+.focus-within\:bg-green-900:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(6, 78, 59, var(--bg-opacity));
+}
+
+.focus-within\:bg-blue-50:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(239, 246, 255, var(--bg-opacity));
+}
+
+.focus-within\:bg-blue-100:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(219, 234, 254, var(--bg-opacity));
+}
+
+.focus-within\:bg-blue-200:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(191, 219, 254, var(--bg-opacity));
+}
+
+.focus-within\:bg-blue-300:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(147, 197, 253, var(--bg-opacity));
+}
+
+.focus-within\:bg-blue-400:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(96, 165, 250, var(--bg-opacity));
+}
+
+.focus-within\:bg-blue-500:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(59, 130, 246, var(--bg-opacity));
+}
+
+.focus-within\:bg-blue-600:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(37, 99, 235, var(--bg-opacity));
+}
+
+.focus-within\:bg-blue-700:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(29, 78, 216, var(--bg-opacity));
+}
+
+.focus-within\:bg-blue-800:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(30, 64, 175, var(--bg-opacity));
+}
+
+.focus-within\:bg-blue-900:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(30, 58, 138, var(--bg-opacity));
+}
+
+.focus-within\:bg-indigo-50:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(238, 242, 255, var(--bg-opacity));
+}
+
+.focus-within\:bg-indigo-100:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(224, 231, 255, var(--bg-opacity));
+}
+
+.focus-within\:bg-indigo-200:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(199, 210, 254, var(--bg-opacity));
+}
+
+.focus-within\:bg-indigo-300:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(165, 180, 252, var(--bg-opacity));
+}
+
+.focus-within\:bg-indigo-400:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(129, 140, 248, var(--bg-opacity));
+}
+
+.focus-within\:bg-indigo-500:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(99, 102, 241, var(--bg-opacity));
+}
+
+.focus-within\:bg-indigo-600:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(79, 70, 229, var(--bg-opacity));
+}
+
+.focus-within\:bg-indigo-700:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(67, 56, 202, var(--bg-opacity));
+}
+
+.focus-within\:bg-indigo-800:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(55, 48, 163, var(--bg-opacity));
+}
+
+.focus-within\:bg-indigo-900:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(49, 46, 129, var(--bg-opacity));
+}
+
+.focus-within\:bg-purple-50:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(245, 243, 255, var(--bg-opacity));
+}
+
+.focus-within\:bg-purple-100:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(237, 233, 254, var(--bg-opacity));
+}
+
+.focus-within\:bg-purple-200:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(221, 214, 254, var(--bg-opacity));
+}
+
+.focus-within\:bg-purple-300:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(196, 181, 253, var(--bg-opacity));
+}
+
+.focus-within\:bg-purple-400:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(167, 139, 250, var(--bg-opacity));
+}
+
+.focus-within\:bg-purple-500:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(139, 92, 246, var(--bg-opacity));
+}
+
+.focus-within\:bg-purple-600:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(124, 58, 237, var(--bg-opacity));
+}
+
+.focus-within\:bg-purple-700:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(109, 40, 217, var(--bg-opacity));
+}
+
+.focus-within\:bg-purple-800:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(91, 33, 182, var(--bg-opacity));
+}
+
+.focus-within\:bg-purple-900:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(76, 29, 149, var(--bg-opacity));
+}
+
+.focus-within\:bg-pink-50:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(253, 242, 248, var(--bg-opacity));
+}
+
+.focus-within\:bg-pink-100:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(252, 231, 243, var(--bg-opacity));
+}
+
+.focus-within\:bg-pink-200:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(251, 207, 232, var(--bg-opacity));
+}
+
+.focus-within\:bg-pink-300:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(249, 168, 212, var(--bg-opacity));
+}
+
+.focus-within\:bg-pink-400:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(244, 114, 182, var(--bg-opacity));
+}
+
+.focus-within\:bg-pink-500:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(236, 72, 153, var(--bg-opacity));
+}
+
+.focus-within\:bg-pink-600:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(219, 39, 119, var(--bg-opacity));
+}
+
+.focus-within\:bg-pink-700:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(190, 24, 93, var(--bg-opacity));
+}
+
+.focus-within\:bg-pink-800:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(157, 23, 77, var(--bg-opacity));
+}
+
+.focus-within\:bg-pink-900:focus-within {
+  --bg-opacity: 1;
+  background-color: rgba(131, 24, 67, var(--bg-opacity));
+}
+
 .hover\:bg-transparent:hover {
   background-color: transparent;
 }
@@ -7382,6 +7823,58 @@ video {
   --bg-opacity: 1;
 }
 
+.focus-within\:bg-opacity-0:focus-within {
+  --bg-opacity: 0;
+}
+
+.focus-within\:bg-opacity-10:focus-within {
+  --bg-opacity: 0.1;
+}
+
+.focus-within\:bg-opacity-20:focus-within {
+  --bg-opacity: 0.2;
+}
+
+.focus-within\:bg-opacity-25:focus-within {
+  --bg-opacity: 0.25;
+}
+
+.focus-within\:bg-opacity-30:focus-within {
+  --bg-opacity: 0.3;
+}
+
+.focus-within\:bg-opacity-40:focus-within {
+  --bg-opacity: 0.4;
+}
+
+.focus-within\:bg-opacity-50:focus-within {
+  --bg-opacity: 0.5;
+}
+
+.focus-within\:bg-opacity-60:focus-within {
+  --bg-opacity: 0.6;
+}
+
+.focus-within\:bg-opacity-70:focus-within {
+  --bg-opacity: 0.7;
+}
+
+.focus-within\:bg-opacity-75:focus-within {
+  --bg-opacity: 0.75;
+}
+
+.focus-within\:bg-opacity-80:focus-within {
+  --bg-opacity: 0.8;
+}
+
+.focus-within\:bg-opacity-90:focus-within {
+  --bg-opacity: 0.9;
+}
+
+.focus-within\:bg-opacity-100:focus-within {
+  --bg-opacity: 1;
+}
+
 .hover\:bg-opacity-0:hover {
   --bg-opacity: 0;
 }
@@ -8402,6 +8895,424 @@ video {
   border-color: rgba(131, 24, 67, var(--border-opacity));
 }
 
+.focus-within\:border-transparent:focus-within {
+  border-color: transparent;
+}
+
+.focus-within\:border-current:focus-within {
+  border-color: currentColor;
+}
+
+.focus-within\:border-black:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(0, 0, 0, var(--border-opacity));
+}
+
+.focus-within\:border-white:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(255, 255, 255, var(--border-opacity));
+}
+
+.focus-within\:border-gray-50:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(249, 250, 251, var(--border-opacity));
+}
+
+.focus-within\:border-gray-100:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(243, 244, 246, var(--border-opacity));
+}
+
+.focus-within\:border-gray-200:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(229, 231, 235, var(--border-opacity));
+}
+
+.focus-within\:border-gray-300:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(209, 213, 219, var(--border-opacity));
+}
+
+.focus-within\:border-gray-400:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(156, 163, 175, var(--border-opacity));
+}
+
+.focus-within\:border-gray-500:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(107, 114, 128, var(--border-opacity));
+}
+
+.focus-within\:border-gray-600:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(75, 85, 99, var(--border-opacity));
+}
+
+.focus-within\:border-gray-700:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(55, 65, 81, var(--border-opacity));
+}
+
+.focus-within\:border-gray-800:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(31, 41, 55, var(--border-opacity));
+}
+
+.focus-within\:border-gray-900:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(17, 24, 39, var(--border-opacity));
+}
+
+.focus-within\:border-red-50:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(254, 242, 242, var(--border-opacity));
+}
+
+.focus-within\:border-red-100:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(254, 226, 226, var(--border-opacity));
+}
+
+.focus-within\:border-red-200:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(254, 202, 202, var(--border-opacity));
+}
+
+.focus-within\:border-red-300:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(252, 165, 165, var(--border-opacity));
+}
+
+.focus-within\:border-red-400:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(248, 113, 113, var(--border-opacity));
+}
+
+.focus-within\:border-red-500:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(239, 68, 68, var(--border-opacity));
+}
+
+.focus-within\:border-red-600:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(220, 38, 38, var(--border-opacity));
+}
+
+.focus-within\:border-red-700:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(185, 28, 28, var(--border-opacity));
+}
+
+.focus-within\:border-red-800:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(153, 27, 27, var(--border-opacity));
+}
+
+.focus-within\:border-red-900:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(127, 29, 29, var(--border-opacity));
+}
+
+.focus-within\:border-yellow-50:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(255, 251, 235, var(--border-opacity));
+}
+
+.focus-within\:border-yellow-100:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(254, 243, 199, var(--border-opacity));
+}
+
+.focus-within\:border-yellow-200:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(253, 230, 138, var(--border-opacity));
+}
+
+.focus-within\:border-yellow-300:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(252, 211, 77, var(--border-opacity));
+}
+
+.focus-within\:border-yellow-400:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(251, 191, 36, var(--border-opacity));
+}
+
+.focus-within\:border-yellow-500:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(245, 158, 11, var(--border-opacity));
+}
+
+.focus-within\:border-yellow-600:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(217, 119, 6, var(--border-opacity));
+}
+
+.focus-within\:border-yellow-700:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(180, 83, 9, var(--border-opacity));
+}
+
+.focus-within\:border-yellow-800:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(146, 64, 14, var(--border-opacity));
+}
+
+.focus-within\:border-yellow-900:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(120, 53, 15, var(--border-opacity));
+}
+
+.focus-within\:border-green-50:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(236, 253, 245, var(--border-opacity));
+}
+
+.focus-within\:border-green-100:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(209, 250, 229, var(--border-opacity));
+}
+
+.focus-within\:border-green-200:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(167, 243, 208, var(--border-opacity));
+}
+
+.focus-within\:border-green-300:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(110, 231, 183, var(--border-opacity));
+}
+
+.focus-within\:border-green-400:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(52, 211, 153, var(--border-opacity));
+}
+
+.focus-within\:border-green-500:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(16, 185, 129, var(--border-opacity));
+}
+
+.focus-within\:border-green-600:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(5, 150, 105, var(--border-opacity));
+}
+
+.focus-within\:border-green-700:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(4, 120, 87, var(--border-opacity));
+}
+
+.focus-within\:border-green-800:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(6, 95, 70, var(--border-opacity));
+}
+
+.focus-within\:border-green-900:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(6, 78, 59, var(--border-opacity));
+}
+
+.focus-within\:border-blue-50:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(239, 246, 255, var(--border-opacity));
+}
+
+.focus-within\:border-blue-100:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(219, 234, 254, var(--border-opacity));
+}
+
+.focus-within\:border-blue-200:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(191, 219, 254, var(--border-opacity));
+}
+
+.focus-within\:border-blue-300:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(147, 197, 253, var(--border-opacity));
+}
+
+.focus-within\:border-blue-400:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(96, 165, 250, var(--border-opacity));
+}
+
+.focus-within\:border-blue-500:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(59, 130, 246, var(--border-opacity));
+}
+
+.focus-within\:border-blue-600:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(37, 99, 235, var(--border-opacity));
+}
+
+.focus-within\:border-blue-700:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(29, 78, 216, var(--border-opacity));
+}
+
+.focus-within\:border-blue-800:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(30, 64, 175, var(--border-opacity));
+}
+
+.focus-within\:border-blue-900:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(30, 58, 138, var(--border-opacity));
+}
+
+.focus-within\:border-indigo-50:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(238, 242, 255, var(--border-opacity));
+}
+
+.focus-within\:border-indigo-100:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(224, 231, 255, var(--border-opacity));
+}
+
+.focus-within\:border-indigo-200:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(199, 210, 254, var(--border-opacity));
+}
+
+.focus-within\:border-indigo-300:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(165, 180, 252, var(--border-opacity));
+}
+
+.focus-within\:border-indigo-400:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(129, 140, 248, var(--border-opacity));
+}
+
+.focus-within\:border-indigo-500:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(99, 102, 241, var(--border-opacity));
+}
+
+.focus-within\:border-indigo-600:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(79, 70, 229, var(--border-opacity));
+}
+
+.focus-within\:border-indigo-700:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(67, 56, 202, var(--border-opacity));
+}
+
+.focus-within\:border-indigo-800:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(55, 48, 163, var(--border-opacity));
+}
+
+.focus-within\:border-indigo-900:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(49, 46, 129, var(--border-opacity));
+}
+
+.focus-within\:border-purple-50:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(245, 243, 255, var(--border-opacity));
+}
+
+.focus-within\:border-purple-100:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(237, 233, 254, var(--border-opacity));
+}
+
+.focus-within\:border-purple-200:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(221, 214, 254, var(--border-opacity));
+}
+
+.focus-within\:border-purple-300:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(196, 181, 253, var(--border-opacity));
+}
+
+.focus-within\:border-purple-400:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(167, 139, 250, var(--border-opacity));
+}
+
+.focus-within\:border-purple-500:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(139, 92, 246, var(--border-opacity));
+}
+
+.focus-within\:border-purple-600:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(124, 58, 237, var(--border-opacity));
+}
+
+.focus-within\:border-purple-700:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(109, 40, 217, var(--border-opacity));
+}
+
+.focus-within\:border-purple-800:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(91, 33, 182, var(--border-opacity));
+}
+
+.focus-within\:border-purple-900:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(76, 29, 149, var(--border-opacity));
+}
+
+.focus-within\:border-pink-50:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(253, 242, 248, var(--border-opacity));
+}
+
+.focus-within\:border-pink-100:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(252, 231, 243, var(--border-opacity));
+}
+
+.focus-within\:border-pink-200:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(251, 207, 232, var(--border-opacity));
+}
+
+.focus-within\:border-pink-300:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(249, 168, 212, var(--border-opacity));
+}
+
+.focus-within\:border-pink-400:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(244, 114, 182, var(--border-opacity));
+}
+
+.focus-within\:border-pink-500:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(236, 72, 153, var(--border-opacity));
+}
+
+.focus-within\:border-pink-600:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(219, 39, 119, var(--border-opacity));
+}
+
+.focus-within\:border-pink-700:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(190, 24, 93, var(--border-opacity));
+}
+
+.focus-within\:border-pink-800:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(157, 23, 77, var(--border-opacity));
+}
+
+.focus-within\:border-pink-900:focus-within {
+  --border-opacity: 1;
+  border-color: rgba(131, 24, 67, var(--border-opacity));
+}
+
 .hover\:border-transparent:hover {
   border-color: transparent;
 }
@@ -9342,6 +10253,58 @@ video {
   --border-opacity: 1;
 }
 
+.focus-within\:border-opacity-0:focus-within {
+  --border-opacity: 0;
+}
+
+.focus-within\:border-opacity-10:focus-within {
+  --border-opacity: 0.1;
+}
+
+.focus-within\:border-opacity-20:focus-within {
+  --border-opacity: 0.2;
+}
+
+.focus-within\:border-opacity-25:focus-within {
+  --border-opacity: 0.25;
+}
+
+.focus-within\:border-opacity-30:focus-within {
+  --border-opacity: 0.3;
+}
+
+.focus-within\:border-opacity-40:focus-within {
+  --border-opacity: 0.4;
+}
+
+.focus-within\:border-opacity-50:focus-within {
+  --border-opacity: 0.5;
+}
+
+.focus-within\:border-opacity-60:focus-within {
+  --border-opacity: 0.6;
+}
+
+.focus-within\:border-opacity-70:focus-within {
+  --border-opacity: 0.7;
+}
+
+.focus-within\:border-opacity-75:focus-within {
+  --border-opacity: 0.75;
+}
+
+.focus-within\:border-opacity-80:focus-within {
+  --border-opacity: 0.8;
+}
+
+.focus-within\:border-opacity-90:focus-within {
+  --border-opacity: 0.9;
+}
+
+.focus-within\:border-opacity-100:focus-within {
+  --border-opacity: 1;
+}
+
 .hover\:border-opacity-0:hover {
   --border-opacity: 0;
 }
@@ -13385,6 +14348,58 @@ video {
   opacity: 1;
 }
 
+.focus-within\:opacity-0:focus-within {
+  opacity: 0;
+}
+
+.focus-within\:opacity-10:focus-within {
+  opacity: 0.1;
+}
+
+.focus-within\:opacity-20:focus-within {
+  opacity: 0.2;
+}
+
+.focus-within\:opacity-25:focus-within {
+  opacity: 0.25;
+}
+
+.focus-within\:opacity-30:focus-within {
+  opacity: 0.3;
+}
+
+.focus-within\:opacity-40:focus-within {
+  opacity: 0.4;
+}
+
+.focus-within\:opacity-50:focus-within {
+  opacity: 0.5;
+}
+
+.focus-within\:opacity-60:focus-within {
+  opacity: 0.6;
+}
+
+.focus-within\:opacity-70:focus-within {
+  opacity: 0.7;
+}
+
+.focus-within\:opacity-75:focus-within {
+  opacity: 0.75;
+}
+
+.focus-within\:opacity-80:focus-within {
+  opacity: 0.8;
+}
+
+.focus-within\:opacity-90:focus-within {
+  opacity: 0.9;
+}
+
+.focus-within\:opacity-100:focus-within {
+  opacity: 1;
+}
+
 .hover\:opacity-0:hover {
   opacity: 0;
 }
@@ -18453,6 +19468,50 @@ video {
   box-shadow: none;
 }
 
+.focus-within\:shadow-xs:focus-within {
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+.focus-within\:shadow-sm:focus-within {
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+
+.focus-within\:shadow:focus-within {
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+}
+
+.focus-within\:shadow-md:focus-within {
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+}
+
+.focus-within\:shadow-lg:focus-within {
+  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+}
+
+.focus-within\:shadow-xl:focus-within {
+  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+}
+
+.focus-within\:shadow-2xl:focus-within {
+  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+}
+
+.focus-within\:shadow-inner:focus-within {
+  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+}
+
+.focus-within\:shadow-outline:focus-within {
+  box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
+}
+
+.focus-within\:shadow-solid:focus-within {
+  box-shadow: 0 0 0 2px currentColor;
+}
+
+.focus-within\:shadow-none:focus-within {
+  box-shadow: none;
+}
+
 .hover\:shadow-xs:hover {
   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
 }
@@ -19421,6 +20480,424 @@ video {
   color: rgba(131, 24, 67, var(--text-opacity));
 }
 
+.focus-within\:text-transparent:focus-within {
+  color: transparent;
+}
+
+.focus-within\:text-current:focus-within {
+  color: currentColor;
+}
+
+.focus-within\:text-black:focus-within {
+  --text-opacity: 1;
+  color: rgba(0, 0, 0, var(--text-opacity));
+}
+
+.focus-within\:text-white:focus-within {
+  --text-opacity: 1;
+  color: rgba(255, 255, 255, var(--text-opacity));
+}
+
+.focus-within\:text-gray-50:focus-within {
+  --text-opacity: 1;
+  color: rgba(249, 250, 251, var(--text-opacity));
+}
+
+.focus-within\:text-gray-100:focus-within {
+  --text-opacity: 1;
+  color: rgba(243, 244, 246, var(--text-opacity));
+}
+
+.focus-within\:text-gray-200:focus-within {
+  --text-opacity: 1;
+  color: rgba(229, 231, 235, var(--text-opacity));
+}
+
+.focus-within\:text-gray-300:focus-within {
+  --text-opacity: 1;
+  color: rgba(209, 213, 219, var(--text-opacity));
+}
+
+.focus-within\:text-gray-400:focus-within {
+  --text-opacity: 1;
+  color: rgba(156, 163, 175, var(--text-opacity));
+}
+
+.focus-within\:text-gray-500:focus-within {
+  --text-opacity: 1;
+  color: rgba(107, 114, 128, var(--text-opacity));
+}
+
+.focus-within\:text-gray-600:focus-within {
+  --text-opacity: 1;
+  color: rgba(75, 85, 99, var(--text-opacity));
+}
+
+.focus-within\:text-gray-700:focus-within {
+  --text-opacity: 1;
+  color: rgba(55, 65, 81, var(--text-opacity));
+}
+
+.focus-within\:text-gray-800:focus-within {
+  --text-opacity: 1;
+  color: rgba(31, 41, 55, var(--text-opacity));
+}
+
+.focus-within\:text-gray-900:focus-within {
+  --text-opacity: 1;
+  color: rgba(17, 24, 39, var(--text-opacity));
+}
+
+.focus-within\:text-red-50:focus-within {
+  --text-opacity: 1;
+  color: rgba(254, 242, 242, var(--text-opacity));
+}
+
+.focus-within\:text-red-100:focus-within {
+  --text-opacity: 1;
+  color: rgba(254, 226, 226, var(--text-opacity));
+}
+
+.focus-within\:text-red-200:focus-within {
+  --text-opacity: 1;
+  color: rgba(254, 202, 202, var(--text-opacity));
+}
+
+.focus-within\:text-red-300:focus-within {
+  --text-opacity: 1;
+  color: rgba(252, 165, 165, var(--text-opacity));
+}
+
+.focus-within\:text-red-400:focus-within {
+  --text-opacity: 1;
+  color: rgba(248, 113, 113, var(--text-opacity));
+}
+
+.focus-within\:text-red-500:focus-within {
+  --text-opacity: 1;
+  color: rgba(239, 68, 68, var(--text-opacity));
+}
+
+.focus-within\:text-red-600:focus-within {
+  --text-opacity: 1;
+  color: rgba(220, 38, 38, var(--text-opacity));
+}
+
+.focus-within\:text-red-700:focus-within {
+  --text-opacity: 1;
+  color: rgba(185, 28, 28, var(--text-opacity));
+}
+
+.focus-within\:text-red-800:focus-within {
+  --text-opacity: 1;
+  color: rgba(153, 27, 27, var(--text-opacity));
+}
+
+.focus-within\:text-red-900:focus-within {
+  --text-opacity: 1;
+  color: rgba(127, 29, 29, var(--text-opacity));
+}
+
+.focus-within\:text-yellow-50:focus-within {
+  --text-opacity: 1;
+  color: rgba(255, 251, 235, var(--text-opacity));
+}
+
+.focus-within\:text-yellow-100:focus-within {
+  --text-opacity: 1;
+  color: rgba(254, 243, 199, var(--text-opacity));
+}
+
+.focus-within\:text-yellow-200:focus-within {
+  --text-opacity: 1;
+  color: rgba(253, 230, 138, var(--text-opacity));
+}
+
+.focus-within\:text-yellow-300:focus-within {
+  --text-opacity: 1;
+  color: rgba(252, 211, 77, var(--text-opacity));
+}
+
+.focus-within\:text-yellow-400:focus-within {
+  --text-opacity: 1;
+  color: rgba(251, 191, 36, var(--text-opacity));
+}
+
+.focus-within\:text-yellow-500:focus-within {
+  --text-opacity: 1;
+  color: rgba(245, 158, 11, var(--text-opacity));
+}
+
+.focus-within\:text-yellow-600:focus-within {
+  --text-opacity: 1;
+  color: rgba(217, 119, 6, var(--text-opacity));
+}
+
+.focus-within\:text-yellow-700:focus-within {
+  --text-opacity: 1;
+  color: rgba(180, 83, 9, var(--text-opacity));
+}
+
+.focus-within\:text-yellow-800:focus-within {
+  --text-opacity: 1;
+  color: rgba(146, 64, 14, var(--text-opacity));
+}
+
+.focus-within\:text-yellow-900:focus-within {
+  --text-opacity: 1;
+  color: rgba(120, 53, 15, var(--text-opacity));
+}
+
+.focus-within\:text-green-50:focus-within {
+  --text-opacity: 1;
+  color: rgba(236, 253, 245, var(--text-opacity));
+}
+
+.focus-within\:text-green-100:focus-within {
+  --text-opacity: 1;
+  color: rgba(209, 250, 229, var(--text-opacity));
+}
+
+.focus-within\:text-green-200:focus-within {
+  --text-opacity: 1;
+  color: rgba(167, 243, 208, var(--text-opacity));
+}
+
+.focus-within\:text-green-300:focus-within {
+  --text-opacity: 1;
+  color: rgba(110, 231, 183, var(--text-opacity));
+}
+
+.focus-within\:text-green-400:focus-within {
+  --text-opacity: 1;
+  color: rgba(52, 211, 153, var(--text-opacity));
+}
+
+.focus-within\:text-green-500:focus-within {
+  --text-opacity: 1;
+  color: rgba(16, 185, 129, var(--text-opacity));
+}
+
+.focus-within\:text-green-600:focus-within {
+  --text-opacity: 1;
+  color: rgba(5, 150, 105, var(--text-opacity));
+}
+
+.focus-within\:text-green-700:focus-within {
+  --text-opacity: 1;
+  color: rgba(4, 120, 87, var(--text-opacity));
+}
+
+.focus-within\:text-green-800:focus-within {
+  --text-opacity: 1;
+  color: rgba(6, 95, 70, var(--text-opacity));
+}
+
+.focus-within\:text-green-900:focus-within {
+  --text-opacity: 1;
+  color: rgba(6, 78, 59, var(--text-opacity));
+}
+
+.focus-within\:text-blue-50:focus-within {
+  --text-opacity: 1;
+  color: rgba(239, 246, 255, var(--text-opacity));
+}
+
+.focus-within\:text-blue-100:focus-within {
+  --text-opacity: 1;
+  color: rgba(219, 234, 254, var(--text-opacity));
+}
+
+.focus-within\:text-blue-200:focus-within {
+  --text-opacity: 1;
+  color: rgba(191, 219, 254, var(--text-opacity));
+}
+
+.focus-within\:text-blue-300:focus-within {
+  --text-opacity: 1;
+  color: rgba(147, 197, 253, var(--text-opacity));
+}
+
+.focus-within\:text-blue-400:focus-within {
+  --text-opacity: 1;
+  color: rgba(96, 165, 250, var(--text-opacity));
+}
+
+.focus-within\:text-blue-500:focus-within {
+  --text-opacity: 1;
+  color: rgba(59, 130, 246, var(--text-opacity));
+}
+
+.focus-within\:text-blue-600:focus-within {
+  --text-opacity: 1;
+  color: rgba(37, 99, 235, var(--text-opacity));
+}
+
+.focus-within\:text-blue-700:focus-within {
+  --text-opacity: 1;
+  color: rgba(29, 78, 216, var(--text-opacity));
+}
+
+.focus-within\:text-blue-800:focus-within {
+  --text-opacity: 1;
+  color: rgba(30, 64, 175, var(--text-opacity));
+}
+
+.focus-within\:text-blue-900:focus-within {
+  --text-opacity: 1;
+  color: rgba(30, 58, 138, var(--text-opacity));
+}
+
+.focus-within\:text-indigo-50:focus-within {
+  --text-opacity: 1;
+  color: rgba(238, 242, 255, var(--text-opacity));
+}
+
+.focus-within\:text-indigo-100:focus-within {
+  --text-opacity: 1;
+  color: rgba(224, 231, 255, var(--text-opacity));
+}
+
+.focus-within\:text-indigo-200:focus-within {
+  --text-opacity: 1;
+  color: rgba(199, 210, 254, var(--text-opacity));
+}
+
+.focus-within\:text-indigo-300:focus-within {
+  --text-opacity: 1;
+  color: rgba(165, 180, 252, var(--text-opacity));
+}
+
+.focus-within\:text-indigo-400:focus-within {
+  --text-opacity: 1;
+  color: rgba(129, 140, 248, var(--text-opacity));
+}
+
+.focus-within\:text-indigo-500:focus-within {
+  --text-opacity: 1;
+  color: rgba(99, 102, 241, var(--text-opacity));
+}
+
+.focus-within\:text-indigo-600:focus-within {
+  --text-opacity: 1;
+  color: rgba(79, 70, 229, var(--text-opacity));
+}
+
+.focus-within\:text-indigo-700:focus-within {
+  --text-opacity: 1;
+  color: rgba(67, 56, 202, var(--text-opacity));
+}
+
+.focus-within\:text-indigo-800:focus-within {
+  --text-opacity: 1;
+  color: rgba(55, 48, 163, var(--text-opacity));
+}
+
+.focus-within\:text-indigo-900:focus-within {
+  --text-opacity: 1;
+  color: rgba(49, 46, 129, var(--text-opacity));
+}
+
+.focus-within\:text-purple-50:focus-within {
+  --text-opacity: 1;
+  color: rgba(245, 243, 255, var(--text-opacity));
+}
+
+.focus-within\:text-purple-100:focus-within {
+  --text-opacity: 1;
+  color: rgba(237, 233, 254, var(--text-opacity));
+}
+
+.focus-within\:text-purple-200:focus-within {
+  --text-opacity: 1;
+  color: rgba(221, 214, 254, var(--text-opacity));
+}
+
+.focus-within\:text-purple-300:focus-within {
+  --text-opacity: 1;
+  color: rgba(196, 181, 253, var(--text-opacity));
+}
+
+.focus-within\:text-purple-400:focus-within {
+  --text-opacity: 1;
+  color: rgba(167, 139, 250, var(--text-opacity));
+}
+
+.focus-within\:text-purple-500:focus-within {
+  --text-opacity: 1;
+  color: rgba(139, 92, 246, var(--text-opacity));
+}
+
+.focus-within\:text-purple-600:focus-within {
+  --text-opacity: 1;
+  color: rgba(124, 58, 237, var(--text-opacity));
+}
+
+.focus-within\:text-purple-700:focus-within {
+  --text-opacity: 1;
+  color: rgba(109, 40, 217, var(--text-opacity));
+}
+
+.focus-within\:text-purple-800:focus-within {
+  --text-opacity: 1;
+  color: rgba(91, 33, 182, var(--text-opacity));
+}
+
+.focus-within\:text-purple-900:focus-within {
+  --text-opacity: 1;
+  color: rgba(76, 29, 149, var(--text-opacity));
+}
+
+.focus-within\:text-pink-50:focus-within {
+  --text-opacity: 1;
+  color: rgba(253, 242, 248, var(--text-opacity));
+}
+
+.focus-within\:text-pink-100:focus-within {
+  --text-opacity: 1;
+  color: rgba(252, 231, 243, var(--text-opacity));
+}
+
+.focus-within\:text-pink-200:focus-within {
+  --text-opacity: 1;
+  color: rgba(251, 207, 232, var(--text-opacity));
+}
+
+.focus-within\:text-pink-300:focus-within {
+  --text-opacity: 1;
+  color: rgba(249, 168, 212, var(--text-opacity));
+}
+
+.focus-within\:text-pink-400:focus-within {
+  --text-opacity: 1;
+  color: rgba(244, 114, 182, var(--text-opacity));
+}
+
+.focus-within\:text-pink-500:focus-within {
+  --text-opacity: 1;
+  color: rgba(236, 72, 153, var(--text-opacity));
+}
+
+.focus-within\:text-pink-600:focus-within {
+  --text-opacity: 1;
+  color: rgba(219, 39, 119, var(--text-opacity));
+}
+
+.focus-within\:text-pink-700:focus-within {
+  --text-opacity: 1;
+  color: rgba(190, 24, 93, var(--text-opacity));
+}
+
+.focus-within\:text-pink-800:focus-within {
+  --text-opacity: 1;
+  color: rgba(157, 23, 77, var(--text-opacity));
+}
+
+.focus-within\:text-pink-900:focus-within {
+  --text-opacity: 1;
+  color: rgba(131, 24, 67, var(--text-opacity));
+}
+
 .hover\:text-transparent:hover {
   color: transparent;
 }
@@ -20361,6 +21838,58 @@ video {
   --text-opacity: 1;
 }
 
+.focus-within\:text-opacity-0:focus-within {
+  --text-opacity: 0;
+}
+
+.focus-within\:text-opacity-10:focus-within {
+  --text-opacity: 0.1;
+}
+
+.focus-within\:text-opacity-20:focus-within {
+  --text-opacity: 0.2;
+}
+
+.focus-within\:text-opacity-25:focus-within {
+  --text-opacity: 0.25;
+}
+
+.focus-within\:text-opacity-30:focus-within {
+  --text-opacity: 0.3;
+}
+
+.focus-within\:text-opacity-40:focus-within {
+  --text-opacity: 0.4;
+}
+
+.focus-within\:text-opacity-50:focus-within {
+  --text-opacity: 0.5;
+}
+
+.focus-within\:text-opacity-60:focus-within {
+  --text-opacity: 0.6;
+}
+
+.focus-within\:text-opacity-70:focus-within {
+  --text-opacity: 0.7;
+}
+
+.focus-within\:text-opacity-75:focus-within {
+  --text-opacity: 0.75;
+}
+
+.focus-within\:text-opacity-80:focus-within {
+  --text-opacity: 0.8;
+}
+
+.focus-within\:text-opacity-90:focus-within {
+  --text-opacity: 0.9;
+}
+
+.focus-within\:text-opacity-100:focus-within {
+  --text-opacity: 1;
+}
+
 .hover\:text-opacity-0:hover {
   --text-opacity: 0;
 }
@@ -20991,6 +22520,34 @@ video {
   z-index: auto;
 }
 
+.focus-within\:z-0:focus-within {
+  z-index: 0;
+}
+
+.focus-within\:z-10:focus-within {
+  z-index: 10;
+}
+
+.focus-within\:z-20:focus-within {
+  z-index: 20;
+}
+
+.focus-within\:z-30:focus-within {
+  z-index: 30;
+}
+
+.focus-within\:z-40:focus-within {
+  z-index: 40;
+}
+
+.focus-within\:z-50:focus-within {
+  z-index: 50;
+}
+
+.focus-within\:z-auto:focus-within {
+  z-index: auto;
+}
+
 .focus\:z-0:focus {
   z-index: 0;
 }
@@ -26464,6 +28021,29 @@ video {
     white-space: normal;
   }
 
+  .sm\:focus-within\:sr-only:focus-within {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .sm\:focus-within\:not-sr-only:focus-within {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
   .sm\:focus\:sr-only:focus {
     position: absolute;
     width: 1px;
@@ -27355,6 +28935,424 @@ video {
     background-color: rgba(131, 24, 67, var(--bg-opacity));
   }
 
+  .sm\:focus-within\:bg-transparent:focus-within {
+    background-color: transparent;
+  }
+
+  .sm\:focus-within\:bg-current:focus-within {
+    background-color: currentColor;
+  }
+
+  .sm\:focus-within\:bg-black:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-white:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-gray-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-gray-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-gray-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-gray-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-gray-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-gray-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-gray-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-gray-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-gray-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-gray-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-red-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-red-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-red-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-red-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-red-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-red-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-red-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-red-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-red-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-red-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-yellow-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-yellow-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-yellow-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-yellow-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-yellow-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-yellow-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-yellow-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-yellow-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-yellow-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-yellow-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-green-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-green-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-green-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-green-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-green-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-green-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-green-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-green-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-green-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-green-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-blue-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-blue-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-blue-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-blue-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-blue-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-blue-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-blue-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-blue-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-blue-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-blue-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-indigo-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-indigo-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-indigo-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-indigo-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-indigo-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-indigo-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-indigo-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-indigo-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-indigo-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-indigo-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-purple-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-purple-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-purple-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-purple-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-purple-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-purple-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-purple-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-purple-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-purple-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-purple-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-pink-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-pink-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-pink-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-pink-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-pink-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-pink-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-pink-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-pink-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-pink-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-pink-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--bg-opacity));
+  }
+
   .sm\:hover\:bg-transparent:hover {
     background-color: transparent;
   }
@@ -31859,6 +33857,58 @@ video {
     --bg-opacity: 1;
   }
 
+  .sm\:focus-within\:bg-opacity-0:focus-within {
+    --bg-opacity: 0;
+  }
+
+  .sm\:focus-within\:bg-opacity-10:focus-within {
+    --bg-opacity: 0.1;
+  }
+
+  .sm\:focus-within\:bg-opacity-20:focus-within {
+    --bg-opacity: 0.2;
+  }
+
+  .sm\:focus-within\:bg-opacity-25:focus-within {
+    --bg-opacity: 0.25;
+  }
+
+  .sm\:focus-within\:bg-opacity-30:focus-within {
+    --bg-opacity: 0.3;
+  }
+
+  .sm\:focus-within\:bg-opacity-40:focus-within {
+    --bg-opacity: 0.4;
+  }
+
+  .sm\:focus-within\:bg-opacity-50:focus-within {
+    --bg-opacity: 0.5;
+  }
+
+  .sm\:focus-within\:bg-opacity-60:focus-within {
+    --bg-opacity: 0.6;
+  }
+
+  .sm\:focus-within\:bg-opacity-70:focus-within {
+    --bg-opacity: 0.7;
+  }
+
+  .sm\:focus-within\:bg-opacity-75:focus-within {
+    --bg-opacity: 0.75;
+  }
+
+  .sm\:focus-within\:bg-opacity-80:focus-within {
+    --bg-opacity: 0.8;
+  }
+
+  .sm\:focus-within\:bg-opacity-90:focus-within {
+    --bg-opacity: 0.9;
+  }
+
+  .sm\:focus-within\:bg-opacity-100:focus-within {
+    --bg-opacity: 1;
+  }
+
   .sm\:hover\:bg-opacity-0:hover {
     --bg-opacity: 0;
   }
@@ -32879,6 +34929,424 @@ video {
     border-color: rgba(131, 24, 67, var(--border-opacity));
   }
 
+  .sm\:focus-within\:border-transparent:focus-within {
+    border-color: transparent;
+  }
+
+  .sm\:focus-within\:border-current:focus-within {
+    border-color: currentColor;
+  }
+
+  .sm\:focus-within\:border-black:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-white:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--border-opacity));
+  }
+
   .sm\:hover\:border-transparent:hover {
     border-color: transparent;
   }
@@ -33819,6 +36287,58 @@ video {
     --border-opacity: 1;
   }
 
+  .sm\:focus-within\:border-opacity-0:focus-within {
+    --border-opacity: 0;
+  }
+
+  .sm\:focus-within\:border-opacity-10:focus-within {
+    --border-opacity: 0.1;
+  }
+
+  .sm\:focus-within\:border-opacity-20:focus-within {
+    --border-opacity: 0.2;
+  }
+
+  .sm\:focus-within\:border-opacity-25:focus-within {
+    --border-opacity: 0.25;
+  }
+
+  .sm\:focus-within\:border-opacity-30:focus-within {
+    --border-opacity: 0.3;
+  }
+
+  .sm\:focus-within\:border-opacity-40:focus-within {
+    --border-opacity: 0.4;
+  }
+
+  .sm\:focus-within\:border-opacity-50:focus-within {
+    --border-opacity: 0.5;
+  }
+
+  .sm\:focus-within\:border-opacity-60:focus-within {
+    --border-opacity: 0.6;
+  }
+
+  .sm\:focus-within\:border-opacity-70:focus-within {
+    --border-opacity: 0.7;
+  }
+
+  .sm\:focus-within\:border-opacity-75:focus-within {
+    --border-opacity: 0.75;
+  }
+
+  .sm\:focus-within\:border-opacity-80:focus-within {
+    --border-opacity: 0.8;
+  }
+
+  .sm\:focus-within\:border-opacity-90:focus-within {
+    --border-opacity: 0.9;
+  }
+
+  .sm\:focus-within\:border-opacity-100:focus-within {
+    --border-opacity: 1;
+  }
+
   .sm\:hover\:border-opacity-0:hover {
     --border-opacity: 0;
   }
@@ -37862,6 +40382,58 @@ video {
     opacity: 1;
   }
 
+  .sm\:focus-within\:opacity-0:focus-within {
+    opacity: 0;
+  }
+
+  .sm\:focus-within\:opacity-10:focus-within {
+    opacity: 0.1;
+  }
+
+  .sm\:focus-within\:opacity-20:focus-within {
+    opacity: 0.2;
+  }
+
+  .sm\:focus-within\:opacity-25:focus-within {
+    opacity: 0.25;
+  }
+
+  .sm\:focus-within\:opacity-30:focus-within {
+    opacity: 0.3;
+  }
+
+  .sm\:focus-within\:opacity-40:focus-within {
+    opacity: 0.4;
+  }
+
+  .sm\:focus-within\:opacity-50:focus-within {
+    opacity: 0.5;
+  }
+
+  .sm\:focus-within\:opacity-60:focus-within {
+    opacity: 0.6;
+  }
+
+  .sm\:focus-within\:opacity-70:focus-within {
+    opacity: 0.7;
+  }
+
+  .sm\:focus-within\:opacity-75:focus-within {
+    opacity: 0.75;
+  }
+
+  .sm\:focus-within\:opacity-80:focus-within {
+    opacity: 0.8;
+  }
+
+  .sm\:focus-within\:opacity-90:focus-within {
+    opacity: 0.9;
+  }
+
+  .sm\:focus-within\:opacity-100:focus-within {
+    opacity: 1;
+  }
+
   .sm\:hover\:opacity-0:hover {
     opacity: 0;
   }
@@ -42930,6 +45502,50 @@ video {
     box-shadow: none;
   }
 
+  .sm\:focus-within\:shadow-xs:focus-within {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .sm\:focus-within\:shadow-sm:focus-within {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .sm\:focus-within\:shadow:focus-within {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .sm\:focus-within\:shadow-md:focus-within {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .sm\:focus-within\:shadow-lg:focus-within {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .sm\:focus-within\:shadow-xl:focus-within {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .sm\:focus-within\:shadow-2xl:focus-within {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .sm\:focus-within\:shadow-inner:focus-within {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .sm\:focus-within\:shadow-outline:focus-within {
+    box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
+  }
+
+  .sm\:focus-within\:shadow-solid:focus-within {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .sm\:focus-within\:shadow-none:focus-within {
+    box-shadow: none;
+  }
+
   .sm\:hover\:shadow-xs:hover {
     box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
   }
@@ -43898,6 +46514,424 @@ video {
     color: rgba(131, 24, 67, var(--text-opacity));
   }
 
+  .sm\:focus-within\:text-transparent:focus-within {
+    color: transparent;
+  }
+
+  .sm\:focus-within\:text-current:focus-within {
+    color: currentColor;
+  }
+
+  .sm\:focus-within\:text-black:focus-within {
+    --text-opacity: 1;
+    color: rgba(0, 0, 0, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-white:focus-within {
+    --text-opacity: 1;
+    color: rgba(255, 255, 255, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(249, 250, 251, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(243, 244, 246, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(229, 231, 235, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(209, 213, 219, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(156, 163, 175, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(107, 114, 128, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(75, 85, 99, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(55, 65, 81, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(31, 41, 55, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(17, 24, 39, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(254, 242, 242, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(254, 226, 226, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(254, 202, 202, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(252, 165, 165, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(248, 113, 113, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(239, 68, 68, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(220, 38, 38, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(185, 28, 28, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(153, 27, 27, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(127, 29, 29, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(255, 251, 235, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(254, 243, 199, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(253, 230, 138, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(252, 211, 77, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(251, 191, 36, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(245, 158, 11, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(217, 119, 6, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(180, 83, 9, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(146, 64, 14, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(120, 53, 15, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(236, 253, 245, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(209, 250, 229, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(167, 243, 208, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(110, 231, 183, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(52, 211, 153, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(16, 185, 129, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(5, 150, 105, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(4, 120, 87, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(6, 95, 70, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(6, 78, 59, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(239, 246, 255, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(219, 234, 254, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(191, 219, 254, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(147, 197, 253, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(96, 165, 250, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(59, 130, 246, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(37, 99, 235, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(29, 78, 216, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(30, 64, 175, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(30, 58, 138, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(238, 242, 255, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(224, 231, 255, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(199, 210, 254, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(165, 180, 252, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(129, 140, 248, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(99, 102, 241, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(79, 70, 229, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(67, 56, 202, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(55, 48, 163, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(49, 46, 129, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(245, 243, 255, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(237, 233, 254, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(221, 214, 254, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(196, 181, 253, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(167, 139, 250, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(139, 92, 246, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(124, 58, 237, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(109, 40, 217, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(91, 33, 182, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(76, 29, 149, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(253, 242, 248, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(252, 231, 243, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(251, 207, 232, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(249, 168, 212, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(244, 114, 182, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(236, 72, 153, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(219, 39, 119, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(190, 24, 93, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(157, 23, 77, var(--text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(131, 24, 67, var(--text-opacity));
+  }
+
   .sm\:hover\:text-transparent:hover {
     color: transparent;
   }
@@ -44838,6 +47872,58 @@ video {
     --text-opacity: 1;
   }
 
+  .sm\:focus-within\:text-opacity-0:focus-within {
+    --text-opacity: 0;
+  }
+
+  .sm\:focus-within\:text-opacity-10:focus-within {
+    --text-opacity: 0.1;
+  }
+
+  .sm\:focus-within\:text-opacity-20:focus-within {
+    --text-opacity: 0.2;
+  }
+
+  .sm\:focus-within\:text-opacity-25:focus-within {
+    --text-opacity: 0.25;
+  }
+
+  .sm\:focus-within\:text-opacity-30:focus-within {
+    --text-opacity: 0.3;
+  }
+
+  .sm\:focus-within\:text-opacity-40:focus-within {
+    --text-opacity: 0.4;
+  }
+
+  .sm\:focus-within\:text-opacity-50:focus-within {
+    --text-opacity: 0.5;
+  }
+
+  .sm\:focus-within\:text-opacity-60:focus-within {
+    --text-opacity: 0.6;
+  }
+
+  .sm\:focus-within\:text-opacity-70:focus-within {
+    --text-opacity: 0.7;
+  }
+
+  .sm\:focus-within\:text-opacity-75:focus-within {
+    --text-opacity: 0.75;
+  }
+
+  .sm\:focus-within\:text-opacity-80:focus-within {
+    --text-opacity: 0.8;
+  }
+
+  .sm\:focus-within\:text-opacity-90:focus-within {
+    --text-opacity: 0.9;
+  }
+
+  .sm\:focus-within\:text-opacity-100:focus-within {
+    --text-opacity: 1;
+  }
+
   .sm\:hover\:text-opacity-0:hover {
     --text-opacity: 0;
   }
@@ -45468,6 +48554,34 @@ video {
     z-index: auto;
   }
 
+  .sm\:focus-within\:z-0:focus-within {
+    z-index: 0;
+  }
+
+  .sm\:focus-within\:z-10:focus-within {
+    z-index: 10;
+  }
+
+  .sm\:focus-within\:z-20:focus-within {
+    z-index: 20;
+  }
+
+  .sm\:focus-within\:z-30:focus-within {
+    z-index: 30;
+  }
+
+  .sm\:focus-within\:z-40:focus-within {
+    z-index: 40;
+  }
+
+  .sm\:focus-within\:z-50:focus-within {
+    z-index: 50;
+  }
+
+  .sm\:focus-within\:z-auto:focus-within {
+    z-index: auto;
+  }
+
   .sm\:focus\:z-0:focus {
     z-index: 0;
   }
@@ -50911,6 +54025,29 @@ video {
     white-space: normal;
   }
 
+  .md\:focus-within\:sr-only:focus-within {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .md\:focus-within\:not-sr-only:focus-within {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
   .md\:focus\:sr-only:focus {
     position: absolute;
     width: 1px;
@@ -51802,6 +54939,424 @@ video {
     background-color: rgba(131, 24, 67, var(--bg-opacity));
   }
 
+  .md\:focus-within\:bg-transparent:focus-within {
+    background-color: transparent;
+  }
+
+  .md\:focus-within\:bg-current:focus-within {
+    background-color: currentColor;
+  }
+
+  .md\:focus-within\:bg-black:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-white:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-gray-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-gray-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-gray-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-gray-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-gray-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-gray-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-gray-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-gray-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-gray-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-gray-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-red-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-red-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-red-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-red-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-red-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-red-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-red-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-red-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-red-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-red-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-yellow-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-yellow-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-yellow-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-yellow-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-yellow-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-yellow-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-yellow-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-yellow-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-yellow-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-yellow-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-green-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-green-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-green-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-green-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-green-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-green-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-green-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-green-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-green-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-green-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-blue-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-blue-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-blue-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-blue-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-blue-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-blue-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-blue-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-blue-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-blue-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-blue-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-indigo-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-indigo-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-indigo-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-indigo-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-indigo-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-indigo-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-indigo-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-indigo-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-indigo-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-indigo-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-purple-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-purple-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-purple-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-purple-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-purple-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-purple-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-purple-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-purple-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-purple-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-purple-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-pink-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-pink-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-pink-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-pink-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-pink-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-pink-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-pink-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-pink-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-pink-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--bg-opacity));
+  }
+
+  .md\:focus-within\:bg-pink-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--bg-opacity));
+  }
+
   .md\:hover\:bg-transparent:hover {
     background-color: transparent;
   }
@@ -56306,6 +59861,58 @@ video {
     --bg-opacity: 1;
   }
 
+  .md\:focus-within\:bg-opacity-0:focus-within {
+    --bg-opacity: 0;
+  }
+
+  .md\:focus-within\:bg-opacity-10:focus-within {
+    --bg-opacity: 0.1;
+  }
+
+  .md\:focus-within\:bg-opacity-20:focus-within {
+    --bg-opacity: 0.2;
+  }
+
+  .md\:focus-within\:bg-opacity-25:focus-within {
+    --bg-opacity: 0.25;
+  }
+
+  .md\:focus-within\:bg-opacity-30:focus-within {
+    --bg-opacity: 0.3;
+  }
+
+  .md\:focus-within\:bg-opacity-40:focus-within {
+    --bg-opacity: 0.4;
+  }
+
+  .md\:focus-within\:bg-opacity-50:focus-within {
+    --bg-opacity: 0.5;
+  }
+
+  .md\:focus-within\:bg-opacity-60:focus-within {
+    --bg-opacity: 0.6;
+  }
+
+  .md\:focus-within\:bg-opacity-70:focus-within {
+    --bg-opacity: 0.7;
+  }
+
+  .md\:focus-within\:bg-opacity-75:focus-within {
+    --bg-opacity: 0.75;
+  }
+
+  .md\:focus-within\:bg-opacity-80:focus-within {
+    --bg-opacity: 0.8;
+  }
+
+  .md\:focus-within\:bg-opacity-90:focus-within {
+    --bg-opacity: 0.9;
+  }
+
+  .md\:focus-within\:bg-opacity-100:focus-within {
+    --bg-opacity: 1;
+  }
+
   .md\:hover\:bg-opacity-0:hover {
     --bg-opacity: 0;
   }
@@ -57326,6 +60933,424 @@ video {
     border-color: rgba(131, 24, 67, var(--border-opacity));
   }
 
+  .md\:focus-within\:border-transparent:focus-within {
+    border-color: transparent;
+  }
+
+  .md\:focus-within\:border-current:focus-within {
+    border-color: currentColor;
+  }
+
+  .md\:focus-within\:border-black:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-white:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-red-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-red-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-red-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-red-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-red-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-red-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-red-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-red-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-red-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-red-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-green-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-green-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-green-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-green-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-green-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-green-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-green-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-green-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-green-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-green-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--border-opacity));
+  }
+
   .md\:hover\:border-transparent:hover {
     border-color: transparent;
   }
@@ -58266,6 +62291,58 @@ video {
     --border-opacity: 1;
   }
 
+  .md\:focus-within\:border-opacity-0:focus-within {
+    --border-opacity: 0;
+  }
+
+  .md\:focus-within\:border-opacity-10:focus-within {
+    --border-opacity: 0.1;
+  }
+
+  .md\:focus-within\:border-opacity-20:focus-within {
+    --border-opacity: 0.2;
+  }
+
+  .md\:focus-within\:border-opacity-25:focus-within {
+    --border-opacity: 0.25;
+  }
+
+  .md\:focus-within\:border-opacity-30:focus-within {
+    --border-opacity: 0.3;
+  }
+
+  .md\:focus-within\:border-opacity-40:focus-within {
+    --border-opacity: 0.4;
+  }
+
+  .md\:focus-within\:border-opacity-50:focus-within {
+    --border-opacity: 0.5;
+  }
+
+  .md\:focus-within\:border-opacity-60:focus-within {
+    --border-opacity: 0.6;
+  }
+
+  .md\:focus-within\:border-opacity-70:focus-within {
+    --border-opacity: 0.7;
+  }
+
+  .md\:focus-within\:border-opacity-75:focus-within {
+    --border-opacity: 0.75;
+  }
+
+  .md\:focus-within\:border-opacity-80:focus-within {
+    --border-opacity: 0.8;
+  }
+
+  .md\:focus-within\:border-opacity-90:focus-within {
+    --border-opacity: 0.9;
+  }
+
+  .md\:focus-within\:border-opacity-100:focus-within {
+    --border-opacity: 1;
+  }
+
   .md\:hover\:border-opacity-0:hover {
     --border-opacity: 0;
   }
@@ -62309,6 +66386,58 @@ video {
     opacity: 1;
   }
 
+  .md\:focus-within\:opacity-0:focus-within {
+    opacity: 0;
+  }
+
+  .md\:focus-within\:opacity-10:focus-within {
+    opacity: 0.1;
+  }
+
+  .md\:focus-within\:opacity-20:focus-within {
+    opacity: 0.2;
+  }
+
+  .md\:focus-within\:opacity-25:focus-within {
+    opacity: 0.25;
+  }
+
+  .md\:focus-within\:opacity-30:focus-within {
+    opacity: 0.3;
+  }
+
+  .md\:focus-within\:opacity-40:focus-within {
+    opacity: 0.4;
+  }
+
+  .md\:focus-within\:opacity-50:focus-within {
+    opacity: 0.5;
+  }
+
+  .md\:focus-within\:opacity-60:focus-within {
+    opacity: 0.6;
+  }
+
+  .md\:focus-within\:opacity-70:focus-within {
+    opacity: 0.7;
+  }
+
+  .md\:focus-within\:opacity-75:focus-within {
+    opacity: 0.75;
+  }
+
+  .md\:focus-within\:opacity-80:focus-within {
+    opacity: 0.8;
+  }
+
+  .md\:focus-within\:opacity-90:focus-within {
+    opacity: 0.9;
+  }
+
+  .md\:focus-within\:opacity-100:focus-within {
+    opacity: 1;
+  }
+
   .md\:hover\:opacity-0:hover {
     opacity: 0;
   }
@@ -67377,6 +71506,50 @@ video {
     box-shadow: none;
   }
 
+  .md\:focus-within\:shadow-xs:focus-within {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .md\:focus-within\:shadow-sm:focus-within {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .md\:focus-within\:shadow:focus-within {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .md\:focus-within\:shadow-md:focus-within {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .md\:focus-within\:shadow-lg:focus-within {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .md\:focus-within\:shadow-xl:focus-within {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .md\:focus-within\:shadow-2xl:focus-within {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .md\:focus-within\:shadow-inner:focus-within {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .md\:focus-within\:shadow-outline:focus-within {
+    box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
+  }
+
+  .md\:focus-within\:shadow-solid:focus-within {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .md\:focus-within\:shadow-none:focus-within {
+    box-shadow: none;
+  }
+
   .md\:hover\:shadow-xs:hover {
     box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
   }
@@ -68345,6 +72518,424 @@ video {
     color: rgba(131, 24, 67, var(--text-opacity));
   }
 
+  .md\:focus-within\:text-transparent:focus-within {
+    color: transparent;
+  }
+
+  .md\:focus-within\:text-current:focus-within {
+    color: currentColor;
+  }
+
+  .md\:focus-within\:text-black:focus-within {
+    --text-opacity: 1;
+    color: rgba(0, 0, 0, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-white:focus-within {
+    --text-opacity: 1;
+    color: rgba(255, 255, 255, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(249, 250, 251, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(243, 244, 246, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(229, 231, 235, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(209, 213, 219, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(156, 163, 175, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(107, 114, 128, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(75, 85, 99, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(55, 65, 81, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(31, 41, 55, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(17, 24, 39, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-red-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(254, 242, 242, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-red-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(254, 226, 226, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-red-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(254, 202, 202, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-red-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(252, 165, 165, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-red-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(248, 113, 113, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-red-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(239, 68, 68, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-red-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(220, 38, 38, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-red-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(185, 28, 28, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-red-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(153, 27, 27, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-red-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(127, 29, 29, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(255, 251, 235, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(254, 243, 199, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(253, 230, 138, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(252, 211, 77, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(251, 191, 36, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(245, 158, 11, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(217, 119, 6, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(180, 83, 9, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(146, 64, 14, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(120, 53, 15, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-green-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(236, 253, 245, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-green-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(209, 250, 229, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-green-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(167, 243, 208, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-green-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(110, 231, 183, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-green-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(52, 211, 153, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-green-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(16, 185, 129, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-green-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(5, 150, 105, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-green-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(4, 120, 87, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-green-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(6, 95, 70, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-green-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(6, 78, 59, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(239, 246, 255, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(219, 234, 254, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(191, 219, 254, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(147, 197, 253, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(96, 165, 250, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(59, 130, 246, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(37, 99, 235, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(29, 78, 216, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(30, 64, 175, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(30, 58, 138, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(238, 242, 255, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(224, 231, 255, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(199, 210, 254, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(165, 180, 252, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(129, 140, 248, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(99, 102, 241, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(79, 70, 229, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(67, 56, 202, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(55, 48, 163, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(49, 46, 129, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(245, 243, 255, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(237, 233, 254, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(221, 214, 254, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(196, 181, 253, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(167, 139, 250, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(139, 92, 246, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(124, 58, 237, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(109, 40, 217, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(91, 33, 182, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(76, 29, 149, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(253, 242, 248, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(252, 231, 243, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(251, 207, 232, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(249, 168, 212, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(244, 114, 182, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(236, 72, 153, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(219, 39, 119, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(190, 24, 93, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(157, 23, 77, var(--text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(131, 24, 67, var(--text-opacity));
+  }
+
   .md\:hover\:text-transparent:hover {
     color: transparent;
   }
@@ -69285,6 +73876,58 @@ video {
     --text-opacity: 1;
   }
 
+  .md\:focus-within\:text-opacity-0:focus-within {
+    --text-opacity: 0;
+  }
+
+  .md\:focus-within\:text-opacity-10:focus-within {
+    --text-opacity: 0.1;
+  }
+
+  .md\:focus-within\:text-opacity-20:focus-within {
+    --text-opacity: 0.2;
+  }
+
+  .md\:focus-within\:text-opacity-25:focus-within {
+    --text-opacity: 0.25;
+  }
+
+  .md\:focus-within\:text-opacity-30:focus-within {
+    --text-opacity: 0.3;
+  }
+
+  .md\:focus-within\:text-opacity-40:focus-within {
+    --text-opacity: 0.4;
+  }
+
+  .md\:focus-within\:text-opacity-50:focus-within {
+    --text-opacity: 0.5;
+  }
+
+  .md\:focus-within\:text-opacity-60:focus-within {
+    --text-opacity: 0.6;
+  }
+
+  .md\:focus-within\:text-opacity-70:focus-within {
+    --text-opacity: 0.7;
+  }
+
+  .md\:focus-within\:text-opacity-75:focus-within {
+    --text-opacity: 0.75;
+  }
+
+  .md\:focus-within\:text-opacity-80:focus-within {
+    --text-opacity: 0.8;
+  }
+
+  .md\:focus-within\:text-opacity-90:focus-within {
+    --text-opacity: 0.9;
+  }
+
+  .md\:focus-within\:text-opacity-100:focus-within {
+    --text-opacity: 1;
+  }
+
   .md\:hover\:text-opacity-0:hover {
     --text-opacity: 0;
   }
@@ -69915,6 +74558,34 @@ video {
     z-index: auto;
   }
 
+  .md\:focus-within\:z-0:focus-within {
+    z-index: 0;
+  }
+
+  .md\:focus-within\:z-10:focus-within {
+    z-index: 10;
+  }
+
+  .md\:focus-within\:z-20:focus-within {
+    z-index: 20;
+  }
+
+  .md\:focus-within\:z-30:focus-within {
+    z-index: 30;
+  }
+
+  .md\:focus-within\:z-40:focus-within {
+    z-index: 40;
+  }
+
+  .md\:focus-within\:z-50:focus-within {
+    z-index: 50;
+  }
+
+  .md\:focus-within\:z-auto:focus-within {
+    z-index: auto;
+  }
+
   .md\:focus\:z-0:focus {
     z-index: 0;
   }
@@ -75358,6 +80029,29 @@ video {
     white-space: normal;
   }
 
+  .lg\:focus-within\:sr-only:focus-within {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .lg\:focus-within\:not-sr-only:focus-within {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
   .lg\:focus\:sr-only:focus {
     position: absolute;
     width: 1px;
@@ -76249,6 +80943,424 @@ video {
     background-color: rgba(131, 24, 67, var(--bg-opacity));
   }
 
+  .lg\:focus-within\:bg-transparent:focus-within {
+    background-color: transparent;
+  }
+
+  .lg\:focus-within\:bg-current:focus-within {
+    background-color: currentColor;
+  }
+
+  .lg\:focus-within\:bg-black:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-white:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-gray-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-gray-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-gray-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-gray-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-gray-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-gray-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-gray-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-gray-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-gray-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-gray-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-red-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-red-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-red-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-red-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-red-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-red-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-red-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-red-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-red-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-red-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-yellow-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-yellow-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-yellow-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-yellow-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-yellow-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-yellow-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-yellow-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-yellow-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-yellow-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-yellow-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-green-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-green-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-green-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-green-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-green-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-green-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-green-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-green-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-green-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-green-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-blue-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-blue-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-blue-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-blue-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-blue-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-blue-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-blue-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-blue-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-blue-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-blue-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-indigo-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-indigo-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-indigo-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-indigo-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-indigo-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-indigo-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-indigo-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-indigo-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-indigo-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-indigo-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-purple-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-purple-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-purple-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-purple-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-purple-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-purple-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-purple-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-purple-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-purple-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-purple-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-pink-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-pink-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-pink-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-pink-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-pink-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-pink-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-pink-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-pink-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-pink-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-pink-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--bg-opacity));
+  }
+
   .lg\:hover\:bg-transparent:hover {
     background-color: transparent;
   }
@@ -80753,6 +85865,58 @@ video {
     --bg-opacity: 1;
   }
 
+  .lg\:focus-within\:bg-opacity-0:focus-within {
+    --bg-opacity: 0;
+  }
+
+  .lg\:focus-within\:bg-opacity-10:focus-within {
+    --bg-opacity: 0.1;
+  }
+
+  .lg\:focus-within\:bg-opacity-20:focus-within {
+    --bg-opacity: 0.2;
+  }
+
+  .lg\:focus-within\:bg-opacity-25:focus-within {
+    --bg-opacity: 0.25;
+  }
+
+  .lg\:focus-within\:bg-opacity-30:focus-within {
+    --bg-opacity: 0.3;
+  }
+
+  .lg\:focus-within\:bg-opacity-40:focus-within {
+    --bg-opacity: 0.4;
+  }
+
+  .lg\:focus-within\:bg-opacity-50:focus-within {
+    --bg-opacity: 0.5;
+  }
+
+  .lg\:focus-within\:bg-opacity-60:focus-within {
+    --bg-opacity: 0.6;
+  }
+
+  .lg\:focus-within\:bg-opacity-70:focus-within {
+    --bg-opacity: 0.7;
+  }
+
+  .lg\:focus-within\:bg-opacity-75:focus-within {
+    --bg-opacity: 0.75;
+  }
+
+  .lg\:focus-within\:bg-opacity-80:focus-within {
+    --bg-opacity: 0.8;
+  }
+
+  .lg\:focus-within\:bg-opacity-90:focus-within {
+    --bg-opacity: 0.9;
+  }
+
+  .lg\:focus-within\:bg-opacity-100:focus-within {
+    --bg-opacity: 1;
+  }
+
   .lg\:hover\:bg-opacity-0:hover {
     --bg-opacity: 0;
   }
@@ -81773,6 +86937,424 @@ video {
     border-color: rgba(131, 24, 67, var(--border-opacity));
   }
 
+  .lg\:focus-within\:border-transparent:focus-within {
+    border-color: transparent;
+  }
+
+  .lg\:focus-within\:border-current:focus-within {
+    border-color: currentColor;
+  }
+
+  .lg\:focus-within\:border-black:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-white:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--border-opacity));
+  }
+
   .lg\:hover\:border-transparent:hover {
     border-color: transparent;
   }
@@ -82713,6 +88295,58 @@ video {
     --border-opacity: 1;
   }
 
+  .lg\:focus-within\:border-opacity-0:focus-within {
+    --border-opacity: 0;
+  }
+
+  .lg\:focus-within\:border-opacity-10:focus-within {
+    --border-opacity: 0.1;
+  }
+
+  .lg\:focus-within\:border-opacity-20:focus-within {
+    --border-opacity: 0.2;
+  }
+
+  .lg\:focus-within\:border-opacity-25:focus-within {
+    --border-opacity: 0.25;
+  }
+
+  .lg\:focus-within\:border-opacity-30:focus-within {
+    --border-opacity: 0.3;
+  }
+
+  .lg\:focus-within\:border-opacity-40:focus-within {
+    --border-opacity: 0.4;
+  }
+
+  .lg\:focus-within\:border-opacity-50:focus-within {
+    --border-opacity: 0.5;
+  }
+
+  .lg\:focus-within\:border-opacity-60:focus-within {
+    --border-opacity: 0.6;
+  }
+
+  .lg\:focus-within\:border-opacity-70:focus-within {
+    --border-opacity: 0.7;
+  }
+
+  .lg\:focus-within\:border-opacity-75:focus-within {
+    --border-opacity: 0.75;
+  }
+
+  .lg\:focus-within\:border-opacity-80:focus-within {
+    --border-opacity: 0.8;
+  }
+
+  .lg\:focus-within\:border-opacity-90:focus-within {
+    --border-opacity: 0.9;
+  }
+
+  .lg\:focus-within\:border-opacity-100:focus-within {
+    --border-opacity: 1;
+  }
+
   .lg\:hover\:border-opacity-0:hover {
     --border-opacity: 0;
   }
@@ -86756,6 +92390,58 @@ video {
     opacity: 1;
   }
 
+  .lg\:focus-within\:opacity-0:focus-within {
+    opacity: 0;
+  }
+
+  .lg\:focus-within\:opacity-10:focus-within {
+    opacity: 0.1;
+  }
+
+  .lg\:focus-within\:opacity-20:focus-within {
+    opacity: 0.2;
+  }
+
+  .lg\:focus-within\:opacity-25:focus-within {
+    opacity: 0.25;
+  }
+
+  .lg\:focus-within\:opacity-30:focus-within {
+    opacity: 0.3;
+  }
+
+  .lg\:focus-within\:opacity-40:focus-within {
+    opacity: 0.4;
+  }
+
+  .lg\:focus-within\:opacity-50:focus-within {
+    opacity: 0.5;
+  }
+
+  .lg\:focus-within\:opacity-60:focus-within {
+    opacity: 0.6;
+  }
+
+  .lg\:focus-within\:opacity-70:focus-within {
+    opacity: 0.7;
+  }
+
+  .lg\:focus-within\:opacity-75:focus-within {
+    opacity: 0.75;
+  }
+
+  .lg\:focus-within\:opacity-80:focus-within {
+    opacity: 0.8;
+  }
+
+  .lg\:focus-within\:opacity-90:focus-within {
+    opacity: 0.9;
+  }
+
+  .lg\:focus-within\:opacity-100:focus-within {
+    opacity: 1;
+  }
+
   .lg\:hover\:opacity-0:hover {
     opacity: 0;
   }
@@ -91824,6 +97510,50 @@ video {
     box-shadow: none;
   }
 
+  .lg\:focus-within\:shadow-xs:focus-within {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .lg\:focus-within\:shadow-sm:focus-within {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .lg\:focus-within\:shadow:focus-within {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .lg\:focus-within\:shadow-md:focus-within {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .lg\:focus-within\:shadow-lg:focus-within {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .lg\:focus-within\:shadow-xl:focus-within {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .lg\:focus-within\:shadow-2xl:focus-within {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .lg\:focus-within\:shadow-inner:focus-within {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .lg\:focus-within\:shadow-outline:focus-within {
+    box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
+  }
+
+  .lg\:focus-within\:shadow-solid:focus-within {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .lg\:focus-within\:shadow-none:focus-within {
+    box-shadow: none;
+  }
+
   .lg\:hover\:shadow-xs:hover {
     box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
   }
@@ -92792,6 +98522,424 @@ video {
     color: rgba(131, 24, 67, var(--text-opacity));
   }
 
+  .lg\:focus-within\:text-transparent:focus-within {
+    color: transparent;
+  }
+
+  .lg\:focus-within\:text-current:focus-within {
+    color: currentColor;
+  }
+
+  .lg\:focus-within\:text-black:focus-within {
+    --text-opacity: 1;
+    color: rgba(0, 0, 0, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-white:focus-within {
+    --text-opacity: 1;
+    color: rgba(255, 255, 255, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(249, 250, 251, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(243, 244, 246, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(229, 231, 235, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(209, 213, 219, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(156, 163, 175, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(107, 114, 128, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(75, 85, 99, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(55, 65, 81, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(31, 41, 55, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(17, 24, 39, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(254, 242, 242, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(254, 226, 226, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(254, 202, 202, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(252, 165, 165, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(248, 113, 113, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(239, 68, 68, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(220, 38, 38, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(185, 28, 28, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(153, 27, 27, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(127, 29, 29, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(255, 251, 235, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(254, 243, 199, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(253, 230, 138, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(252, 211, 77, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(251, 191, 36, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(245, 158, 11, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(217, 119, 6, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(180, 83, 9, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(146, 64, 14, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(120, 53, 15, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(236, 253, 245, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(209, 250, 229, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(167, 243, 208, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(110, 231, 183, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(52, 211, 153, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(16, 185, 129, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(5, 150, 105, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(4, 120, 87, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(6, 95, 70, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(6, 78, 59, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(239, 246, 255, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(219, 234, 254, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(191, 219, 254, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(147, 197, 253, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(96, 165, 250, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(59, 130, 246, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(37, 99, 235, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(29, 78, 216, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(30, 64, 175, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(30, 58, 138, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(238, 242, 255, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(224, 231, 255, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(199, 210, 254, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(165, 180, 252, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(129, 140, 248, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(99, 102, 241, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(79, 70, 229, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(67, 56, 202, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(55, 48, 163, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(49, 46, 129, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(245, 243, 255, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(237, 233, 254, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(221, 214, 254, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(196, 181, 253, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(167, 139, 250, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(139, 92, 246, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(124, 58, 237, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(109, 40, 217, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(91, 33, 182, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(76, 29, 149, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(253, 242, 248, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(252, 231, 243, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(251, 207, 232, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(249, 168, 212, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(244, 114, 182, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(236, 72, 153, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(219, 39, 119, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(190, 24, 93, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(157, 23, 77, var(--text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(131, 24, 67, var(--text-opacity));
+  }
+
   .lg\:hover\:text-transparent:hover {
     color: transparent;
   }
@@ -93732,6 +99880,58 @@ video {
     --text-opacity: 1;
   }
 
+  .lg\:focus-within\:text-opacity-0:focus-within {
+    --text-opacity: 0;
+  }
+
+  .lg\:focus-within\:text-opacity-10:focus-within {
+    --text-opacity: 0.1;
+  }
+
+  .lg\:focus-within\:text-opacity-20:focus-within {
+    --text-opacity: 0.2;
+  }
+
+  .lg\:focus-within\:text-opacity-25:focus-within {
+    --text-opacity: 0.25;
+  }
+
+  .lg\:focus-within\:text-opacity-30:focus-within {
+    --text-opacity: 0.3;
+  }
+
+  .lg\:focus-within\:text-opacity-40:focus-within {
+    --text-opacity: 0.4;
+  }
+
+  .lg\:focus-within\:text-opacity-50:focus-within {
+    --text-opacity: 0.5;
+  }
+
+  .lg\:focus-within\:text-opacity-60:focus-within {
+    --text-opacity: 0.6;
+  }
+
+  .lg\:focus-within\:text-opacity-70:focus-within {
+    --text-opacity: 0.7;
+  }
+
+  .lg\:focus-within\:text-opacity-75:focus-within {
+    --text-opacity: 0.75;
+  }
+
+  .lg\:focus-within\:text-opacity-80:focus-within {
+    --text-opacity: 0.8;
+  }
+
+  .lg\:focus-within\:text-opacity-90:focus-within {
+    --text-opacity: 0.9;
+  }
+
+  .lg\:focus-within\:text-opacity-100:focus-within {
+    --text-opacity: 1;
+  }
+
   .lg\:hover\:text-opacity-0:hover {
     --text-opacity: 0;
   }
@@ -94362,6 +100562,34 @@ video {
     z-index: auto;
   }
 
+  .lg\:focus-within\:z-0:focus-within {
+    z-index: 0;
+  }
+
+  .lg\:focus-within\:z-10:focus-within {
+    z-index: 10;
+  }
+
+  .lg\:focus-within\:z-20:focus-within {
+    z-index: 20;
+  }
+
+  .lg\:focus-within\:z-30:focus-within {
+    z-index: 30;
+  }
+
+  .lg\:focus-within\:z-40:focus-within {
+    z-index: 40;
+  }
+
+  .lg\:focus-within\:z-50:focus-within {
+    z-index: 50;
+  }
+
+  .lg\:focus-within\:z-auto:focus-within {
+    z-index: auto;
+  }
+
   .lg\:focus\:z-0:focus {
     z-index: 0;
   }
@@ -99805,6 +106033,29 @@ video {
     white-space: normal;
   }
 
+  .xl\:focus-within\:sr-only:focus-within {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .xl\:focus-within\:not-sr-only:focus-within {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
   .xl\:focus\:sr-only:focus {
     position: absolute;
     width: 1px;
@@ -100696,6 +106947,424 @@ video {
     background-color: rgba(131, 24, 67, var(--bg-opacity));
   }
 
+  .xl\:focus-within\:bg-transparent:focus-within {
+    background-color: transparent;
+  }
+
+  .xl\:focus-within\:bg-current:focus-within {
+    background-color: currentColor;
+  }
+
+  .xl\:focus-within\:bg-black:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-white:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-gray-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-gray-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-gray-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-gray-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-gray-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-gray-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-gray-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-gray-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-gray-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-gray-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-red-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-red-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-red-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-red-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-red-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-red-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-red-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-red-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-red-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-red-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-yellow-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-yellow-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-yellow-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-yellow-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-yellow-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-yellow-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-yellow-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-yellow-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-yellow-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-yellow-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-green-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-green-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-green-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-green-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-green-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-green-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-green-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-green-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-green-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-green-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-blue-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-blue-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-blue-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-blue-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-blue-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-blue-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-blue-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-blue-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-blue-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-blue-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-indigo-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-indigo-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-indigo-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-indigo-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-indigo-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-indigo-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-indigo-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-indigo-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-indigo-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-indigo-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-purple-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-purple-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-purple-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-purple-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-purple-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-purple-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-purple-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-purple-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-purple-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-purple-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-pink-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-pink-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-pink-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-pink-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-pink-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-pink-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-pink-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-pink-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-pink-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-pink-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--bg-opacity));
+  }
+
   .xl\:hover\:bg-transparent:hover {
     background-color: transparent;
   }
@@ -105200,6 +111869,58 @@ video {
     --bg-opacity: 1;
   }
 
+  .xl\:focus-within\:bg-opacity-0:focus-within {
+    --bg-opacity: 0;
+  }
+
+  .xl\:focus-within\:bg-opacity-10:focus-within {
+    --bg-opacity: 0.1;
+  }
+
+  .xl\:focus-within\:bg-opacity-20:focus-within {
+    --bg-opacity: 0.2;
+  }
+
+  .xl\:focus-within\:bg-opacity-25:focus-within {
+    --bg-opacity: 0.25;
+  }
+
+  .xl\:focus-within\:bg-opacity-30:focus-within {
+    --bg-opacity: 0.3;
+  }
+
+  .xl\:focus-within\:bg-opacity-40:focus-within {
+    --bg-opacity: 0.4;
+  }
+
+  .xl\:focus-within\:bg-opacity-50:focus-within {
+    --bg-opacity: 0.5;
+  }
+
+  .xl\:focus-within\:bg-opacity-60:focus-within {
+    --bg-opacity: 0.6;
+  }
+
+  .xl\:focus-within\:bg-opacity-70:focus-within {
+    --bg-opacity: 0.7;
+  }
+
+  .xl\:focus-within\:bg-opacity-75:focus-within {
+    --bg-opacity: 0.75;
+  }
+
+  .xl\:focus-within\:bg-opacity-80:focus-within {
+    --bg-opacity: 0.8;
+  }
+
+  .xl\:focus-within\:bg-opacity-90:focus-within {
+    --bg-opacity: 0.9;
+  }
+
+  .xl\:focus-within\:bg-opacity-100:focus-within {
+    --bg-opacity: 1;
+  }
+
   .xl\:hover\:bg-opacity-0:hover {
     --bg-opacity: 0;
   }
@@ -106220,6 +112941,424 @@ video {
     border-color: rgba(131, 24, 67, var(--border-opacity));
   }
 
+  .xl\:focus-within\:border-transparent:focus-within {
+    border-color: transparent;
+  }
+
+  .xl\:focus-within\:border-current:focus-within {
+    border-color: currentColor;
+  }
+
+  .xl\:focus-within\:border-black:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-white:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--border-opacity));
+  }
+
   .xl\:hover\:border-transparent:hover {
     border-color: transparent;
   }
@@ -107160,6 +114299,58 @@ video {
     --border-opacity: 1;
   }
 
+  .xl\:focus-within\:border-opacity-0:focus-within {
+    --border-opacity: 0;
+  }
+
+  .xl\:focus-within\:border-opacity-10:focus-within {
+    --border-opacity: 0.1;
+  }
+
+  .xl\:focus-within\:border-opacity-20:focus-within {
+    --border-opacity: 0.2;
+  }
+
+  .xl\:focus-within\:border-opacity-25:focus-within {
+    --border-opacity: 0.25;
+  }
+
+  .xl\:focus-within\:border-opacity-30:focus-within {
+    --border-opacity: 0.3;
+  }
+
+  .xl\:focus-within\:border-opacity-40:focus-within {
+    --border-opacity: 0.4;
+  }
+
+  .xl\:focus-within\:border-opacity-50:focus-within {
+    --border-opacity: 0.5;
+  }
+
+  .xl\:focus-within\:border-opacity-60:focus-within {
+    --border-opacity: 0.6;
+  }
+
+  .xl\:focus-within\:border-opacity-70:focus-within {
+    --border-opacity: 0.7;
+  }
+
+  .xl\:focus-within\:border-opacity-75:focus-within {
+    --border-opacity: 0.75;
+  }
+
+  .xl\:focus-within\:border-opacity-80:focus-within {
+    --border-opacity: 0.8;
+  }
+
+  .xl\:focus-within\:border-opacity-90:focus-within {
+    --border-opacity: 0.9;
+  }
+
+  .xl\:focus-within\:border-opacity-100:focus-within {
+    --border-opacity: 1;
+  }
+
   .xl\:hover\:border-opacity-0:hover {
     --border-opacity: 0;
   }
@@ -111203,6 +118394,58 @@ video {
     opacity: 1;
   }
 
+  .xl\:focus-within\:opacity-0:focus-within {
+    opacity: 0;
+  }
+
+  .xl\:focus-within\:opacity-10:focus-within {
+    opacity: 0.1;
+  }
+
+  .xl\:focus-within\:opacity-20:focus-within {
+    opacity: 0.2;
+  }
+
+  .xl\:focus-within\:opacity-25:focus-within {
+    opacity: 0.25;
+  }
+
+  .xl\:focus-within\:opacity-30:focus-within {
+    opacity: 0.3;
+  }
+
+  .xl\:focus-within\:opacity-40:focus-within {
+    opacity: 0.4;
+  }
+
+  .xl\:focus-within\:opacity-50:focus-within {
+    opacity: 0.5;
+  }
+
+  .xl\:focus-within\:opacity-60:focus-within {
+    opacity: 0.6;
+  }
+
+  .xl\:focus-within\:opacity-70:focus-within {
+    opacity: 0.7;
+  }
+
+  .xl\:focus-within\:opacity-75:focus-within {
+    opacity: 0.75;
+  }
+
+  .xl\:focus-within\:opacity-80:focus-within {
+    opacity: 0.8;
+  }
+
+  .xl\:focus-within\:opacity-90:focus-within {
+    opacity: 0.9;
+  }
+
+  .xl\:focus-within\:opacity-100:focus-within {
+    opacity: 1;
+  }
+
   .xl\:hover\:opacity-0:hover {
     opacity: 0;
   }
@@ -116271,6 +123514,50 @@ video {
     box-shadow: none;
   }
 
+  .xl\:focus-within\:shadow-xs:focus-within {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .xl\:focus-within\:shadow-sm:focus-within {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .xl\:focus-within\:shadow:focus-within {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .xl\:focus-within\:shadow-md:focus-within {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .xl\:focus-within\:shadow-lg:focus-within {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .xl\:focus-within\:shadow-xl:focus-within {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .xl\:focus-within\:shadow-2xl:focus-within {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .xl\:focus-within\:shadow-inner:focus-within {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .xl\:focus-within\:shadow-outline:focus-within {
+    box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
+  }
+
+  .xl\:focus-within\:shadow-solid:focus-within {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .xl\:focus-within\:shadow-none:focus-within {
+    box-shadow: none;
+  }
+
   .xl\:hover\:shadow-xs:hover {
     box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
   }
@@ -117239,6 +124526,424 @@ video {
     color: rgba(131, 24, 67, var(--text-opacity));
   }
 
+  .xl\:focus-within\:text-transparent:focus-within {
+    color: transparent;
+  }
+
+  .xl\:focus-within\:text-current:focus-within {
+    color: currentColor;
+  }
+
+  .xl\:focus-within\:text-black:focus-within {
+    --text-opacity: 1;
+    color: rgba(0, 0, 0, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-white:focus-within {
+    --text-opacity: 1;
+    color: rgba(255, 255, 255, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(249, 250, 251, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(243, 244, 246, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(229, 231, 235, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(209, 213, 219, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(156, 163, 175, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(107, 114, 128, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(75, 85, 99, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(55, 65, 81, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(31, 41, 55, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(17, 24, 39, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(254, 242, 242, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(254, 226, 226, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(254, 202, 202, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(252, 165, 165, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(248, 113, 113, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(239, 68, 68, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(220, 38, 38, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(185, 28, 28, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(153, 27, 27, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(127, 29, 29, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(255, 251, 235, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(254, 243, 199, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(253, 230, 138, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(252, 211, 77, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(251, 191, 36, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(245, 158, 11, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(217, 119, 6, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(180, 83, 9, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(146, 64, 14, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(120, 53, 15, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(236, 253, 245, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(209, 250, 229, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(167, 243, 208, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(110, 231, 183, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(52, 211, 153, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(16, 185, 129, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(5, 150, 105, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(4, 120, 87, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(6, 95, 70, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(6, 78, 59, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(239, 246, 255, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(219, 234, 254, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(191, 219, 254, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(147, 197, 253, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(96, 165, 250, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(59, 130, 246, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(37, 99, 235, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(29, 78, 216, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(30, 64, 175, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(30, 58, 138, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(238, 242, 255, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(224, 231, 255, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(199, 210, 254, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(165, 180, 252, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(129, 140, 248, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(99, 102, 241, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(79, 70, 229, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(67, 56, 202, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(55, 48, 163, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(49, 46, 129, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(245, 243, 255, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(237, 233, 254, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(221, 214, 254, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(196, 181, 253, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(167, 139, 250, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(139, 92, 246, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(124, 58, 237, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(109, 40, 217, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(91, 33, 182, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(76, 29, 149, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(253, 242, 248, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(252, 231, 243, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(251, 207, 232, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(249, 168, 212, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(244, 114, 182, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(236, 72, 153, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(219, 39, 119, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(190, 24, 93, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(157, 23, 77, var(--text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(131, 24, 67, var(--text-opacity));
+  }
+
   .xl\:hover\:text-transparent:hover {
     color: transparent;
   }
@@ -118179,6 +125884,58 @@ video {
     --text-opacity: 1;
   }
 
+  .xl\:focus-within\:text-opacity-0:focus-within {
+    --text-opacity: 0;
+  }
+
+  .xl\:focus-within\:text-opacity-10:focus-within {
+    --text-opacity: 0.1;
+  }
+
+  .xl\:focus-within\:text-opacity-20:focus-within {
+    --text-opacity: 0.2;
+  }
+
+  .xl\:focus-within\:text-opacity-25:focus-within {
+    --text-opacity: 0.25;
+  }
+
+  .xl\:focus-within\:text-opacity-30:focus-within {
+    --text-opacity: 0.3;
+  }
+
+  .xl\:focus-within\:text-opacity-40:focus-within {
+    --text-opacity: 0.4;
+  }
+
+  .xl\:focus-within\:text-opacity-50:focus-within {
+    --text-opacity: 0.5;
+  }
+
+  .xl\:focus-within\:text-opacity-60:focus-within {
+    --text-opacity: 0.6;
+  }
+
+  .xl\:focus-within\:text-opacity-70:focus-within {
+    --text-opacity: 0.7;
+  }
+
+  .xl\:focus-within\:text-opacity-75:focus-within {
+    --text-opacity: 0.75;
+  }
+
+  .xl\:focus-within\:text-opacity-80:focus-within {
+    --text-opacity: 0.8;
+  }
+
+  .xl\:focus-within\:text-opacity-90:focus-within {
+    --text-opacity: 0.9;
+  }
+
+  .xl\:focus-within\:text-opacity-100:focus-within {
+    --text-opacity: 1;
+  }
+
   .xl\:hover\:text-opacity-0:hover {
     --text-opacity: 0;
   }
@@ -118809,6 +126566,34 @@ video {
     z-index: auto;
   }
 
+  .xl\:focus-within\:z-0:focus-within {
+    z-index: 0;
+  }
+
+  .xl\:focus-within\:z-10:focus-within {
+    z-index: 10;
+  }
+
+  .xl\:focus-within\:z-20:focus-within {
+    z-index: 20;
+  }
+
+  .xl\:focus-within\:z-30:focus-within {
+    z-index: 30;
+  }
+
+  .xl\:focus-within\:z-40:focus-within {
+    z-index: 40;
+  }
+
+  .xl\:focus-within\:z-50:focus-within {
+    z-index: 50;
+  }
+
+  .xl\:focus-within\:z-auto:focus-within {
+    z-index: auto;
+  }
+
   .xl\:focus\:z-0:focus {
     z-index: 0;
   }
@@ -124252,6 +132037,29 @@ video {
     white-space: normal;
   }
 
+  .\32xl\:focus-within\:sr-only:focus-within {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .\32xl\:focus-within\:not-sr-only:focus-within {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
   .\32xl\:focus\:sr-only:focus {
     position: absolute;
     width: 1px;
@@ -125143,6 +132951,424 @@ video {
     background-color: rgba(131, 24, 67, var(--bg-opacity));
   }
 
+  .\32xl\:focus-within\:bg-transparent:focus-within {
+    background-color: transparent;
+  }
+
+  .\32xl\:focus-within\:bg-current:focus-within {
+    background-color: currentColor;
+  }
+
+  .\32xl\:focus-within\:bg-black:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-white:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-gray-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-gray-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-gray-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-gray-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-gray-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-gray-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-gray-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-gray-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-gray-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-gray-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-red-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-red-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-red-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-red-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-red-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-red-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-red-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-red-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-red-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-red-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-yellow-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-yellow-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-yellow-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-yellow-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-yellow-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-yellow-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-yellow-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-yellow-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-yellow-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-yellow-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-green-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-green-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-green-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-green-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-green-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-green-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-green-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-green-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-green-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-green-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-blue-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-blue-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-blue-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-blue-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-blue-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-blue-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-blue-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-blue-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-blue-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-blue-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-indigo-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-indigo-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-indigo-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-indigo-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-indigo-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-indigo-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-indigo-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-indigo-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-indigo-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-indigo-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-purple-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-purple-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-purple-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-purple-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-purple-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-purple-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-purple-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-purple-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-purple-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-purple-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-pink-50:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-pink-100:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-pink-200:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-pink-300:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-pink-400:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-pink-500:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-pink-600:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-pink-700:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-pink-800:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-pink-900:focus-within {
+    --bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--bg-opacity));
+  }
+
   .\32xl\:hover\:bg-transparent:hover {
     background-color: transparent;
   }
@@ -129647,6 +137873,58 @@ video {
     --bg-opacity: 1;
   }
 
+  .\32xl\:focus-within\:bg-opacity-0:focus-within {
+    --bg-opacity: 0;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-10:focus-within {
+    --bg-opacity: 0.1;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-20:focus-within {
+    --bg-opacity: 0.2;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-25:focus-within {
+    --bg-opacity: 0.25;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-30:focus-within {
+    --bg-opacity: 0.3;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-40:focus-within {
+    --bg-opacity: 0.4;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-50:focus-within {
+    --bg-opacity: 0.5;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-60:focus-within {
+    --bg-opacity: 0.6;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-70:focus-within {
+    --bg-opacity: 0.7;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-75:focus-within {
+    --bg-opacity: 0.75;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-80:focus-within {
+    --bg-opacity: 0.8;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-90:focus-within {
+    --bg-opacity: 0.9;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-100:focus-within {
+    --bg-opacity: 1;
+  }
+
   .\32xl\:hover\:bg-opacity-0:hover {
     --bg-opacity: 0;
   }
@@ -130667,6 +138945,424 @@ video {
     border-color: rgba(131, 24, 67, var(--border-opacity));
   }
 
+  .\32xl\:focus-within\:border-transparent:focus-within {
+    border-color: transparent;
+  }
+
+  .\32xl\:focus-within\:border-current:focus-within {
+    border-color: currentColor;
+  }
+
+  .\32xl\:focus-within\:border-black:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-white:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-gray-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-gray-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-gray-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-gray-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-gray-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-gray-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-gray-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-gray-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-gray-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-gray-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-red-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-red-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-red-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-red-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-red-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-red-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-red-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-red-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-red-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-red-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-yellow-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-yellow-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-yellow-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-yellow-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-yellow-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-yellow-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-yellow-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-yellow-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-yellow-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-yellow-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-green-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-green-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-green-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-green-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-green-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-green-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-green-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-green-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-green-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-green-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-blue-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-blue-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-blue-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-blue-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-blue-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-blue-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-blue-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-blue-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-blue-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-blue-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-indigo-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-indigo-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-indigo-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-indigo-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-indigo-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-indigo-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-indigo-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-indigo-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-indigo-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-indigo-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-purple-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-purple-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-purple-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-purple-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-purple-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-purple-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-purple-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-purple-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-purple-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-purple-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-pink-50:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-pink-100:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-pink-200:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-pink-300:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-pink-400:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-pink-500:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-pink-600:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-pink-700:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-pink-800:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-pink-900:focus-within {
+    --border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--border-opacity));
+  }
+
   .\32xl\:hover\:border-transparent:hover {
     border-color: transparent;
   }
@@ -131607,6 +140303,58 @@ video {
     --border-opacity: 1;
   }
 
+  .\32xl\:focus-within\:border-opacity-0:focus-within {
+    --border-opacity: 0;
+  }
+
+  .\32xl\:focus-within\:border-opacity-10:focus-within {
+    --border-opacity: 0.1;
+  }
+
+  .\32xl\:focus-within\:border-opacity-20:focus-within {
+    --border-opacity: 0.2;
+  }
+
+  .\32xl\:focus-within\:border-opacity-25:focus-within {
+    --border-opacity: 0.25;
+  }
+
+  .\32xl\:focus-within\:border-opacity-30:focus-within {
+    --border-opacity: 0.3;
+  }
+
+  .\32xl\:focus-within\:border-opacity-40:focus-within {
+    --border-opacity: 0.4;
+  }
+
+  .\32xl\:focus-within\:border-opacity-50:focus-within {
+    --border-opacity: 0.5;
+  }
+
+  .\32xl\:focus-within\:border-opacity-60:focus-within {
+    --border-opacity: 0.6;
+  }
+
+  .\32xl\:focus-within\:border-opacity-70:focus-within {
+    --border-opacity: 0.7;
+  }
+
+  .\32xl\:focus-within\:border-opacity-75:focus-within {
+    --border-opacity: 0.75;
+  }
+
+  .\32xl\:focus-within\:border-opacity-80:focus-within {
+    --border-opacity: 0.8;
+  }
+
+  .\32xl\:focus-within\:border-opacity-90:focus-within {
+    --border-opacity: 0.9;
+  }
+
+  .\32xl\:focus-within\:border-opacity-100:focus-within {
+    --border-opacity: 1;
+  }
+
   .\32xl\:hover\:border-opacity-0:hover {
     --border-opacity: 0;
   }
@@ -135650,6 +144398,58 @@ video {
     opacity: 1;
   }
 
+  .\32xl\:focus-within\:opacity-0:focus-within {
+    opacity: 0;
+  }
+
+  .\32xl\:focus-within\:opacity-10:focus-within {
+    opacity: 0.1;
+  }
+
+  .\32xl\:focus-within\:opacity-20:focus-within {
+    opacity: 0.2;
+  }
+
+  .\32xl\:focus-within\:opacity-25:focus-within {
+    opacity: 0.25;
+  }
+
+  .\32xl\:focus-within\:opacity-30:focus-within {
+    opacity: 0.3;
+  }
+
+  .\32xl\:focus-within\:opacity-40:focus-within {
+    opacity: 0.4;
+  }
+
+  .\32xl\:focus-within\:opacity-50:focus-within {
+    opacity: 0.5;
+  }
+
+  .\32xl\:focus-within\:opacity-60:focus-within {
+    opacity: 0.6;
+  }
+
+  .\32xl\:focus-within\:opacity-70:focus-within {
+    opacity: 0.7;
+  }
+
+  .\32xl\:focus-within\:opacity-75:focus-within {
+    opacity: 0.75;
+  }
+
+  .\32xl\:focus-within\:opacity-80:focus-within {
+    opacity: 0.8;
+  }
+
+  .\32xl\:focus-within\:opacity-90:focus-within {
+    opacity: 0.9;
+  }
+
+  .\32xl\:focus-within\:opacity-100:focus-within {
+    opacity: 1;
+  }
+
   .\32xl\:hover\:opacity-0:hover {
     opacity: 0;
   }
@@ -140718,6 +149518,50 @@ video {
     box-shadow: none;
   }
 
+  .\32xl\:focus-within\:shadow-xs:focus-within {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .\32xl\:focus-within\:shadow-sm:focus-within {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .\32xl\:focus-within\:shadow:focus-within {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .\32xl\:focus-within\:shadow-md:focus-within {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .\32xl\:focus-within\:shadow-lg:focus-within {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .\32xl\:focus-within\:shadow-xl:focus-within {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .\32xl\:focus-within\:shadow-2xl:focus-within {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .\32xl\:focus-within\:shadow-inner:focus-within {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .\32xl\:focus-within\:shadow-outline:focus-within {
+    box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.5);
+  }
+
+  .\32xl\:focus-within\:shadow-solid:focus-within {
+    box-shadow: 0 0 0 2px currentColor;
+  }
+
+  .\32xl\:focus-within\:shadow-none:focus-within {
+    box-shadow: none;
+  }
+
   .\32xl\:hover\:shadow-xs:hover {
     box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
   }
@@ -141686,6 +150530,424 @@ video {
     color: rgba(131, 24, 67, var(--text-opacity));
   }
 
+  .\32xl\:focus-within\:text-transparent:focus-within {
+    color: transparent;
+  }
+
+  .\32xl\:focus-within\:text-current:focus-within {
+    color: currentColor;
+  }
+
+  .\32xl\:focus-within\:text-black:focus-within {
+    --text-opacity: 1;
+    color: rgba(0, 0, 0, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-white:focus-within {
+    --text-opacity: 1;
+    color: rgba(255, 255, 255, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-gray-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(249, 250, 251, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-gray-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(243, 244, 246, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-gray-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(229, 231, 235, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-gray-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(209, 213, 219, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-gray-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(156, 163, 175, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-gray-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(107, 114, 128, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-gray-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(75, 85, 99, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-gray-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(55, 65, 81, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-gray-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(31, 41, 55, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-gray-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(17, 24, 39, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-red-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(254, 242, 242, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-red-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(254, 226, 226, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-red-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(254, 202, 202, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-red-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(252, 165, 165, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-red-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(248, 113, 113, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-red-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(239, 68, 68, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-red-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(220, 38, 38, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-red-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(185, 28, 28, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-red-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(153, 27, 27, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-red-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(127, 29, 29, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-yellow-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(255, 251, 235, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-yellow-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(254, 243, 199, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-yellow-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(253, 230, 138, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-yellow-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(252, 211, 77, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-yellow-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(251, 191, 36, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-yellow-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(245, 158, 11, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-yellow-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(217, 119, 6, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-yellow-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(180, 83, 9, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-yellow-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(146, 64, 14, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-yellow-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(120, 53, 15, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-green-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(236, 253, 245, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-green-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(209, 250, 229, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-green-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(167, 243, 208, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-green-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(110, 231, 183, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-green-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(52, 211, 153, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-green-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(16, 185, 129, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-green-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(5, 150, 105, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-green-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(4, 120, 87, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-green-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(6, 95, 70, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-green-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(6, 78, 59, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-blue-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(239, 246, 255, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-blue-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(219, 234, 254, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-blue-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(191, 219, 254, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-blue-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(147, 197, 253, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-blue-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(96, 165, 250, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-blue-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(59, 130, 246, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-blue-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(37, 99, 235, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-blue-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(29, 78, 216, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-blue-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(30, 64, 175, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-blue-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(30, 58, 138, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-indigo-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(238, 242, 255, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-indigo-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(224, 231, 255, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-indigo-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(199, 210, 254, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-indigo-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(165, 180, 252, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-indigo-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(129, 140, 248, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-indigo-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(99, 102, 241, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-indigo-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(79, 70, 229, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-indigo-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(67, 56, 202, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-indigo-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(55, 48, 163, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-indigo-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(49, 46, 129, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-purple-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(245, 243, 255, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-purple-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(237, 233, 254, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-purple-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(221, 214, 254, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-purple-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(196, 181, 253, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-purple-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(167, 139, 250, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-purple-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(139, 92, 246, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-purple-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(124, 58, 237, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-purple-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(109, 40, 217, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-purple-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(91, 33, 182, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-purple-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(76, 29, 149, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-pink-50:focus-within {
+    --text-opacity: 1;
+    color: rgba(253, 242, 248, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-pink-100:focus-within {
+    --text-opacity: 1;
+    color: rgba(252, 231, 243, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-pink-200:focus-within {
+    --text-opacity: 1;
+    color: rgba(251, 207, 232, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-pink-300:focus-within {
+    --text-opacity: 1;
+    color: rgba(249, 168, 212, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-pink-400:focus-within {
+    --text-opacity: 1;
+    color: rgba(244, 114, 182, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-pink-500:focus-within {
+    --text-opacity: 1;
+    color: rgba(236, 72, 153, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-pink-600:focus-within {
+    --text-opacity: 1;
+    color: rgba(219, 39, 119, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-pink-700:focus-within {
+    --text-opacity: 1;
+    color: rgba(190, 24, 93, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-pink-800:focus-within {
+    --text-opacity: 1;
+    color: rgba(157, 23, 77, var(--text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-pink-900:focus-within {
+    --text-opacity: 1;
+    color: rgba(131, 24, 67, var(--text-opacity));
+  }
+
   .\32xl\:hover\:text-transparent:hover {
     color: transparent;
   }
@@ -142626,6 +151888,58 @@ video {
     --text-opacity: 1;
   }
 
+  .\32xl\:focus-within\:text-opacity-0:focus-within {
+    --text-opacity: 0;
+  }
+
+  .\32xl\:focus-within\:text-opacity-10:focus-within {
+    --text-opacity: 0.1;
+  }
+
+  .\32xl\:focus-within\:text-opacity-20:focus-within {
+    --text-opacity: 0.2;
+  }
+
+  .\32xl\:focus-within\:text-opacity-25:focus-within {
+    --text-opacity: 0.25;
+  }
+
+  .\32xl\:focus-within\:text-opacity-30:focus-within {
+    --text-opacity: 0.3;
+  }
+
+  .\32xl\:focus-within\:text-opacity-40:focus-within {
+    --text-opacity: 0.4;
+  }
+
+  .\32xl\:focus-within\:text-opacity-50:focus-within {
+    --text-opacity: 0.5;
+  }
+
+  .\32xl\:focus-within\:text-opacity-60:focus-within {
+    --text-opacity: 0.6;
+  }
+
+  .\32xl\:focus-within\:text-opacity-70:focus-within {
+    --text-opacity: 0.7;
+  }
+
+  .\32xl\:focus-within\:text-opacity-75:focus-within {
+    --text-opacity: 0.75;
+  }
+
+  .\32xl\:focus-within\:text-opacity-80:focus-within {
+    --text-opacity: 0.8;
+  }
+
+  .\32xl\:focus-within\:text-opacity-90:focus-within {
+    --text-opacity: 0.9;
+  }
+
+  .\32xl\:focus-within\:text-opacity-100:focus-within {
+    --text-opacity: 1;
+  }
+
   .\32xl\:hover\:text-opacity-0:hover {
     --text-opacity: 0;
   }
@@ -143256,6 +152570,34 @@ video {
     z-index: auto;
   }
 
+  .\32xl\:focus-within\:z-0:focus-within {
+    z-index: 0;
+  }
+
+  .\32xl\:focus-within\:z-10:focus-within {
+    z-index: 10;
+  }
+
+  .\32xl\:focus-within\:z-20:focus-within {
+    z-index: 20;
+  }
+
+  .\32xl\:focus-within\:z-30:focus-within {
+    z-index: 30;
+  }
+
+  .\32xl\:focus-within\:z-40:focus-within {
+    z-index: 40;
+  }
+
+  .\32xl\:focus-within\:z-50:focus-within {
+    z-index: 50;
+  }
+
+  .\32xl\:focus-within\:z-auto:focus-within {
+    z-index: auto;
+  }
+
   .\32xl\:focus\:z-0:focus {
     z-index: 0;
   }
diff --git a/__tests__/processPlugins.test.js b/__tests__/processPlugins.test.js
index 764f26712304..eb762f72f8fc 100644
--- a/__tests__/processPlugins.test.js
+++ b/__tests__/processPlugins.test.js
@@ -2035,6 +2035,12 @@ test('plugins can extend variants', () => {
         .group:hover .group-hover\\:opacity-100 {
           opacity: 1
         }
+        .focus-within\\:opacity-0:focus-within {
+          opacity: 0
+        }
+        .focus-within\\:opacity-100:focus-within {
+          opacity: 1
+        }
         .hover\\:opacity-0:hover {
           opacity: 0
         }
diff --git a/stubs/defaultConfig.stub.js b/stubs/defaultConfig.stub.js
index cab7f1715c82..05ec587e46d4 100644
--- a/stubs/defaultConfig.stub.js
+++ b/stubs/defaultConfig.stub.js
@@ -708,7 +708,7 @@ module.exports = {
     'disabled',
   ],
   variants: {
-    accessibility: ['responsive', 'focus'],
+    accessibility: ['responsive', 'focus-within', 'focus'],
     alignContent: ['responsive'],
     alignItems: ['responsive'],
     alignSelf: ['responsive'],
@@ -716,19 +716,19 @@ module.exports = {
     appearance: ['responsive'],
     backgroundAttachment: ['responsive'],
     backgroundClip: ['responsive'],
-    backgroundColor: ['responsive', 'dark', 'group-hover', 'hover', 'focus'],
+    backgroundColor: ['responsive', 'dark', 'group-hover', 'focus-within', 'hover', 'focus'],
     backgroundImage: ['responsive'],
-    backgroundOpacity: ['responsive', 'group-hover', 'hover', 'focus'],
+    backgroundOpacity: ['responsive', 'group-hover', 'focus-within', 'hover', 'focus'],
     backgroundPosition: ['responsive'],
     backgroundRepeat: ['responsive'],
     backgroundSize: ['responsive'],
     borderCollapse: ['responsive'],
-    borderColor: ['responsive', 'dark', 'group-hover', 'hover', 'focus'],
-    borderOpacity: ['responsive', 'group-hover', 'hover', 'focus'],
+    borderColor: ['responsive', 'dark', 'group-hover', 'focus-within', 'hover', 'focus'],
+    borderOpacity: ['responsive', 'group-hover', 'focus-within', 'hover', 'focus'],
     borderRadius: ['responsive'],
     borderStyle: ['responsive'],
     borderWidth: ['responsive'],
-    boxShadow: ['responsive', 'hover', 'focus'],
+    boxShadow: ['responsive', 'focus-within', 'hover', 'focus'],
     boxSizing: ['responsive'],
     clear: ['responsive'],
     container: ['responsive'],
@@ -780,7 +780,7 @@ module.exports = {
     minWidth: ['responsive'],
     objectFit: ['responsive'],
     objectPosition: ['responsive'],
-    opacity: ['responsive', 'group-hover', 'hover', 'focus'],
+    opacity: ['responsive', 'group-hover', 'focus-within', 'hover', 'focus'],
     order: ['responsive'],
     outline: ['responsive', 'focus'],
     overflow: ['responsive'],
@@ -802,9 +802,9 @@ module.exports = {
     strokeWidth: ['responsive'],
     tableLayout: ['responsive'],
     textAlign: ['responsive'],
-    textColor: ['responsive', 'dark', 'group-hover', 'hover', 'focus'],
+    textColor: ['responsive', 'dark', 'group-hover', 'focus-within', 'hover', 'focus'],
     textDecoration: ['responsive', 'hover', 'focus'],
-    textOpacity: ['responsive', 'group-hover', 'hover', 'focus'],
+    textOpacity: ['responsive', 'group-hover', 'focus-within', 'hover', 'focus'],
     textOverflow: ['responsive'],
     textTransform: ['responsive'],
     transform: ['responsive'],
@@ -820,7 +820,7 @@ module.exports = {
     whitespace: ['responsive'],
     width: ['responsive'],
     wordBreak: ['responsive'],
-    zIndex: ['responsive', 'focus'],
+    zIndex: ['responsive', 'focus-within', 'focus'],
   },
   plugins: [],
 }