.background-transparent {
  background-color: transparent;
}

.hover\:background-transparent:hover {
  background-color: transparent;
}

.focus\:background-transparent:focus {
  background-color: transparent;
}

.focus-within\:background-transparent:focus-within {
  background-color: transparent;
}

.active\:background-transparent:active {
  background-color: transparent;
}

.background-black {
  --background-opacity: 1;
  background-color: hsla(0, 0%, 0%, var(--background-opacity));
}

.hover\:background-black:hover {
  --background-opacity: 1;
  background-color: hsla(0, 0%, 0%, var(--background-opacity));
}

.focus\:background-black:focus {
  --background-opacity: 1;
  background-color: hsla(0, 0%, 0%, var(--background-opacity));
}

.focus-within\:background-black:focus-within {
  --background-opacity: 1;
  background-color: hsla(0, 0%, 0%, var(--background-opacity));
}

.active\:background-black:active {
  --background-opacity: 1;
  background-color: hsla(0, 0%, 0%, var(--background-opacity));
}

.background-white {
  --background-opacity: 1;
  background-color: hsla(0, 0%, 100%, var(--background-opacity));
}

.hover\:background-white:hover {
  --background-opacity: 1;
  background-color: hsla(0, 0%, 100%, var(--background-opacity));
}

.focus\:background-white:focus {
  --background-opacity: 1;
  background-color: hsla(0, 0%, 100%, var(--background-opacity));
}

.focus-within\:background-white:focus-within {
  --background-opacity: 1;
  background-color: hsla(0, 0%, 100%, var(--background-opacity));
}

.active\:background-white:active {
  --background-opacity: 1;
  background-color: hsla(0, 0%, 100%, var(--background-opacity));
}

.background-gray-50 {
  --background-opacity: 1;
  background-color: hsla(var(--gray-50), var(--background-opacity));
}

.background-gray-100 {
  --background-opacity: 1;
  background-color: hsla(var(--gray-100), var(--background-opacity));
}

.background-gray-200 {
  --background-opacity: 1;
  background-color: hsla(var(--gray-200), var(--background-opacity));
}

.background-gray-300 {
  --background-opacity: 1;
  background-color: hsla(var(--gray-300), var(--background-opacity));
}

.background-gray-400 {
  --background-opacity: 1;
  background-color: hsla(var(--gray-400), var(--background-opacity));
}

.background-gray-500 {
  --background-opacity: 1;
  background-color: hsla(var(--gray-500), var(--background-opacity));
}

.background-gray-600 {
  --background-opacity: 1;
  background-color: hsla(var(--gray-600), var(--background-opacity));
}

.background-gray-700 {
  --background-opacity: 1;
  background-color: hsla(var(--gray-700), var(--background-opacity));
}

.background-gray-800 {
  --background-opacity: 1;
  background-color: hsla(var(--gray-800), var(--background-opacity));
}

.background-gray-900 {
  --background-opacity: 1;
  background-color: hsla(var(--gray-900), var(--background-opacity));
}

.background-gray-1000 {
  --background-opacity: 1;
  background-color: hsla(var(--gray-1000), var(--background-opacity));
}

.background-gray-1100 {
  --background-opacity: 1;
  background-color: hsla(var(--gray-1100), var(--background-opacity));
}

.background-gray-1200 {
  --background-opacity: 1;
  background-color: hsla(var(--gray-1200), var(--background-opacity));
}

.hover\:background-gray-50:hover {
  --background-opacity: 1;
  background-color: hsla(var(--gray-50), var(--background-opacity));
}

.hover\:background-gray-100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--gray-100), var(--background-opacity));
}

.hover\:background-gray-200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--gray-200), var(--background-opacity));
}

.hover\:background-gray-300:hover {
  --background-opacity: 1;
  background-color: hsla(var(--gray-300), var(--background-opacity));
}

.hover\:background-gray-400:hover {
  --background-opacity: 1;
  background-color: hsla(var(--gray-400), var(--background-opacity));
}

.hover\:background-gray-500:hover {
  --background-opacity: 1;
  background-color: hsla(var(--gray-500), var(--background-opacity));
}

.hover\:background-gray-600:hover {
  --background-opacity: 1;
  background-color: hsla(var(--gray-600), var(--background-opacity));
}

.hover\:background-gray-700:hover {
  --background-opacity: 1;
  background-color: hsla(var(--gray-700), var(--background-opacity));
}

.hover\:background-gray-800:hover {
  --background-opacity: 1;
  background-color: hsla(var(--gray-800), var(--background-opacity));
}

.hover\:background-gray-900:hover {
  --background-opacity: 1;
  background-color: hsla(var(--gray-900), var(--background-opacity));
}

.hover\:background-gray-1000:hover {
  --background-opacity: 1;
  background-color: hsla(var(--gray-1000), var(--background-opacity));
}

.hover\:background-gray-1100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--gray-1100), var(--background-opacity));
}

.hover\:background-gray-1200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--gray-1200), var(--background-opacity));
}

.focus\:background-gray-50:focus {
  --background-opacity: 1;
  background-color: hsla(var(--gray-50), var(--background-opacity));
}

.focus\:background-gray-100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--gray-100), var(--background-opacity));
}

.focus\:background-gray-200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--gray-200), var(--background-opacity));
}

.focus\:background-gray-300:focus {
  --background-opacity: 1;
  background-color: hsla(var(--gray-300), var(--background-opacity));
}

.focus\:background-gray-400:focus {
  --background-opacity: 1;
  background-color: hsla(var(--gray-400), var(--background-opacity));
}

.focus\:background-gray-500:focus {
  --background-opacity: 1;
  background-color: hsla(var(--gray-500), var(--background-opacity));
}

.focus\:background-gray-600:focus {
  --background-opacity: 1;
  background-color: hsla(var(--gray-600), var(--background-opacity));
}

.focus\:background-gray-700:focus {
  --background-opacity: 1;
  background-color: hsla(var(--gray-700), var(--background-opacity));
}

.focus\:background-gray-800:focus {
  --background-opacity: 1;
  background-color: hsla(var(--gray-800), var(--background-opacity));
}

.focus\:background-gray-900:focus {
  --background-opacity: 1;
  background-color: hsla(var(--gray-900), var(--background-opacity));
}

.focus\:background-gray-1000:focus {
  --background-opacity: 1;
  background-color: hsla(var(--gray-1000), var(--background-opacity));
}

.focus\:background-gray-1100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--gray-1100), var(--background-opacity));
}

.focus\:background-gray-1200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--gray-1200), var(--background-opacity));
}

.focus-within\:background-gray-50:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--gray-50), var(--background-opacity));
}

.focus-within\:background-gray-100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--gray-100), var(--background-opacity));
}

.focus-within\:background-gray-200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--gray-200), var(--background-opacity));
}

.focus-within\:background-gray-300:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--gray-300), var(--background-opacity));
}

.focus-within\:background-gray-400:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--gray-400), var(--background-opacity));
}

.focus-within\:background-gray-500:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--gray-500), var(--background-opacity));
}

.focus-within\:background-gray-600:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--gray-600), var(--background-opacity));
}

.focus-within\:background-gray-700:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--gray-700), var(--background-opacity));
}

.focus-within\:background-gray-800:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--gray-800), var(--background-opacity));
}

.focus-within\:background-gray-900:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--gray-900), var(--background-opacity));
}

.focus-within\:background-gray-1000:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--gray-1000), var(--background-opacity));
}

.focus-within\:background-gray-1100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--gray-1100), var(--background-opacity));
}

.focus-within\:background-gray-1200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--gray-1200), var(--background-opacity));
}

.active\:background-gray-50:active {
  --background-opacity: 1;
  background-color: hsla(var(--gray-50), var(--background-opacity));
}

.active\:background-gray-100:active {
  --background-opacity: 1;
  background-color: hsla(var(--gray-100), var(--background-opacity));
}

.active\:background-gray-200:active {
  --background-opacity: 1;
  background-color: hsla(var(--gray-200), var(--background-opacity));
}

.active\:background-gray-300:active {
  --background-opacity: 1;
  background-color: hsla(var(--gray-300), var(--background-opacity));
}

.active\:background-gray-400:active {
  --background-opacity: 1;
  background-color: hsla(var(--gray-400), var(--background-opacity));
}

.active\:background-gray-500:active {
  --background-opacity: 1;
  background-color: hsla(var(--gray-500), var(--background-opacity));
}

.active\:background-gray-600:active {
  --background-opacity: 1;
  background-color: hsla(var(--gray-600), var(--background-opacity));
}

.active\:background-gray-700:active {
  --background-opacity: 1;
  background-color: hsla(var(--gray-700), var(--background-opacity));
}

.active\:background-gray-800:active {
  --background-opacity: 1;
  background-color: hsla(var(--gray-800), var(--background-opacity));
}

.active\:background-gray-900:active {
  --background-opacity: 1;
  background-color: hsla(var(--gray-900), var(--background-opacity));
}

.active\:background-gray-1000:active {
  --background-opacity: 1;
  background-color: hsla(var(--gray-1000), var(--background-opacity));
}

.active\:background-gray-1100:active {
  --background-opacity: 1;
  background-color: hsla(var(--gray-1100), var(--background-opacity));
}

.active\:background-gray-1200:active {
  --background-opacity: 1;
  background-color: hsla(var(--gray-1200), var(--background-opacity));
}

.background-slate-50 {
  --background-opacity: 1;
  background-color: hsla(var(--slate-50), var(--background-opacity));
}

.background-slate-100 {
  --background-opacity: 1;
  background-color: hsla(var(--slate-100), var(--background-opacity));
}

.background-slate-200 {
  --background-opacity: 1;
  background-color: hsla(var(--slate-200), var(--background-opacity));
}

.background-slate-300 {
  --background-opacity: 1;
  background-color: hsla(var(--slate-300), var(--background-opacity));
}

.background-slate-400 {
  --background-opacity: 1;
  background-color: hsla(var(--slate-400), var(--background-opacity));
}

.background-slate-500 {
  --background-opacity: 1;
  background-color: hsla(var(--slate-500), var(--background-opacity));
}

.background-slate-600 {
  --background-opacity: 1;
  background-color: hsla(var(--slate-600), var(--background-opacity));
}

.background-slate-700 {
  --background-opacity: 1;
  background-color: hsla(var(--slate-700), var(--background-opacity));
}

.background-slate-800 {
  --background-opacity: 1;
  background-color: hsla(var(--slate-800), var(--background-opacity));
}

.background-slate-900 {
  --background-opacity: 1;
  background-color: hsla(var(--slate-900), var(--background-opacity));
}

.background-slate-1000 {
  --background-opacity: 1;
  background-color: hsla(var(--slate-1000), var(--background-opacity));
}

.background-slate-1100 {
  --background-opacity: 1;
  background-color: hsla(var(--slate-1100), var(--background-opacity));
}

.background-slate-1200 {
  --background-opacity: 1;
  background-color: hsla(var(--slate-1200), var(--background-opacity));
}

.hover\:background-slate-50:hover {
  --background-opacity: 1;
  background-color: hsla(var(--slate-50), var(--background-opacity));
}

.hover\:background-slate-100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--slate-100), var(--background-opacity));
}

.hover\:background-slate-200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--slate-200), var(--background-opacity));
}

.hover\:background-slate-300:hover {
  --background-opacity: 1;
  background-color: hsla(var(--slate-300), var(--background-opacity));
}

.hover\:background-slate-400:hover {
  --background-opacity: 1;
  background-color: hsla(var(--slate-400), var(--background-opacity));
}

.hover\:background-slate-500:hover {
  --background-opacity: 1;
  background-color: hsla(var(--slate-500), var(--background-opacity));
}

.hover\:background-slate-600:hover {
  --background-opacity: 1;
  background-color: hsla(var(--slate-600), var(--background-opacity));
}

.hover\:background-slate-700:hover {
  --background-opacity: 1;
  background-color: hsla(var(--slate-700), var(--background-opacity));
}

.hover\:background-slate-800:hover {
  --background-opacity: 1;
  background-color: hsla(var(--slate-800), var(--background-opacity));
}

.hover\:background-slate-900:hover {
  --background-opacity: 1;
  background-color: hsla(var(--slate-900), var(--background-opacity));
}

.hover\:background-slate-1000:hover {
  --background-opacity: 1;
  background-color: hsla(var(--slate-1000), var(--background-opacity));
}

.hover\:background-slate-1100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--slate-1100), var(--background-opacity));
}

.hover\:background-slate-1200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--slate-1200), var(--background-opacity));
}

.focus\:background-slate-50:focus {
  --background-opacity: 1;
  background-color: hsla(var(--slate-50), var(--background-opacity));
}

.focus\:background-slate-100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--slate-100), var(--background-opacity));
}

.focus\:background-slate-200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--slate-200), var(--background-opacity));
}

.focus\:background-slate-300:focus {
  --background-opacity: 1;
  background-color: hsla(var(--slate-300), var(--background-opacity));
}

.focus\:background-slate-400:focus {
  --background-opacity: 1;
  background-color: hsla(var(--slate-400), var(--background-opacity));
}

.focus\:background-slate-500:focus {
  --background-opacity: 1;
  background-color: hsla(var(--slate-500), var(--background-opacity));
}

.focus\:background-slate-600:focus {
  --background-opacity: 1;
  background-color: hsla(var(--slate-600), var(--background-opacity));
}

.focus\:background-slate-700:focus {
  --background-opacity: 1;
  background-color: hsla(var(--slate-700), var(--background-opacity));
}

.focus\:background-slate-800:focus {
  --background-opacity: 1;
  background-color: hsla(var(--slate-800), var(--background-opacity));
}

.focus\:background-slate-900:focus {
  --background-opacity: 1;
  background-color: hsla(var(--slate-900), var(--background-opacity));
}

.focus\:background-slate-1000:focus {
  --background-opacity: 1;
  background-color: hsla(var(--slate-1000), var(--background-opacity));
}

.focus\:background-slate-1100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--slate-1100), var(--background-opacity));
}

.focus\:background-slate-1200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--slate-1200), var(--background-opacity));
}

.focus-within\:background-slate-50:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--slate-50), var(--background-opacity));
}

.focus-within\:background-slate-100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--slate-100), var(--background-opacity));
}

.focus-within\:background-slate-200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--slate-200), var(--background-opacity));
}

.focus-within\:background-slate-300:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--slate-300), var(--background-opacity));
}

.focus-within\:background-slate-400:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--slate-400), var(--background-opacity));
}

.focus-within\:background-slate-500:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--slate-500), var(--background-opacity));
}

.focus-within\:background-slate-600:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--slate-600), var(--background-opacity));
}

.focus-within\:background-slate-700:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--slate-700), var(--background-opacity));
}

.focus-within\:background-slate-800:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--slate-800), var(--background-opacity));
}

.focus-within\:background-slate-900:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--slate-900), var(--background-opacity));
}

.focus-within\:background-slate-1000:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--slate-1000), var(--background-opacity));
}

.focus-within\:background-slate-1100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--slate-1100), var(--background-opacity));
}

.focus-within\:background-slate-1200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--slate-1200), var(--background-opacity));
}

.active\:background-slate-50:active {
  --background-opacity: 1;
  background-color: hsla(var(--slate-50), var(--background-opacity));
}

.active\:background-slate-100:active {
  --background-opacity: 1;
  background-color: hsla(var(--slate-100), var(--background-opacity));
}

.active\:background-slate-200:active {
  --background-opacity: 1;
  background-color: hsla(var(--slate-200), var(--background-opacity));
}

.active\:background-slate-300:active {
  --background-opacity: 1;
  background-color: hsla(var(--slate-300), var(--background-opacity));
}

.active\:background-slate-400:active {
  --background-opacity: 1;
  background-color: hsla(var(--slate-400), var(--background-opacity));
}

.active\:background-slate-500:active {
  --background-opacity: 1;
  background-color: hsla(var(--slate-500), var(--background-opacity));
}

.active\:background-slate-600:active {
  --background-opacity: 1;
  background-color: hsla(var(--slate-600), var(--background-opacity));
}

.active\:background-slate-700:active {
  --background-opacity: 1;
  background-color: hsla(var(--slate-700), var(--background-opacity));
}

.active\:background-slate-800:active {
  --background-opacity: 1;
  background-color: hsla(var(--slate-800), var(--background-opacity));
}

.active\:background-slate-900:active {
  --background-opacity: 1;
  background-color: hsla(var(--slate-900), var(--background-opacity));
}

.active\:background-slate-1000:active {
  --background-opacity: 1;
  background-color: hsla(var(--slate-1000), var(--background-opacity));
}

.active\:background-slate-1100:active {
  --background-opacity: 1;
  background-color: hsla(var(--slate-1100), var(--background-opacity));
}

.active\:background-slate-1200:active {
  --background-opacity: 1;
  background-color: hsla(var(--slate-1200), var(--background-opacity));
}

.background-stone-50 {
  --background-opacity: 1;
  background-color: hsla(var(--stone-50), var(--background-opacity));
}

.background-stone-100 {
  --background-opacity: 1;
  background-color: hsla(var(--stone-100), var(--background-opacity));
}

.background-stone-200 {
  --background-opacity: 1;
  background-color: hsla(var(--stone-200), var(--background-opacity));
}

.background-stone-300 {
  --background-opacity: 1;
  background-color: hsla(var(--stone-300), var(--background-opacity));
}

.background-stone-400 {
  --background-opacity: 1;
  background-color: hsla(var(--stone-400), var(--background-opacity));
}

.background-stone-500 {
  --background-opacity: 1;
  background-color: hsla(var(--stone-500), var(--background-opacity));
}

.background-stone-600 {
  --background-opacity: 1;
  background-color: hsla(var(--stone-600), var(--background-opacity));
}

.background-stone-700 {
  --background-opacity: 1;
  background-color: hsla(var(--stone-700), var(--background-opacity));
}

.background-stone-800 {
  --background-opacity: 1;
  background-color: hsla(var(--stone-800), var(--background-opacity));
}

.background-stone-900 {
  --background-opacity: 1;
  background-color: hsla(var(--stone-900), var(--background-opacity));
}

.background-stone-1000 {
  --background-opacity: 1;
  background-color: hsla(var(--stone-1000), var(--background-opacity));
}

.background-stone-1100 {
  --background-opacity: 1;
  background-color: hsla(var(--stone-1100), var(--background-opacity));
}

.background-stone-1200 {
  --background-opacity: 1;
  background-color: hsla(var(--stone-1200), var(--background-opacity));
}

.hover\:background-stone-50:hover {
  --background-opacity: 1;
  background-color: hsla(var(--stone-50), var(--background-opacity));
}

.hover\:background-stone-100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--stone-100), var(--background-opacity));
}

.hover\:background-stone-200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--stone-200), var(--background-opacity));
}

.hover\:background-stone-300:hover {
  --background-opacity: 1;
  background-color: hsla(var(--stone-300), var(--background-opacity));
}

.hover\:background-stone-400:hover {
  --background-opacity: 1;
  background-color: hsla(var(--stone-400), var(--background-opacity));
}

.hover\:background-stone-500:hover {
  --background-opacity: 1;
  background-color: hsla(var(--stone-500), var(--background-opacity));
}

.hover\:background-stone-600:hover {
  --background-opacity: 1;
  background-color: hsla(var(--stone-600), var(--background-opacity));
}

.hover\:background-stone-700:hover {
  --background-opacity: 1;
  background-color: hsla(var(--stone-700), var(--background-opacity));
}

.hover\:background-stone-800:hover {
  --background-opacity: 1;
  background-color: hsla(var(--stone-800), var(--background-opacity));
}

.hover\:background-stone-900:hover {
  --background-opacity: 1;
  background-color: hsla(var(--stone-900), var(--background-opacity));
}

.hover\:background-stone-1000:hover {
  --background-opacity: 1;
  background-color: hsla(var(--stone-1000), var(--background-opacity));
}

.hover\:background-stone-1100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--stone-1100), var(--background-opacity));
}

.hover\:background-stone-1200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--stone-1200), var(--background-opacity));
}

.focus\:background-stone-50:focus {
  --background-opacity: 1;
  background-color: hsla(var(--stone-50), var(--background-opacity));
}

.focus\:background-stone-100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--stone-100), var(--background-opacity));
}

.focus\:background-stone-200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--stone-200), var(--background-opacity));
}

.focus\:background-stone-300:focus {
  --background-opacity: 1;
  background-color: hsla(var(--stone-300), var(--background-opacity));
}

.focus\:background-stone-400:focus {
  --background-opacity: 1;
  background-color: hsla(var(--stone-400), var(--background-opacity));
}

.focus\:background-stone-500:focus {
  --background-opacity: 1;
  background-color: hsla(var(--stone-500), var(--background-opacity));
}

.focus\:background-stone-600:focus {
  --background-opacity: 1;
  background-color: hsla(var(--stone-600), var(--background-opacity));
}

.focus\:background-stone-700:focus {
  --background-opacity: 1;
  background-color: hsla(var(--stone-700), var(--background-opacity));
}

.focus\:background-stone-800:focus {
  --background-opacity: 1;
  background-color: hsla(var(--stone-800), var(--background-opacity));
}

.focus\:background-stone-900:focus {
  --background-opacity: 1;
  background-color: hsla(var(--stone-900), var(--background-opacity));
}

.focus\:background-stone-1000:focus {
  --background-opacity: 1;
  background-color: hsla(var(--stone-1000), var(--background-opacity));
}

.focus\:background-stone-1100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--stone-1100), var(--background-opacity));
}

.focus\:background-stone-1200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--stone-1200), var(--background-opacity));
}

.focus-within\:background-stone-50:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--stone-50), var(--background-opacity));
}

.focus-within\:background-stone-100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--stone-100), var(--background-opacity));
}

.focus-within\:background-stone-200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--stone-200), var(--background-opacity));
}

.focus-within\:background-stone-300:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--stone-300), var(--background-opacity));
}

.focus-within\:background-stone-400:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--stone-400), var(--background-opacity));
}

.focus-within\:background-stone-500:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--stone-500), var(--background-opacity));
}

.focus-within\:background-stone-600:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--stone-600), var(--background-opacity));
}

.focus-within\:background-stone-700:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--stone-700), var(--background-opacity));
}

.focus-within\:background-stone-800:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--stone-800), var(--background-opacity));
}

.focus-within\:background-stone-900:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--stone-900), var(--background-opacity));
}

.focus-within\:background-stone-1000:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--stone-1000), var(--background-opacity));
}

.focus-within\:background-stone-1100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--stone-1100), var(--background-opacity));
}

.focus-within\:background-stone-1200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--stone-1200), var(--background-opacity));
}

.active\:background-stone-50:active {
  --background-opacity: 1;
  background-color: hsla(var(--stone-50), var(--background-opacity));
}

.active\:background-stone-100:active {
  --background-opacity: 1;
  background-color: hsla(var(--stone-100), var(--background-opacity));
}

.active\:background-stone-200:active {
  --background-opacity: 1;
  background-color: hsla(var(--stone-200), var(--background-opacity));
}

.active\:background-stone-300:active {
  --background-opacity: 1;
  background-color: hsla(var(--stone-300), var(--background-opacity));
}

.active\:background-stone-400:active {
  --background-opacity: 1;
  background-color: hsla(var(--stone-400), var(--background-opacity));
}

.active\:background-stone-500:active {
  --background-opacity: 1;
  background-color: hsla(var(--stone-500), var(--background-opacity));
}

.active\:background-stone-600:active {
  --background-opacity: 1;
  background-color: hsla(var(--stone-600), var(--background-opacity));
}

.active\:background-stone-700:active {
  --background-opacity: 1;
  background-color: hsla(var(--stone-700), var(--background-opacity));
}

.active\:background-stone-800:active {
  --background-opacity: 1;
  background-color: hsla(var(--stone-800), var(--background-opacity));
}

.active\:background-stone-900:active {
  --background-opacity: 1;
  background-color: hsla(var(--stone-900), var(--background-opacity));
}

.active\:background-stone-1000:active {
  --background-opacity: 1;
  background-color: hsla(var(--stone-1000), var(--background-opacity));
}

.active\:background-stone-1100:active {
  --background-opacity: 1;
  background-color: hsla(var(--stone-1100), var(--background-opacity));
}

.active\:background-stone-1200:active {
  --background-opacity: 1;
  background-color: hsla(var(--stone-1200), var(--background-opacity));
}

.background-red-50 {
  --background-opacity: 1;
  background-color: hsla(var(--red-50), var(--background-opacity));
}

.background-red-100 {
  --background-opacity: 1;
  background-color: hsla(var(--red-100), var(--background-opacity));
}

.background-red-200 {
  --background-opacity: 1;
  background-color: hsla(var(--red-200), var(--background-opacity));
}

.background-red-300 {
  --background-opacity: 1;
  background-color: hsla(var(--red-300), var(--background-opacity));
}

.background-red-400 {
  --background-opacity: 1;
  background-color: hsla(var(--red-400), var(--background-opacity));
}

.background-red-500 {
  --background-opacity: 1;
  background-color: hsla(var(--red-500), var(--background-opacity));
}

.background-red-600 {
  --background-opacity: 1;
  background-color: hsla(var(--red-600), var(--background-opacity));
}

.background-red-700 {
  --background-opacity: 1;
  background-color: hsla(var(--red-700), var(--background-opacity));
}

.background-red-800 {
  --background-opacity: 1;
  background-color: hsla(var(--red-800), var(--background-opacity));
}

.background-red-900 {
  --background-opacity: 1;
  background-color: hsla(var(--red-900), var(--background-opacity));
}

.background-red-1000 {
  --background-opacity: 1;
  background-color: hsla(var(--red-1000), var(--background-opacity));
}

.background-red-1100 {
  --background-opacity: 1;
  background-color: hsla(var(--red-1100), var(--background-opacity));
}

.background-red-1200 {
  --background-opacity: 1;
  background-color: hsla(var(--red-1200), var(--background-opacity));
}

.hover\:background-red-50:hover {
  --background-opacity: 1;
  background-color: hsla(var(--red-50), var(--background-opacity));
}

.hover\:background-red-100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--red-100), var(--background-opacity));
}

.hover\:background-red-200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--red-200), var(--background-opacity));
}

.hover\:background-red-300:hover {
  --background-opacity: 1;
  background-color: hsla(var(--red-300), var(--background-opacity));
}

.hover\:background-red-400:hover {
  --background-opacity: 1;
  background-color: hsla(var(--red-400), var(--background-opacity));
}

.hover\:background-red-500:hover {
  --background-opacity: 1;
  background-color: hsla(var(--red-500), var(--background-opacity));
}

.hover\:background-red-600:hover {
  --background-opacity: 1;
  background-color: hsla(var(--red-600), var(--background-opacity));
}

.hover\:background-red-700:hover {
  --background-opacity: 1;
  background-color: hsla(var(--red-700), var(--background-opacity));
}

.hover\:background-red-800:hover {
  --background-opacity: 1;
  background-color: hsla(var(--red-800), var(--background-opacity));
}

.hover\:background-red-900:hover {
  --background-opacity: 1;
  background-color: hsla(var(--red-900), var(--background-opacity));
}

.hover\:background-red-1000:hover {
  --background-opacity: 1;
  background-color: hsla(var(--red-1000), var(--background-opacity));
}

.hover\:background-red-1100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--red-1100), var(--background-opacity));
}

.hover\:background-red-1200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--red-1200), var(--background-opacity));
}

.focus\:background-red-50:focus {
  --background-opacity: 1;
  background-color: hsla(var(--red-50), var(--background-opacity));
}

.focus\:background-red-100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--red-100), var(--background-opacity));
}

.focus\:background-red-200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--red-200), var(--background-opacity));
}

.focus\:background-red-300:focus {
  --background-opacity: 1;
  background-color: hsla(var(--red-300), var(--background-opacity));
}

.focus\:background-red-400:focus {
  --background-opacity: 1;
  background-color: hsla(var(--red-400), var(--background-opacity));
}

.focus\:background-red-500:focus {
  --background-opacity: 1;
  background-color: hsla(var(--red-500), var(--background-opacity));
}

.focus\:background-red-600:focus {
  --background-opacity: 1;
  background-color: hsla(var(--red-600), var(--background-opacity));
}

.focus\:background-red-700:focus {
  --background-opacity: 1;
  background-color: hsla(var(--red-700), var(--background-opacity));
}

.focus\:background-red-800:focus {
  --background-opacity: 1;
  background-color: hsla(var(--red-800), var(--background-opacity));
}

.focus\:background-red-900:focus {
  --background-opacity: 1;
  background-color: hsla(var(--red-900), var(--background-opacity));
}

.focus\:background-red-1000:focus {
  --background-opacity: 1;
  background-color: hsla(var(--red-1000), var(--background-opacity));
}

.focus\:background-red-1100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--red-1100), var(--background-opacity));
}

.focus\:background-red-1200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--red-1200), var(--background-opacity));
}

.focus-within\:background-red-50:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--red-50), var(--background-opacity));
}

.focus-within\:background-red-100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--red-100), var(--background-opacity));
}

.focus-within\:background-red-200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--red-200), var(--background-opacity));
}

.focus-within\:background-red-300:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--red-300), var(--background-opacity));
}

.focus-within\:background-red-400:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--red-400), var(--background-opacity));
}

.focus-within\:background-red-500:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--red-500), var(--background-opacity));
}

.focus-within\:background-red-600:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--red-600), var(--background-opacity));
}

.focus-within\:background-red-700:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--red-700), var(--background-opacity));
}

.focus-within\:background-red-800:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--red-800), var(--background-opacity));
}

.focus-within\:background-red-900:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--red-900), var(--background-opacity));
}

.focus-within\:background-red-1000:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--red-1000), var(--background-opacity));
}

.focus-within\:background-red-1100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--red-1100), var(--background-opacity));
}

.focus-within\:background-red-1200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--red-1200), var(--background-opacity));
}

.active\:background-red-50:active {
  --background-opacity: 1;
  background-color: hsla(var(--red-50), var(--background-opacity));
}

.active\:background-red-100:active {
  --background-opacity: 1;
  background-color: hsla(var(--red-100), var(--background-opacity));
}

.active\:background-red-200:active {
  --background-opacity: 1;
  background-color: hsla(var(--red-200), var(--background-opacity));
}

.active\:background-red-300:active {
  --background-opacity: 1;
  background-color: hsla(var(--red-300), var(--background-opacity));
}

.active\:background-red-400:active {
  --background-opacity: 1;
  background-color: hsla(var(--red-400), var(--background-opacity));
}

.active\:background-red-500:active {
  --background-opacity: 1;
  background-color: hsla(var(--red-500), var(--background-opacity));
}

.active\:background-red-600:active {
  --background-opacity: 1;
  background-color: hsla(var(--red-600), var(--background-opacity));
}

.active\:background-red-700:active {
  --background-opacity: 1;
  background-color: hsla(var(--red-700), var(--background-opacity));
}

.active\:background-red-800:active {
  --background-opacity: 1;
  background-color: hsla(var(--red-800), var(--background-opacity));
}

.active\:background-red-900:active {
  --background-opacity: 1;
  background-color: hsla(var(--red-900), var(--background-opacity));
}

.active\:background-red-1000:active {
  --background-opacity: 1;
  background-color: hsla(var(--red-1000), var(--background-opacity));
}

.active\:background-red-1100:active {
  --background-opacity: 1;
  background-color: hsla(var(--red-1100), var(--background-opacity));
}

.active\:background-red-1200:active {
  --background-opacity: 1;
  background-color: hsla(var(--red-1200), var(--background-opacity));
}

.background-orange-50 {
  --background-opacity: 1;
  background-color: hsla(var(--orange-50), var(--background-opacity));
}

.background-orange-100 {
  --background-opacity: 1;
  background-color: hsla(var(--orange-100), var(--background-opacity));
}

.background-orange-200 {
  --background-opacity: 1;
  background-color: hsla(var(--orange-200), var(--background-opacity));
}

.background-orange-300 {
  --background-opacity: 1;
  background-color: hsla(var(--orange-300), var(--background-opacity));
}

.background-orange-400 {
  --background-opacity: 1;
  background-color: hsla(var(--orange-400), var(--background-opacity));
}

.background-orange-500 {
  --background-opacity: 1;
  background-color: hsla(var(--orange-500), var(--background-opacity));
}

.background-orange-600 {
  --background-opacity: 1;
  background-color: hsla(var(--orange-600), var(--background-opacity));
}

.background-orange-700 {
  --background-opacity: 1;
  background-color: hsla(var(--orange-700), var(--background-opacity));
}

.background-orange-800 {
  --background-opacity: 1;
  background-color: hsla(var(--orange-800), var(--background-opacity));
}

.background-orange-900 {
  --background-opacity: 1;
  background-color: hsla(var(--orange-900), var(--background-opacity));
}

.background-orange-1000 {
  --background-opacity: 1;
  background-color: hsla(var(--orange-1000), var(--background-opacity));
}

.background-orange-1100 {
  --background-opacity: 1;
  background-color: hsla(var(--orange-1100), var(--background-opacity));
}

.background-orange-1200 {
  --background-opacity: 1;
  background-color: hsla(var(--orange-1200), var(--background-opacity));
}

.hover\:background-orange-50:hover {
  --background-opacity: 1;
  background-color: hsla(var(--orange-50), var(--background-opacity));
}

.hover\:background-orange-100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--orange-100), var(--background-opacity));
}

.hover\:background-orange-200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--orange-200), var(--background-opacity));
}

.hover\:background-orange-300:hover {
  --background-opacity: 1;
  background-color: hsla(var(--orange-300), var(--background-opacity));
}

.hover\:background-orange-400:hover {
  --background-opacity: 1;
  background-color: hsla(var(--orange-400), var(--background-opacity));
}

.hover\:background-orange-500:hover {
  --background-opacity: 1;
  background-color: hsla(var(--orange-500), var(--background-opacity));
}

.hover\:background-orange-600:hover {
  --background-opacity: 1;
  background-color: hsla(var(--orange-600), var(--background-opacity));
}

.hover\:background-orange-700:hover {
  --background-opacity: 1;
  background-color: hsla(var(--orange-700), var(--background-opacity));
}

.hover\:background-orange-800:hover {
  --background-opacity: 1;
  background-color: hsla(var(--orange-800), var(--background-opacity));
}

.hover\:background-orange-900:hover {
  --background-opacity: 1;
  background-color: hsla(var(--orange-900), var(--background-opacity));
}

.hover\:background-orange-1000:hover {
  --background-opacity: 1;
  background-color: hsla(var(--orange-1000), var(--background-opacity));
}

.hover\:background-orange-1100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--orange-1100), var(--background-opacity));
}

.hover\:background-orange-1200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--orange-1200), var(--background-opacity));
}

.focus\:background-orange-50:focus {
  --background-opacity: 1;
  background-color: hsla(var(--orange-50), var(--background-opacity));
}

.focus\:background-orange-100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--orange-100), var(--background-opacity));
}

.focus\:background-orange-200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--orange-200), var(--background-opacity));
}

.focus\:background-orange-300:focus {
  --background-opacity: 1;
  background-color: hsla(var(--orange-300), var(--background-opacity));
}

.focus\:background-orange-400:focus {
  --background-opacity: 1;
  background-color: hsla(var(--orange-400), var(--background-opacity));
}

.focus\:background-orange-500:focus {
  --background-opacity: 1;
  background-color: hsla(var(--orange-500), var(--background-opacity));
}

.focus\:background-orange-600:focus {
  --background-opacity: 1;
  background-color: hsla(var(--orange-600), var(--background-opacity));
}

.focus\:background-orange-700:focus {
  --background-opacity: 1;
  background-color: hsla(var(--orange-700), var(--background-opacity));
}

.focus\:background-orange-800:focus {
  --background-opacity: 1;
  background-color: hsla(var(--orange-800), var(--background-opacity));
}

.focus\:background-orange-900:focus {
  --background-opacity: 1;
  background-color: hsla(var(--orange-900), var(--background-opacity));
}

.focus\:background-orange-1000:focus {
  --background-opacity: 1;
  background-color: hsla(var(--orange-1000), var(--background-opacity));
}

.focus\:background-orange-1100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--orange-1100), var(--background-opacity));
}

.focus\:background-orange-1200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--orange-1200), var(--background-opacity));
}

.focus-within\:background-orange-50:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--orange-50), var(--background-opacity));
}

.focus-within\:background-orange-100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--orange-100), var(--background-opacity));
}

.focus-within\:background-orange-200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--orange-200), var(--background-opacity));
}

.focus-within\:background-orange-300:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--orange-300), var(--background-opacity));
}

.focus-within\:background-orange-400:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--orange-400), var(--background-opacity));
}

.focus-within\:background-orange-500:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--orange-500), var(--background-opacity));
}

.focus-within\:background-orange-600:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--orange-600), var(--background-opacity));
}

.focus-within\:background-orange-700:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--orange-700), var(--background-opacity));
}

.focus-within\:background-orange-800:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--orange-800), var(--background-opacity));
}

.focus-within\:background-orange-900:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--orange-900), var(--background-opacity));
}

.focus-within\:background-orange-1000:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--orange-1000), var(--background-opacity));
}

.focus-within\:background-orange-1100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--orange-1100), var(--background-opacity));
}

.focus-within\:background-orange-1200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--orange-1200), var(--background-opacity));
}

.active\:background-orange-50:active {
  --background-opacity: 1;
  background-color: hsla(var(--orange-50), var(--background-opacity));
}

.active\:background-orange-100:active {
  --background-opacity: 1;
  background-color: hsla(var(--orange-100), var(--background-opacity));
}

.active\:background-orange-200:active {
  --background-opacity: 1;
  background-color: hsla(var(--orange-200), var(--background-opacity));
}

.active\:background-orange-300:active {
  --background-opacity: 1;
  background-color: hsla(var(--orange-300), var(--background-opacity));
}

.active\:background-orange-400:active {
  --background-opacity: 1;
  background-color: hsla(var(--orange-400), var(--background-opacity));
}

.active\:background-orange-500:active {
  --background-opacity: 1;
  background-color: hsla(var(--orange-500), var(--background-opacity));
}

.active\:background-orange-600:active {
  --background-opacity: 1;
  background-color: hsla(var(--orange-600), var(--background-opacity));
}

.active\:background-orange-700:active {
  --background-opacity: 1;
  background-color: hsla(var(--orange-700), var(--background-opacity));
}

.active\:background-orange-800:active {
  --background-opacity: 1;
  background-color: hsla(var(--orange-800), var(--background-opacity));
}

.active\:background-orange-900:active {
  --background-opacity: 1;
  background-color: hsla(var(--orange-900), var(--background-opacity));
}

.active\:background-orange-1000:active {
  --background-opacity: 1;
  background-color: hsla(var(--orange-1000), var(--background-opacity));
}

.active\:background-orange-1100:active {
  --background-opacity: 1;
  background-color: hsla(var(--orange-1100), var(--background-opacity));
}

.active\:background-orange-1200:active {
  --background-opacity: 1;
  background-color: hsla(var(--orange-1200), var(--background-opacity));
}

.background-yellow-50 {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-50), var(--background-opacity));
}

.background-yellow-100 {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-100), var(--background-opacity));
}

.background-yellow-200 {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-200), var(--background-opacity));
}

.background-yellow-300 {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-300), var(--background-opacity));
}

.background-yellow-400 {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-400), var(--background-opacity));
}

.background-yellow-500 {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-500), var(--background-opacity));
}

.background-yellow-600 {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-600), var(--background-opacity));
}

.background-yellow-700 {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-700), var(--background-opacity));
}

.background-yellow-800 {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-800), var(--background-opacity));
}

.background-yellow-900 {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-900), var(--background-opacity));
}

.background-yellow-1000 {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-1000), var(--background-opacity));
}

.background-yellow-1100 {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-1100), var(--background-opacity));
}

.background-yellow-1200 {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-1200), var(--background-opacity));
}

.hover\:background-yellow-50:hover {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-50), var(--background-opacity));
}

.hover\:background-yellow-100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-100), var(--background-opacity));
}

.hover\:background-yellow-200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-200), var(--background-opacity));
}

.hover\:background-yellow-300:hover {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-300), var(--background-opacity));
}

.hover\:background-yellow-400:hover {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-400), var(--background-opacity));
}

.hover\:background-yellow-500:hover {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-500), var(--background-opacity));
}

.hover\:background-yellow-600:hover {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-600), var(--background-opacity));
}

.hover\:background-yellow-700:hover {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-700), var(--background-opacity));
}

.hover\:background-yellow-800:hover {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-800), var(--background-opacity));
}

.hover\:background-yellow-900:hover {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-900), var(--background-opacity));
}

.hover\:background-yellow-1000:hover {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-1000), var(--background-opacity));
}

.hover\:background-yellow-1100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-1100), var(--background-opacity));
}

.hover\:background-yellow-1200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-1200), var(--background-opacity));
}

.focus\:background-yellow-50:focus {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-50), var(--background-opacity));
}

.focus\:background-yellow-100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-100), var(--background-opacity));
}

.focus\:background-yellow-200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-200), var(--background-opacity));
}

.focus\:background-yellow-300:focus {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-300), var(--background-opacity));
}

.focus\:background-yellow-400:focus {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-400), var(--background-opacity));
}

.focus\:background-yellow-500:focus {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-500), var(--background-opacity));
}

.focus\:background-yellow-600:focus {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-600), var(--background-opacity));
}

.focus\:background-yellow-700:focus {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-700), var(--background-opacity));
}

.focus\:background-yellow-800:focus {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-800), var(--background-opacity));
}

.focus\:background-yellow-900:focus {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-900), var(--background-opacity));
}

.focus\:background-yellow-1000:focus {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-1000), var(--background-opacity));
}

.focus\:background-yellow-1100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-1100), var(--background-opacity));
}

.focus\:background-yellow-1200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-1200), var(--background-opacity));
}

.focus-within\:background-yellow-50:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-50), var(--background-opacity));
}

.focus-within\:background-yellow-100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-100), var(--background-opacity));
}

.focus-within\:background-yellow-200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-200), var(--background-opacity));
}

.focus-within\:background-yellow-300:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-300), var(--background-opacity));
}

.focus-within\:background-yellow-400:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-400), var(--background-opacity));
}

.focus-within\:background-yellow-500:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-500), var(--background-opacity));
}

.focus-within\:background-yellow-600:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-600), var(--background-opacity));
}

.focus-within\:background-yellow-700:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-700), var(--background-opacity));
}

.focus-within\:background-yellow-800:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-800), var(--background-opacity));
}

.focus-within\:background-yellow-900:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-900), var(--background-opacity));
}

.focus-within\:background-yellow-1000:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-1000), var(--background-opacity));
}

.focus-within\:background-yellow-1100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-1100), var(--background-opacity));
}

.focus-within\:background-yellow-1200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-1200), var(--background-opacity));
}

.active\:background-yellow-50:active {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-50), var(--background-opacity));
}

.active\:background-yellow-100:active {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-100), var(--background-opacity));
}

.active\:background-yellow-200:active {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-200), var(--background-opacity));
}

.active\:background-yellow-300:active {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-300), var(--background-opacity));
}

.active\:background-yellow-400:active {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-400), var(--background-opacity));
}

.active\:background-yellow-500:active {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-500), var(--background-opacity));
}

.active\:background-yellow-600:active {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-600), var(--background-opacity));
}

.active\:background-yellow-700:active {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-700), var(--background-opacity));
}

.active\:background-yellow-800:active {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-800), var(--background-opacity));
}

.active\:background-yellow-900:active {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-900), var(--background-opacity));
}

.active\:background-yellow-1000:active {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-1000), var(--background-opacity));
}

.active\:background-yellow-1100:active {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-1100), var(--background-opacity));
}

.active\:background-yellow-1200:active {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-1200), var(--background-opacity));
}

.background-green-50 {
  --background-opacity: 1;
  background-color: hsla(var(--green-50), var(--background-opacity));
}

.background-green-100 {
  --background-opacity: 1;
  background-color: hsla(var(--green-100), var(--background-opacity));
}

.background-green-200 {
  --background-opacity: 1;
  background-color: hsla(var(--green-200), var(--background-opacity));
}

.background-green-300 {
  --background-opacity: 1;
  background-color: hsla(var(--green-300), var(--background-opacity));
}

.background-green-400 {
  --background-opacity: 1;
  background-color: hsla(var(--green-400), var(--background-opacity));
}

.background-green-500 {
  --background-opacity: 1;
  background-color: hsla(var(--green-500), var(--background-opacity));
}

.background-green-600 {
  --background-opacity: 1;
  background-color: hsla(var(--green-600), var(--background-opacity));
}

.background-green-700 {
  --background-opacity: 1;
  background-color: hsla(var(--green-700), var(--background-opacity));
}

.background-green-800 {
  --background-opacity: 1;
  background-color: hsla(var(--green-800), var(--background-opacity));
}

.background-green-900 {
  --background-opacity: 1;
  background-color: hsla(var(--green-900), var(--background-opacity));
}

.background-green-1000 {
  --background-opacity: 1;
  background-color: hsla(var(--green-1000), var(--background-opacity));
}

.background-green-1100 {
  --background-opacity: 1;
  background-color: hsla(var(--green-1100), var(--background-opacity));
}

.background-green-1200 {
  --background-opacity: 1;
  background-color: hsla(var(--green-1200), var(--background-opacity));
}

.hover\:background-green-50:hover {
  --background-opacity: 1;
  background-color: hsla(var(--green-50), var(--background-opacity));
}

.hover\:background-green-100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--green-100), var(--background-opacity));
}

.hover\:background-green-200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--green-200), var(--background-opacity));
}

.hover\:background-green-300:hover {
  --background-opacity: 1;
  background-color: hsla(var(--green-300), var(--background-opacity));
}

.hover\:background-green-400:hover {
  --background-opacity: 1;
  background-color: hsla(var(--green-400), var(--background-opacity));
}

.hover\:background-green-500:hover {
  --background-opacity: 1;
  background-color: hsla(var(--green-500), var(--background-opacity));
}

.hover\:background-green-600:hover {
  --background-opacity: 1;
  background-color: hsla(var(--green-600), var(--background-opacity));
}

.hover\:background-green-700:hover {
  --background-opacity: 1;
  background-color: hsla(var(--green-700), var(--background-opacity));
}

.hover\:background-green-800:hover {
  --background-opacity: 1;
  background-color: hsla(var(--green-800), var(--background-opacity));
}

.hover\:background-green-900:hover {
  --background-opacity: 1;
  background-color: hsla(var(--green-900), var(--background-opacity));
}

.hover\:background-green-1000:hover {
  --background-opacity: 1;
  background-color: hsla(var(--green-1000), var(--background-opacity));
}

.hover\:background-green-1100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--green-1100), var(--background-opacity));
}

.hover\:background-green-1200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--green-1200), var(--background-opacity));
}

.focus\:background-green-50:focus {
  --background-opacity: 1;
  background-color: hsla(var(--green-50), var(--background-opacity));
}

.focus\:background-green-100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--green-100), var(--background-opacity));
}

.focus\:background-green-200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--green-200), var(--background-opacity));
}

.focus\:background-green-300:focus {
  --background-opacity: 1;
  background-color: hsla(var(--green-300), var(--background-opacity));
}

.focus\:background-green-400:focus {
  --background-opacity: 1;
  background-color: hsla(var(--green-400), var(--background-opacity));
}

.focus\:background-green-500:focus {
  --background-opacity: 1;
  background-color: hsla(var(--green-500), var(--background-opacity));
}

.focus\:background-green-600:focus {
  --background-opacity: 1;
  background-color: hsla(var(--green-600), var(--background-opacity));
}

.focus\:background-green-700:focus {
  --background-opacity: 1;
  background-color: hsla(var(--green-700), var(--background-opacity));
}

.focus\:background-green-800:focus {
  --background-opacity: 1;
  background-color: hsla(var(--green-800), var(--background-opacity));
}

.focus\:background-green-900:focus {
  --background-opacity: 1;
  background-color: hsla(var(--green-900), var(--background-opacity));
}

.focus\:background-green-1000:focus {
  --background-opacity: 1;
  background-color: hsla(var(--green-1000), var(--background-opacity));
}

.focus\:background-green-1100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--green-1100), var(--background-opacity));
}

.focus\:background-green-1200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--green-1200), var(--background-opacity));
}

.focus-within\:background-green-50:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--green-50), var(--background-opacity));
}

.focus-within\:background-green-100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--green-100), var(--background-opacity));
}

.focus-within\:background-green-200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--green-200), var(--background-opacity));
}

.focus-within\:background-green-300:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--green-300), var(--background-opacity));
}

.focus-within\:background-green-400:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--green-400), var(--background-opacity));
}

.focus-within\:background-green-500:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--green-500), var(--background-opacity));
}

.focus-within\:background-green-600:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--green-600), var(--background-opacity));
}

.focus-within\:background-green-700:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--green-700), var(--background-opacity));
}

.focus-within\:background-green-800:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--green-800), var(--background-opacity));
}

.focus-within\:background-green-900:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--green-900), var(--background-opacity));
}

.focus-within\:background-green-1000:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--green-1000), var(--background-opacity));
}

.focus-within\:background-green-1100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--green-1100), var(--background-opacity));
}

.focus-within\:background-green-1200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--green-1200), var(--background-opacity));
}

.active\:background-green-50:active {
  --background-opacity: 1;
  background-color: hsla(var(--green-50), var(--background-opacity));
}

.active\:background-green-100:active {
  --background-opacity: 1;
  background-color: hsla(var(--green-100), var(--background-opacity));
}

.active\:background-green-200:active {
  --background-opacity: 1;
  background-color: hsla(var(--green-200), var(--background-opacity));
}

.active\:background-green-300:active {
  --background-opacity: 1;
  background-color: hsla(var(--green-300), var(--background-opacity));
}

.active\:background-green-400:active {
  --background-opacity: 1;
  background-color: hsla(var(--green-400), var(--background-opacity));
}

.active\:background-green-500:active {
  --background-opacity: 1;
  background-color: hsla(var(--green-500), var(--background-opacity));
}

.active\:background-green-600:active {
  --background-opacity: 1;
  background-color: hsla(var(--green-600), var(--background-opacity));
}

.active\:background-green-700:active {
  --background-opacity: 1;
  background-color: hsla(var(--green-700), var(--background-opacity));
}

.active\:background-green-800:active {
  --background-opacity: 1;
  background-color: hsla(var(--green-800), var(--background-opacity));
}

.active\:background-green-900:active {
  --background-opacity: 1;
  background-color: hsla(var(--green-900), var(--background-opacity));
}

.active\:background-green-1000:active {
  --background-opacity: 1;
  background-color: hsla(var(--green-1000), var(--background-opacity));
}

.active\:background-green-1100:active {
  --background-opacity: 1;
  background-color: hsla(var(--green-1100), var(--background-opacity));
}

.active\:background-green-1200:active {
  --background-opacity: 1;
  background-color: hsla(var(--green-1200), var(--background-opacity));
}

.background-turquoise-50 {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-50), var(--background-opacity));
}

.background-turquoise-100 {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-100), var(--background-opacity));
}

.background-turquoise-200 {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-200), var(--background-opacity));
}

.background-turquoise-300 {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-300), var(--background-opacity));
}

.background-turquoise-400 {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-400), var(--background-opacity));
}

.background-turquoise-500 {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-500), var(--background-opacity));
}

.background-turquoise-600 {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-600), var(--background-opacity));
}

.background-turquoise-700 {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-700), var(--background-opacity));
}

.background-turquoise-800 {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-800), var(--background-opacity));
}

.background-turquoise-900 {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-900), var(--background-opacity));
}

.background-turquoise-1000 {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-1000), var(--background-opacity));
}

.background-turquoise-1100 {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-1100), var(--background-opacity));
}

.background-turquoise-1200 {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-1200), var(--background-opacity));
}

.hover\:background-turquoise-50:hover {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-50), var(--background-opacity));
}

.hover\:background-turquoise-100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-100), var(--background-opacity));
}

.hover\:background-turquoise-200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-200), var(--background-opacity));
}

.hover\:background-turquoise-300:hover {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-300), var(--background-opacity));
}

.hover\:background-turquoise-400:hover {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-400), var(--background-opacity));
}

.hover\:background-turquoise-500:hover {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-500), var(--background-opacity));
}

.hover\:background-turquoise-600:hover {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-600), var(--background-opacity));
}

.hover\:background-turquoise-700:hover {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-700), var(--background-opacity));
}

.hover\:background-turquoise-800:hover {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-800), var(--background-opacity));
}

.hover\:background-turquoise-900:hover {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-900), var(--background-opacity));
}

.hover\:background-turquoise-1000:hover {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-1000), var(--background-opacity));
}

.hover\:background-turquoise-1100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-1100), var(--background-opacity));
}

.hover\:background-turquoise-1200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-1200), var(--background-opacity));
}

.focus\:background-turquoise-50:focus {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-50), var(--background-opacity));
}

.focus\:background-turquoise-100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-100), var(--background-opacity));
}

.focus\:background-turquoise-200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-200), var(--background-opacity));
}

.focus\:background-turquoise-300:focus {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-300), var(--background-opacity));
}

.focus\:background-turquoise-400:focus {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-400), var(--background-opacity));
}

.focus\:background-turquoise-500:focus {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-500), var(--background-opacity));
}

.focus\:background-turquoise-600:focus {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-600), var(--background-opacity));
}

.focus\:background-turquoise-700:focus {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-700), var(--background-opacity));
}

.focus\:background-turquoise-800:focus {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-800), var(--background-opacity));
}

.focus\:background-turquoise-900:focus {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-900), var(--background-opacity));
}

.focus\:background-turquoise-1000:focus {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-1000), var(--background-opacity));
}

.focus\:background-turquoise-1100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-1100), var(--background-opacity));
}

.focus\:background-turquoise-1200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-1200), var(--background-opacity));
}

.focus-within\:background-turquoise-50:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-50), var(--background-opacity));
}

.focus-within\:background-turquoise-100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-100), var(--background-opacity));
}

.focus-within\:background-turquoise-200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-200), var(--background-opacity));
}

.focus-within\:background-turquoise-300:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-300), var(--background-opacity));
}

.focus-within\:background-turquoise-400:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-400), var(--background-opacity));
}

.focus-within\:background-turquoise-500:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-500), var(--background-opacity));
}

.focus-within\:background-turquoise-600:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-600), var(--background-opacity));
}

.focus-within\:background-turquoise-700:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-700), var(--background-opacity));
}

.focus-within\:background-turquoise-800:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-800), var(--background-opacity));
}

.focus-within\:background-turquoise-900:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-900), var(--background-opacity));
}

.focus-within\:background-turquoise-1000:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-1000), var(--background-opacity));
}

.focus-within\:background-turquoise-1100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-1100), var(--background-opacity));
}

.focus-within\:background-turquoise-1200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-1200), var(--background-opacity));
}

.active\:background-turquoise-50:active {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-50), var(--background-opacity));
}

.active\:background-turquoise-100:active {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-100), var(--background-opacity));
}

.active\:background-turquoise-200:active {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-200), var(--background-opacity));
}

.active\:background-turquoise-300:active {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-300), var(--background-opacity));
}

.active\:background-turquoise-400:active {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-400), var(--background-opacity));
}

.active\:background-turquoise-500:active {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-500), var(--background-opacity));
}

.active\:background-turquoise-600:active {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-600), var(--background-opacity));
}

.active\:background-turquoise-700:active {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-700), var(--background-opacity));
}

.active\:background-turquoise-800:active {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-800), var(--background-opacity));
}

.active\:background-turquoise-900:active {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-900), var(--background-opacity));
}

.active\:background-turquoise-1000:active {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-1000), var(--background-opacity));
}

.active\:background-turquoise-1100:active {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-1100), var(--background-opacity));
}

.active\:background-turquoise-1200:active {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-1200), var(--background-opacity));
}

.background-cyan-50 {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-50), var(--background-opacity));
}

.background-cyan-100 {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-100), var(--background-opacity));
}

.background-cyan-200 {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-200), var(--background-opacity));
}

.background-cyan-300 {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-300), var(--background-opacity));
}

.background-cyan-400 {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-400), var(--background-opacity));
}

.background-cyan-500 {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-500), var(--background-opacity));
}

.background-cyan-600 {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-600), var(--background-opacity));
}

.background-cyan-700 {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-700), var(--background-opacity));
}

.background-cyan-800 {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-800), var(--background-opacity));
}

.background-cyan-900 {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-900), var(--background-opacity));
}

.background-cyan-1000 {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-1000), var(--background-opacity));
}

.background-cyan-1100 {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-1100), var(--background-opacity));
}

.background-cyan-1200 {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-1200), var(--background-opacity));
}

.hover\:background-cyan-50:hover {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-50), var(--background-opacity));
}

.hover\:background-cyan-100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-100), var(--background-opacity));
}

.hover\:background-cyan-200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-200), var(--background-opacity));
}

.hover\:background-cyan-300:hover {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-300), var(--background-opacity));
}

.hover\:background-cyan-400:hover {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-400), var(--background-opacity));
}

.hover\:background-cyan-500:hover {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-500), var(--background-opacity));
}

.hover\:background-cyan-600:hover {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-600), var(--background-opacity));
}

.hover\:background-cyan-700:hover {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-700), var(--background-opacity));
}

.hover\:background-cyan-800:hover {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-800), var(--background-opacity));
}

.hover\:background-cyan-900:hover {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-900), var(--background-opacity));
}

.hover\:background-cyan-1000:hover {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-1000), var(--background-opacity));
}

.hover\:background-cyan-1100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-1100), var(--background-opacity));
}

.hover\:background-cyan-1200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-1200), var(--background-opacity));
}

.focus\:background-cyan-50:focus {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-50), var(--background-opacity));
}

.focus\:background-cyan-100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-100), var(--background-opacity));
}

.focus\:background-cyan-200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-200), var(--background-opacity));
}

.focus\:background-cyan-300:focus {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-300), var(--background-opacity));
}

.focus\:background-cyan-400:focus {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-400), var(--background-opacity));
}

.focus\:background-cyan-500:focus {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-500), var(--background-opacity));
}

.focus\:background-cyan-600:focus {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-600), var(--background-opacity));
}

.focus\:background-cyan-700:focus {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-700), var(--background-opacity));
}

.focus\:background-cyan-800:focus {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-800), var(--background-opacity));
}

.focus\:background-cyan-900:focus {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-900), var(--background-opacity));
}

.focus\:background-cyan-1000:focus {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-1000), var(--background-opacity));
}

.focus\:background-cyan-1100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-1100), var(--background-opacity));
}

.focus\:background-cyan-1200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-1200), var(--background-opacity));
}

.focus-within\:background-cyan-50:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-50), var(--background-opacity));
}

.focus-within\:background-cyan-100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-100), var(--background-opacity));
}

.focus-within\:background-cyan-200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-200), var(--background-opacity));
}

.focus-within\:background-cyan-300:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-300), var(--background-opacity));
}

.focus-within\:background-cyan-400:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-400), var(--background-opacity));
}

.focus-within\:background-cyan-500:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-500), var(--background-opacity));
}

.focus-within\:background-cyan-600:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-600), var(--background-opacity));
}

.focus-within\:background-cyan-700:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-700), var(--background-opacity));
}

.focus-within\:background-cyan-800:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-800), var(--background-opacity));
}

.focus-within\:background-cyan-900:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-900), var(--background-opacity));
}

.focus-within\:background-cyan-1000:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-1000), var(--background-opacity));
}

.focus-within\:background-cyan-1100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-1100), var(--background-opacity));
}

.focus-within\:background-cyan-1200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-1200), var(--background-opacity));
}

.active\:background-cyan-50:active {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-50), var(--background-opacity));
}

.active\:background-cyan-100:active {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-100), var(--background-opacity));
}

.active\:background-cyan-200:active {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-200), var(--background-opacity));
}

.active\:background-cyan-300:active {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-300), var(--background-opacity));
}

.active\:background-cyan-400:active {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-400), var(--background-opacity));
}

.active\:background-cyan-500:active {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-500), var(--background-opacity));
}

.active\:background-cyan-600:active {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-600), var(--background-opacity));
}

.active\:background-cyan-700:active {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-700), var(--background-opacity));
}

.active\:background-cyan-800:active {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-800), var(--background-opacity));
}

.active\:background-cyan-900:active {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-900), var(--background-opacity));
}

.active\:background-cyan-1000:active {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-1000), var(--background-opacity));
}

.active\:background-cyan-1100:active {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-1100), var(--background-opacity));
}

.active\:background-cyan-1200:active {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-1200), var(--background-opacity));
}

.background-blue-50 {
  --background-opacity: 1;
  background-color: hsla(var(--blue-50), var(--background-opacity));
}

.background-blue-100 {
  --background-opacity: 1;
  background-color: hsla(var(--blue-100), var(--background-opacity));
}

.background-blue-200 {
  --background-opacity: 1;
  background-color: hsla(var(--blue-200), var(--background-opacity));
}

.background-blue-300 {
  --background-opacity: 1;
  background-color: hsla(var(--blue-300), var(--background-opacity));
}

.background-blue-400 {
  --background-opacity: 1;
  background-color: hsla(var(--blue-400), var(--background-opacity));
}

.background-blue-500 {
  --background-opacity: 1;
  background-color: hsla(var(--blue-500), var(--background-opacity));
}

.background-blue-600 {
  --background-opacity: 1;
  background-color: hsla(var(--blue-600), var(--background-opacity));
}

.background-blue-700 {
  --background-opacity: 1;
  background-color: hsla(var(--blue-700), var(--background-opacity));
}

.background-blue-800 {
  --background-opacity: 1;
  background-color: hsla(var(--blue-800), var(--background-opacity));
}

.background-blue-900 {
  --background-opacity: 1;
  background-color: hsla(var(--blue-900), var(--background-opacity));
}

.background-blue-1000 {
  --background-opacity: 1;
  background-color: hsla(var(--blue-1000), var(--background-opacity));
}

.background-blue-1100 {
  --background-opacity: 1;
  background-color: hsla(var(--blue-1100), var(--background-opacity));
}

.background-blue-1200 {
  --background-opacity: 1;
  background-color: hsla(var(--blue-1200), var(--background-opacity));
}

.hover\:background-blue-50:hover {
  --background-opacity: 1;
  background-color: hsla(var(--blue-50), var(--background-opacity));
}

.hover\:background-blue-100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--blue-100), var(--background-opacity));
}

.hover\:background-blue-200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--blue-200), var(--background-opacity));
}

.hover\:background-blue-300:hover {
  --background-opacity: 1;
  background-color: hsla(var(--blue-300), var(--background-opacity));
}

.hover\:background-blue-400:hover {
  --background-opacity: 1;
  background-color: hsla(var(--blue-400), var(--background-opacity));
}

.hover\:background-blue-500:hover {
  --background-opacity: 1;
  background-color: hsla(var(--blue-500), var(--background-opacity));
}

.hover\:background-blue-600:hover {
  --background-opacity: 1;
  background-color: hsla(var(--blue-600), var(--background-opacity));
}

.hover\:background-blue-700:hover {
  --background-opacity: 1;
  background-color: hsla(var(--blue-700), var(--background-opacity));
}

.hover\:background-blue-800:hover {
  --background-opacity: 1;
  background-color: hsla(var(--blue-800), var(--background-opacity));
}

.hover\:background-blue-900:hover {
  --background-opacity: 1;
  background-color: hsla(var(--blue-900), var(--background-opacity));
}

.hover\:background-blue-1000:hover {
  --background-opacity: 1;
  background-color: hsla(var(--blue-1000), var(--background-opacity));
}

.hover\:background-blue-1100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--blue-1100), var(--background-opacity));
}

.hover\:background-blue-1200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--blue-1200), var(--background-opacity));
}

.focus\:background-blue-50:focus {
  --background-opacity: 1;
  background-color: hsla(var(--blue-50), var(--background-opacity));
}

.focus\:background-blue-100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--blue-100), var(--background-opacity));
}

.focus\:background-blue-200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--blue-200), var(--background-opacity));
}

.focus\:background-blue-300:focus {
  --background-opacity: 1;
  background-color: hsla(var(--blue-300), var(--background-opacity));
}

.focus\:background-blue-400:focus {
  --background-opacity: 1;
  background-color: hsla(var(--blue-400), var(--background-opacity));
}

.focus\:background-blue-500:focus {
  --background-opacity: 1;
  background-color: hsla(var(--blue-500), var(--background-opacity));
}

.focus\:background-blue-600:focus {
  --background-opacity: 1;
  background-color: hsla(var(--blue-600), var(--background-opacity));
}

.focus\:background-blue-700:focus {
  --background-opacity: 1;
  background-color: hsla(var(--blue-700), var(--background-opacity));
}

.focus\:background-blue-800:focus {
  --background-opacity: 1;
  background-color: hsla(var(--blue-800), var(--background-opacity));
}

.focus\:background-blue-900:focus {
  --background-opacity: 1;
  background-color: hsla(var(--blue-900), var(--background-opacity));
}

.focus\:background-blue-1000:focus {
  --background-opacity: 1;
  background-color: hsla(var(--blue-1000), var(--background-opacity));
}

.focus\:background-blue-1100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--blue-1100), var(--background-opacity));
}

.focus\:background-blue-1200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--blue-1200), var(--background-opacity));
}

.focus-within\:background-blue-50:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--blue-50), var(--background-opacity));
}

.focus-within\:background-blue-100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--blue-100), var(--background-opacity));
}

.focus-within\:background-blue-200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--blue-200), var(--background-opacity));
}

.focus-within\:background-blue-300:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--blue-300), var(--background-opacity));
}

.focus-within\:background-blue-400:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--blue-400), var(--background-opacity));
}

.focus-within\:background-blue-500:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--blue-500), var(--background-opacity));
}

.focus-within\:background-blue-600:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--blue-600), var(--background-opacity));
}

.focus-within\:background-blue-700:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--blue-700), var(--background-opacity));
}

.focus-within\:background-blue-800:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--blue-800), var(--background-opacity));
}

.focus-within\:background-blue-900:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--blue-900), var(--background-opacity));
}

.focus-within\:background-blue-1000:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--blue-1000), var(--background-opacity));
}

.focus-within\:background-blue-1100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--blue-1100), var(--background-opacity));
}

.focus-within\:background-blue-1200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--blue-1200), var(--background-opacity));
}

.active\:background-blue-50:active {
  --background-opacity: 1;
  background-color: hsla(var(--blue-50), var(--background-opacity));
}

.active\:background-blue-100:active {
  --background-opacity: 1;
  background-color: hsla(var(--blue-100), var(--background-opacity));
}

.active\:background-blue-200:active {
  --background-opacity: 1;
  background-color: hsla(var(--blue-200), var(--background-opacity));
}

.active\:background-blue-300:active {
  --background-opacity: 1;
  background-color: hsla(var(--blue-300), var(--background-opacity));
}

.active\:background-blue-400:active {
  --background-opacity: 1;
  background-color: hsla(var(--blue-400), var(--background-opacity));
}

.active\:background-blue-500:active {
  --background-opacity: 1;
  background-color: hsla(var(--blue-500), var(--background-opacity));
}

.active\:background-blue-600:active {
  --background-opacity: 1;
  background-color: hsla(var(--blue-600), var(--background-opacity));
}

.active\:background-blue-700:active {
  --background-opacity: 1;
  background-color: hsla(var(--blue-700), var(--background-opacity));
}

.active\:background-blue-800:active {
  --background-opacity: 1;
  background-color: hsla(var(--blue-800), var(--background-opacity));
}

.active\:background-blue-900:active {
  --background-opacity: 1;
  background-color: hsla(var(--blue-900), var(--background-opacity));
}

.active\:background-blue-1000:active {
  --background-opacity: 1;
  background-color: hsla(var(--blue-1000), var(--background-opacity));
}

.active\:background-blue-1100:active {
  --background-opacity: 1;
  background-color: hsla(var(--blue-1100), var(--background-opacity));
}

.active\:background-blue-1200:active {
  --background-opacity: 1;
  background-color: hsla(var(--blue-1200), var(--background-opacity));
}

.background-indigo-50 {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-50), var(--background-opacity));
}

.background-indigo-100 {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-100), var(--background-opacity));
}

.background-indigo-200 {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-200), var(--background-opacity));
}

.background-indigo-300 {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-300), var(--background-opacity));
}

.background-indigo-400 {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-400), var(--background-opacity));
}

.background-indigo-500 {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-500), var(--background-opacity));
}

.background-indigo-600 {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-600), var(--background-opacity));
}

.background-indigo-700 {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-700), var(--background-opacity));
}

.background-indigo-800 {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-800), var(--background-opacity));
}

.background-indigo-900 {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-900), var(--background-opacity));
}

.background-indigo-1000 {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-1000), var(--background-opacity));
}

.background-indigo-1100 {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-1100), var(--background-opacity));
}

.background-indigo-1200 {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-1200), var(--background-opacity));
}

.hover\:background-indigo-50:hover {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-50), var(--background-opacity));
}

.hover\:background-indigo-100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-100), var(--background-opacity));
}

.hover\:background-indigo-200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-200), var(--background-opacity));
}

.hover\:background-indigo-300:hover {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-300), var(--background-opacity));
}

.hover\:background-indigo-400:hover {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-400), var(--background-opacity));
}

.hover\:background-indigo-500:hover {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-500), var(--background-opacity));
}

.hover\:background-indigo-600:hover {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-600), var(--background-opacity));
}

.hover\:background-indigo-700:hover {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-700), var(--background-opacity));
}

.hover\:background-indigo-800:hover {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-800), var(--background-opacity));
}

.hover\:background-indigo-900:hover {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-900), var(--background-opacity));
}

.hover\:background-indigo-1000:hover {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-1000), var(--background-opacity));
}

.hover\:background-indigo-1100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-1100), var(--background-opacity));
}

.hover\:background-indigo-1200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-1200), var(--background-opacity));
}

.focus\:background-indigo-50:focus {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-50), var(--background-opacity));
}

.focus\:background-indigo-100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-100), var(--background-opacity));
}

.focus\:background-indigo-200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-200), var(--background-opacity));
}

.focus\:background-indigo-300:focus {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-300), var(--background-opacity));
}

.focus\:background-indigo-400:focus {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-400), var(--background-opacity));
}

.focus\:background-indigo-500:focus {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-500), var(--background-opacity));
}

.focus\:background-indigo-600:focus {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-600), var(--background-opacity));
}

.focus\:background-indigo-700:focus {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-700), var(--background-opacity));
}

.focus\:background-indigo-800:focus {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-800), var(--background-opacity));
}

.focus\:background-indigo-900:focus {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-900), var(--background-opacity));
}

.focus\:background-indigo-1000:focus {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-1000), var(--background-opacity));
}

.focus\:background-indigo-1100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-1100), var(--background-opacity));
}

.focus\:background-indigo-1200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-1200), var(--background-opacity));
}

.focus-within\:background-indigo-50:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-50), var(--background-opacity));
}

.focus-within\:background-indigo-100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-100), var(--background-opacity));
}

.focus-within\:background-indigo-200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-200), var(--background-opacity));
}

.focus-within\:background-indigo-300:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-300), var(--background-opacity));
}

.focus-within\:background-indigo-400:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-400), var(--background-opacity));
}

.focus-within\:background-indigo-500:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-500), var(--background-opacity));
}

.focus-within\:background-indigo-600:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-600), var(--background-opacity));
}

.focus-within\:background-indigo-700:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-700), var(--background-opacity));
}

.focus-within\:background-indigo-800:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-800), var(--background-opacity));
}

.focus-within\:background-indigo-900:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-900), var(--background-opacity));
}

.focus-within\:background-indigo-1000:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-1000), var(--background-opacity));
}

.focus-within\:background-indigo-1100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-1100), var(--background-opacity));
}

.focus-within\:background-indigo-1200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-1200), var(--background-opacity));
}

.active\:background-indigo-50:active {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-50), var(--background-opacity));
}

.active\:background-indigo-100:active {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-100), var(--background-opacity));
}

.active\:background-indigo-200:active {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-200), var(--background-opacity));
}

.active\:background-indigo-300:active {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-300), var(--background-opacity));
}

.active\:background-indigo-400:active {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-400), var(--background-opacity));
}

.active\:background-indigo-500:active {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-500), var(--background-opacity));
}

.active\:background-indigo-600:active {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-600), var(--background-opacity));
}

.active\:background-indigo-700:active {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-700), var(--background-opacity));
}

.active\:background-indigo-800:active {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-800), var(--background-opacity));
}

.active\:background-indigo-900:active {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-900), var(--background-opacity));
}

.active\:background-indigo-1000:active {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-1000), var(--background-opacity));
}

.active\:background-indigo-1100:active {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-1100), var(--background-opacity));
}

.active\:background-indigo-1200:active {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-1200), var(--background-opacity));
}

.background-violet-50 {
  --background-opacity: 1;
  background-color: hsla(var(--violet-50), var(--background-opacity));
}

.background-violet-100 {
  --background-opacity: 1;
  background-color: hsla(var(--violet-100), var(--background-opacity));
}

.background-violet-200 {
  --background-opacity: 1;
  background-color: hsla(var(--violet-200), var(--background-opacity));
}

.background-violet-300 {
  --background-opacity: 1;
  background-color: hsla(var(--violet-300), var(--background-opacity));
}

.background-violet-400 {
  --background-opacity: 1;
  background-color: hsla(var(--violet-400), var(--background-opacity));
}

.background-violet-500 {
  --background-opacity: 1;
  background-color: hsla(var(--violet-500), var(--background-opacity));
}

.background-violet-600 {
  --background-opacity: 1;
  background-color: hsla(var(--violet-600), var(--background-opacity));
}

.background-violet-700 {
  --background-opacity: 1;
  background-color: hsla(var(--violet-700), var(--background-opacity));
}

.background-violet-800 {
  --background-opacity: 1;
  background-color: hsla(var(--violet-800), var(--background-opacity));
}

.background-violet-900 {
  --background-opacity: 1;
  background-color: hsla(var(--violet-900), var(--background-opacity));
}

.background-violet-1000 {
  --background-opacity: 1;
  background-color: hsla(var(--violet-1000), var(--background-opacity));
}

.background-violet-1100 {
  --background-opacity: 1;
  background-color: hsla(var(--violet-1100), var(--background-opacity));
}

.background-violet-1200 {
  --background-opacity: 1;
  background-color: hsla(var(--violet-1200), var(--background-opacity));
}

.hover\:background-violet-50:hover {
  --background-opacity: 1;
  background-color: hsla(var(--violet-50), var(--background-opacity));
}

.hover\:background-violet-100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--violet-100), var(--background-opacity));
}

.hover\:background-violet-200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--violet-200), var(--background-opacity));
}

.hover\:background-violet-300:hover {
  --background-opacity: 1;
  background-color: hsla(var(--violet-300), var(--background-opacity));
}

.hover\:background-violet-400:hover {
  --background-opacity: 1;
  background-color: hsla(var(--violet-400), var(--background-opacity));
}

.hover\:background-violet-500:hover {
  --background-opacity: 1;
  background-color: hsla(var(--violet-500), var(--background-opacity));
}

.hover\:background-violet-600:hover {
  --background-opacity: 1;
  background-color: hsla(var(--violet-600), var(--background-opacity));
}

.hover\:background-violet-700:hover {
  --background-opacity: 1;
  background-color: hsla(var(--violet-700), var(--background-opacity));
}

.hover\:background-violet-800:hover {
  --background-opacity: 1;
  background-color: hsla(var(--violet-800), var(--background-opacity));
}

.hover\:background-violet-900:hover {
  --background-opacity: 1;
  background-color: hsla(var(--violet-900), var(--background-opacity));
}

.hover\:background-violet-1000:hover {
  --background-opacity: 1;
  background-color: hsla(var(--violet-1000), var(--background-opacity));
}

.hover\:background-violet-1100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--violet-1100), var(--background-opacity));
}

.hover\:background-violet-1200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--violet-1200), var(--background-opacity));
}

.focus\:background-violet-50:focus {
  --background-opacity: 1;
  background-color: hsla(var(--violet-50), var(--background-opacity));
}

.focus\:background-violet-100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--violet-100), var(--background-opacity));
}

.focus\:background-violet-200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--violet-200), var(--background-opacity));
}

.focus\:background-violet-300:focus {
  --background-opacity: 1;
  background-color: hsla(var(--violet-300), var(--background-opacity));
}

.focus\:background-violet-400:focus {
  --background-opacity: 1;
  background-color: hsla(var(--violet-400), var(--background-opacity));
}

.focus\:background-violet-500:focus {
  --background-opacity: 1;
  background-color: hsla(var(--violet-500), var(--background-opacity));
}

.focus\:background-violet-600:focus {
  --background-opacity: 1;
  background-color: hsla(var(--violet-600), var(--background-opacity));
}

.focus\:background-violet-700:focus {
  --background-opacity: 1;
  background-color: hsla(var(--violet-700), var(--background-opacity));
}

.focus\:background-violet-800:focus {
  --background-opacity: 1;
  background-color: hsla(var(--violet-800), var(--background-opacity));
}

.focus\:background-violet-900:focus {
  --background-opacity: 1;
  background-color: hsla(var(--violet-900), var(--background-opacity));
}

.focus\:background-violet-1000:focus {
  --background-opacity: 1;
  background-color: hsla(var(--violet-1000), var(--background-opacity));
}

.focus\:background-violet-1100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--violet-1100), var(--background-opacity));
}

.focus\:background-violet-1200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--violet-1200), var(--background-opacity));
}

.focus-within\:background-violet-50:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--violet-50), var(--background-opacity));
}

.focus-within\:background-violet-100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--violet-100), var(--background-opacity));
}

.focus-within\:background-violet-200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--violet-200), var(--background-opacity));
}

.focus-within\:background-violet-300:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--violet-300), var(--background-opacity));
}

.focus-within\:background-violet-400:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--violet-400), var(--background-opacity));
}

.focus-within\:background-violet-500:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--violet-500), var(--background-opacity));
}

.focus-within\:background-violet-600:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--violet-600), var(--background-opacity));
}

.focus-within\:background-violet-700:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--violet-700), var(--background-opacity));
}

.focus-within\:background-violet-800:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--violet-800), var(--background-opacity));
}

.focus-within\:background-violet-900:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--violet-900), var(--background-opacity));
}

.focus-within\:background-violet-1000:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--violet-1000), var(--background-opacity));
}

.focus-within\:background-violet-1100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--violet-1100), var(--background-opacity));
}

.focus-within\:background-violet-1200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--violet-1200), var(--background-opacity));
}

.active\:background-violet-50:active {
  --background-opacity: 1;
  background-color: hsla(var(--violet-50), var(--background-opacity));
}

.active\:background-violet-100:active {
  --background-opacity: 1;
  background-color: hsla(var(--violet-100), var(--background-opacity));
}

.active\:background-violet-200:active {
  --background-opacity: 1;
  background-color: hsla(var(--violet-200), var(--background-opacity));
}

.active\:background-violet-300:active {
  --background-opacity: 1;
  background-color: hsla(var(--violet-300), var(--background-opacity));
}

.active\:background-violet-400:active {
  --background-opacity: 1;
  background-color: hsla(var(--violet-400), var(--background-opacity));
}

.active\:background-violet-500:active {
  --background-opacity: 1;
  background-color: hsla(var(--violet-500), var(--background-opacity));
}

.active\:background-violet-600:active {
  --background-opacity: 1;
  background-color: hsla(var(--violet-600), var(--background-opacity));
}

.active\:background-violet-700:active {
  --background-opacity: 1;
  background-color: hsla(var(--violet-700), var(--background-opacity));
}

.active\:background-violet-800:active {
  --background-opacity: 1;
  background-color: hsla(var(--violet-800), var(--background-opacity));
}

.active\:background-violet-900:active {
  --background-opacity: 1;
  background-color: hsla(var(--violet-900), var(--background-opacity));
}

.active\:background-violet-1000:active {
  --background-opacity: 1;
  background-color: hsla(var(--violet-1000), var(--background-opacity));
}

.active\:background-violet-1100:active {
  --background-opacity: 1;
  background-color: hsla(var(--violet-1100), var(--background-opacity));
}

.active\:background-violet-1200:active {
  --background-opacity: 1;
  background-color: hsla(var(--violet-1200), var(--background-opacity));
}

.background-magenta-50 {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-50), var(--background-opacity));
}

.background-magenta-100 {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-100), var(--background-opacity));
}

.background-magenta-200 {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-200), var(--background-opacity));
}

.background-magenta-300 {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-300), var(--background-opacity));
}

.background-magenta-400 {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-400), var(--background-opacity));
}

.background-magenta-500 {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-500), var(--background-opacity));
}

.background-magenta-600 {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-600), var(--background-opacity));
}

.background-magenta-700 {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-700), var(--background-opacity));
}

.background-magenta-800 {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-800), var(--background-opacity));
}

.background-magenta-900 {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-900), var(--background-opacity));
}

.background-magenta-1000 {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-1000), var(--background-opacity));
}

.background-magenta-1100 {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-1100), var(--background-opacity));
}

.background-magenta-1200 {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-1200), var(--background-opacity));
}

.hover\:background-magenta-50:hover {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-50), var(--background-opacity));
}

.hover\:background-magenta-100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-100), var(--background-opacity));
}

.hover\:background-magenta-200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-200), var(--background-opacity));
}

.hover\:background-magenta-300:hover {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-300), var(--background-opacity));
}

.hover\:background-magenta-400:hover {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-400), var(--background-opacity));
}

.hover\:background-magenta-500:hover {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-500), var(--background-opacity));
}

.hover\:background-magenta-600:hover {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-600), var(--background-opacity));
}

.hover\:background-magenta-700:hover {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-700), var(--background-opacity));
}

.hover\:background-magenta-800:hover {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-800), var(--background-opacity));
}

.hover\:background-magenta-900:hover {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-900), var(--background-opacity));
}

.hover\:background-magenta-1000:hover {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-1000), var(--background-opacity));
}

.hover\:background-magenta-1100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-1100), var(--background-opacity));
}

.hover\:background-magenta-1200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-1200), var(--background-opacity));
}

.focus\:background-magenta-50:focus {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-50), var(--background-opacity));
}

.focus\:background-magenta-100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-100), var(--background-opacity));
}

.focus\:background-magenta-200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-200), var(--background-opacity));
}

.focus\:background-magenta-300:focus {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-300), var(--background-opacity));
}

.focus\:background-magenta-400:focus {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-400), var(--background-opacity));
}

.focus\:background-magenta-500:focus {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-500), var(--background-opacity));
}

.focus\:background-magenta-600:focus {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-600), var(--background-opacity));
}

.focus\:background-magenta-700:focus {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-700), var(--background-opacity));
}

.focus\:background-magenta-800:focus {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-800), var(--background-opacity));
}

.focus\:background-magenta-900:focus {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-900), var(--background-opacity));
}

.focus\:background-magenta-1000:focus {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-1000), var(--background-opacity));
}

.focus\:background-magenta-1100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-1100), var(--background-opacity));
}

.focus\:background-magenta-1200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-1200), var(--background-opacity));
}

.focus-within\:background-magenta-50:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-50), var(--background-opacity));
}

.focus-within\:background-magenta-100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-100), var(--background-opacity));
}

.focus-within\:background-magenta-200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-200), var(--background-opacity));
}

.focus-within\:background-magenta-300:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-300), var(--background-opacity));
}

.focus-within\:background-magenta-400:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-400), var(--background-opacity));
}

.focus-within\:background-magenta-500:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-500), var(--background-opacity));
}

.focus-within\:background-magenta-600:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-600), var(--background-opacity));
}

.focus-within\:background-magenta-700:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-700), var(--background-opacity));
}

.focus-within\:background-magenta-800:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-800), var(--background-opacity));
}

.focus-within\:background-magenta-900:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-900), var(--background-opacity));
}

.focus-within\:background-magenta-1000:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-1000), var(--background-opacity));
}

.focus-within\:background-magenta-1100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-1100), var(--background-opacity));
}

.focus-within\:background-magenta-1200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-1200), var(--background-opacity));
}

.active\:background-magenta-50:active {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-50), var(--background-opacity));
}

.active\:background-magenta-100:active {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-100), var(--background-opacity));
}

.active\:background-magenta-200:active {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-200), var(--background-opacity));
}

.active\:background-magenta-300:active {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-300), var(--background-opacity));
}

.active\:background-magenta-400:active {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-400), var(--background-opacity));
}

.active\:background-magenta-500:active {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-500), var(--background-opacity));
}

.active\:background-magenta-600:active {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-600), var(--background-opacity));
}

.active\:background-magenta-700:active {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-700), var(--background-opacity));
}

.active\:background-magenta-800:active {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-800), var(--background-opacity));
}

.active\:background-magenta-900:active {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-900), var(--background-opacity));
}

.active\:background-magenta-1000:active {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-1000), var(--background-opacity));
}

.active\:background-magenta-1100:active {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-1100), var(--background-opacity));
}

.active\:background-magenta-1200:active {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-1200), var(--background-opacity));
}

.dark .dark\:background-transparent {
  background-color: transparent;
}

.dark .dark\:hover\:background-transparent:hover {
  background-color: transparent;
}

.dark .dark\:focus\:background-transparent:focus {
  background-color: transparent;
}

.dark .dark\:focus-within\:background-transparent:focus-within {
  background-color: transparent;
}

.dark .dark\:active\:background-transparent:active {
  background-color: transparent;
}

.dark .dark\:background-black {
  --background-opacity: 1;
  background-color: hsla(0, 0%, 0%, var(--background-opacity));
}

.dark .dark\:hover\:background-black:hover {
  --background-opacity: 1;
  background-color: hsla(0, 0%, 0%, var(--background-opacity));
}

.dark .dark\:focus\:background-black:focus {
  --background-opacity: 1;
  background-color: hsla(0, 0%, 0%, var(--background-opacity));
}

.dark .dark\:focus-within\:background-black:focus-within {
  --background-opacity: 1;
  background-color: hsla(0, 0%, 0%, var(--background-opacity));
}

.dark .dark\:active\:background-black:active {
  --background-opacity: 1;
  background-color: hsla(0, 0%, 0%, var(--background-opacity));
}

.dark .dark\:background-white {
  --background-opacity: 1;
  background-color: hsla(0, 0%, 100%, var(--background-opacity));
}

.dark .dark\:hover\:background-white:hover {
  --background-opacity: 1;
  background-color: hsla(0, 0%, 100%, var(--background-opacity));
}

.dark .dark\:focus\:background-white:focus {
  --background-opacity: 1;
  background-color: hsla(0, 0%, 100%, var(--background-opacity));
}

.dark .dark\:focus-within\:background-white:focus-within {
  --background-opacity: 1;
  background-color: hsla(0, 0%, 100%, var(--background-opacity));
}

.dark .dark\:active\:background-white:active {
  --background-opacity: 1;
  background-color: hsla(0, 0%, 100%, var(--background-opacity));
}

.dark .dark\:background-gray-50 {
  --background-opacity: 1;
  background-color: hsla(var(--gray-50), var(--background-opacity));
}

.dark .dark\:background-gray-100 {
  --background-opacity: 1;
  background-color: hsla(var(--gray-100), var(--background-opacity));
}

.dark .dark\:background-gray-200 {
  --background-opacity: 1;
  background-color: hsla(var(--gray-200), var(--background-opacity));
}

.dark .dark\:background-gray-300 {
  --background-opacity: 1;
  background-color: hsla(var(--gray-300), var(--background-opacity));
}

.dark .dark\:background-gray-400 {
  --background-opacity: 1;
  background-color: hsla(var(--gray-400), var(--background-opacity));
}

.dark .dark\:background-gray-500 {
  --background-opacity: 1;
  background-color: hsla(var(--gray-500), var(--background-opacity));
}

.dark .dark\:background-gray-600 {
  --background-opacity: 1;
  background-color: hsla(var(--gray-600), var(--background-opacity));
}

.dark .dark\:background-gray-700 {
  --background-opacity: 1;
  background-color: hsla(var(--gray-700), var(--background-opacity));
}

.dark .dark\:background-gray-800 {
  --background-opacity: 1;
  background-color: hsla(var(--gray-800), var(--background-opacity));
}

.dark .dark\:background-gray-900 {
  --background-opacity: 1;
  background-color: hsla(var(--gray-900), var(--background-opacity));
}

.dark .dark\:background-gray-1000 {
  --background-opacity: 1;
  background-color: hsla(var(--gray-1000), var(--background-opacity));
}

.dark .dark\:background-gray-1100 {
  --background-opacity: 1;
  background-color: hsla(var(--gray-1100), var(--background-opacity));
}

.dark .dark\:background-gray-1200 {
  --background-opacity: 1;
  background-color: hsla(var(--gray-1200), var(--background-opacity));
}

.dark .dark\:hover\:background-gray-50:hover {
  --background-opacity: 1;
  background-color: hsla(var(--gray-50), var(--background-opacity));
}

.dark .dark\:hover\:background-gray-100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--gray-100), var(--background-opacity));
}

.dark .dark\:hover\:background-gray-200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--gray-200), var(--background-opacity));
}

.dark .dark\:hover\:background-gray-300:hover {
  --background-opacity: 1;
  background-color: hsla(var(--gray-300), var(--background-opacity));
}

.dark .dark\:hover\:background-gray-400:hover {
  --background-opacity: 1;
  background-color: hsla(var(--gray-400), var(--background-opacity));
}

.dark .dark\:hover\:background-gray-500:hover {
  --background-opacity: 1;
  background-color: hsla(var(--gray-500), var(--background-opacity));
}

.dark .dark\:hover\:background-gray-600:hover {
  --background-opacity: 1;
  background-color: hsla(var(--gray-600), var(--background-opacity));
}

.dark .dark\:hover\:background-gray-700:hover {
  --background-opacity: 1;
  background-color: hsla(var(--gray-700), var(--background-opacity));
}

.dark .dark\:hover\:background-gray-800:hover {
  --background-opacity: 1;
  background-color: hsla(var(--gray-800), var(--background-opacity));
}

.dark .dark\:hover\:background-gray-900:hover {
  --background-opacity: 1;
  background-color: hsla(var(--gray-900), var(--background-opacity));
}

.dark .dark\:hover\:background-gray-1000:hover {
  --background-opacity: 1;
  background-color: hsla(var(--gray-1000), var(--background-opacity));
}

.dark .dark\:hover\:background-gray-1100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--gray-1100), var(--background-opacity));
}

.dark .dark\:hover\:background-gray-1200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--gray-1200), var(--background-opacity));
}

.dark .dark\:focus\:background-gray-50:focus {
  --background-opacity: 1;
  background-color: hsla(var(--gray-50), var(--background-opacity));
}

.dark .dark\:focus\:background-gray-100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--gray-100), var(--background-opacity));
}

.dark .dark\:focus\:background-gray-200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--gray-200), var(--background-opacity));
}

.dark .dark\:focus\:background-gray-300:focus {
  --background-opacity: 1;
  background-color: hsla(var(--gray-300), var(--background-opacity));
}

.dark .dark\:focus\:background-gray-400:focus {
  --background-opacity: 1;
  background-color: hsla(var(--gray-400), var(--background-opacity));
}

.dark .dark\:focus\:background-gray-500:focus {
  --background-opacity: 1;
  background-color: hsla(var(--gray-500), var(--background-opacity));
}

.dark .dark\:focus\:background-gray-600:focus {
  --background-opacity: 1;
  background-color: hsla(var(--gray-600), var(--background-opacity));
}

.dark .dark\:focus\:background-gray-700:focus {
  --background-opacity: 1;
  background-color: hsla(var(--gray-700), var(--background-opacity));
}

.dark .dark\:focus\:background-gray-800:focus {
  --background-opacity: 1;
  background-color: hsla(var(--gray-800), var(--background-opacity));
}

.dark .dark\:focus\:background-gray-900:focus {
  --background-opacity: 1;
  background-color: hsla(var(--gray-900), var(--background-opacity));
}

.dark .dark\:focus\:background-gray-1000:focus {
  --background-opacity: 1;
  background-color: hsla(var(--gray-1000), var(--background-opacity));
}

.dark .dark\:focus\:background-gray-1100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--gray-1100), var(--background-opacity));
}

.dark .dark\:focus\:background-gray-1200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--gray-1200), var(--background-opacity));
}

.dark .dark\:focus-within\:background-gray-50:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--gray-50), var(--background-opacity));
}

.dark .dark\:focus-within\:background-gray-100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--gray-100), var(--background-opacity));
}

.dark .dark\:focus-within\:background-gray-200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--gray-200), var(--background-opacity));
}

.dark .dark\:focus-within\:background-gray-300:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--gray-300), var(--background-opacity));
}

.dark .dark\:focus-within\:background-gray-400:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--gray-400), var(--background-opacity));
}

.dark .dark\:focus-within\:background-gray-500:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--gray-500), var(--background-opacity));
}

.dark .dark\:focus-within\:background-gray-600:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--gray-600), var(--background-opacity));
}

.dark .dark\:focus-within\:background-gray-700:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--gray-700), var(--background-opacity));
}

.dark .dark\:focus-within\:background-gray-800:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--gray-800), var(--background-opacity));
}

.dark .dark\:focus-within\:background-gray-900:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--gray-900), var(--background-opacity));
}

.dark .dark\:focus-within\:background-gray-1000:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--gray-1000), var(--background-opacity));
}

.dark .dark\:focus-within\:background-gray-1100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--gray-1100), var(--background-opacity));
}

.dark .dark\:focus-within\:background-gray-1200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--gray-1200), var(--background-opacity));
}

.dark .dark\:active\:background-gray-50:active {
  --background-opacity: 1;
  background-color: hsla(var(--gray-50), var(--background-opacity));
}

.dark .dark\:active\:background-gray-100:active {
  --background-opacity: 1;
  background-color: hsla(var(--gray-100), var(--background-opacity));
}

.dark .dark\:active\:background-gray-200:active {
  --background-opacity: 1;
  background-color: hsla(var(--gray-200), var(--background-opacity));
}

.dark .dark\:active\:background-gray-300:active {
  --background-opacity: 1;
  background-color: hsla(var(--gray-300), var(--background-opacity));
}

.dark .dark\:active\:background-gray-400:active {
  --background-opacity: 1;
  background-color: hsla(var(--gray-400), var(--background-opacity));
}

.dark .dark\:active\:background-gray-500:active {
  --background-opacity: 1;
  background-color: hsla(var(--gray-500), var(--background-opacity));
}

.dark .dark\:active\:background-gray-600:active {
  --background-opacity: 1;
  background-color: hsla(var(--gray-600), var(--background-opacity));
}

.dark .dark\:active\:background-gray-700:active {
  --background-opacity: 1;
  background-color: hsla(var(--gray-700), var(--background-opacity));
}

.dark .dark\:active\:background-gray-800:active {
  --background-opacity: 1;
  background-color: hsla(var(--gray-800), var(--background-opacity));
}

.dark .dark\:active\:background-gray-900:active {
  --background-opacity: 1;
  background-color: hsla(var(--gray-900), var(--background-opacity));
}

.dark .dark\:active\:background-gray-1000:active {
  --background-opacity: 1;
  background-color: hsla(var(--gray-1000), var(--background-opacity));
}

.dark .dark\:active\:background-gray-1100:active {
  --background-opacity: 1;
  background-color: hsla(var(--gray-1100), var(--background-opacity));
}

.dark .dark\:active\:background-gray-1200:active {
  --background-opacity: 1;
  background-color: hsla(var(--gray-1200), var(--background-opacity));
}

.dark .dark\:background-slate-50 {
  --background-opacity: 1;
  background-color: hsla(var(--slate-50), var(--background-opacity));
}

.dark .dark\:background-slate-100 {
  --background-opacity: 1;
  background-color: hsla(var(--slate-100), var(--background-opacity));
}

.dark .dark\:background-slate-200 {
  --background-opacity: 1;
  background-color: hsla(var(--slate-200), var(--background-opacity));
}

.dark .dark\:background-slate-300 {
  --background-opacity: 1;
  background-color: hsla(var(--slate-300), var(--background-opacity));
}

.dark .dark\:background-slate-400 {
  --background-opacity: 1;
  background-color: hsla(var(--slate-400), var(--background-opacity));
}

.dark .dark\:background-slate-500 {
  --background-opacity: 1;
  background-color: hsla(var(--slate-500), var(--background-opacity));
}

.dark .dark\:background-slate-600 {
  --background-opacity: 1;
  background-color: hsla(var(--slate-600), var(--background-opacity));
}

.dark .dark\:background-slate-700 {
  --background-opacity: 1;
  background-color: hsla(var(--slate-700), var(--background-opacity));
}

.dark .dark\:background-slate-800 {
  --background-opacity: 1;
  background-color: hsla(var(--slate-800), var(--background-opacity));
}

.dark .dark\:background-slate-900 {
  --background-opacity: 1;
  background-color: hsla(var(--slate-900), var(--background-opacity));
}

.dark .dark\:background-slate-1000 {
  --background-opacity: 1;
  background-color: hsla(var(--slate-1000), var(--background-opacity));
}

.dark .dark\:background-slate-1100 {
  --background-opacity: 1;
  background-color: hsla(var(--slate-1100), var(--background-opacity));
}

.dark .dark\:background-slate-1200 {
  --background-opacity: 1;
  background-color: hsla(var(--slate-1200), var(--background-opacity));
}

.dark .dark\:hover\:background-slate-50:hover {
  --background-opacity: 1;
  background-color: hsla(var(--slate-50), var(--background-opacity));
}

.dark .dark\:hover\:background-slate-100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--slate-100), var(--background-opacity));
}

.dark .dark\:hover\:background-slate-200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--slate-200), var(--background-opacity));
}

.dark .dark\:hover\:background-slate-300:hover {
  --background-opacity: 1;
  background-color: hsla(var(--slate-300), var(--background-opacity));
}

.dark .dark\:hover\:background-slate-400:hover {
  --background-opacity: 1;
  background-color: hsla(var(--slate-400), var(--background-opacity));
}

.dark .dark\:hover\:background-slate-500:hover {
  --background-opacity: 1;
  background-color: hsla(var(--slate-500), var(--background-opacity));
}

.dark .dark\:hover\:background-slate-600:hover {
  --background-opacity: 1;
  background-color: hsla(var(--slate-600), var(--background-opacity));
}

.dark .dark\:hover\:background-slate-700:hover {
  --background-opacity: 1;
  background-color: hsla(var(--slate-700), var(--background-opacity));
}

.dark .dark\:hover\:background-slate-800:hover {
  --background-opacity: 1;
  background-color: hsla(var(--slate-800), var(--background-opacity));
}

.dark .dark\:hover\:background-slate-900:hover {
  --background-opacity: 1;
  background-color: hsla(var(--slate-900), var(--background-opacity));
}

.dark .dark\:hover\:background-slate-1000:hover {
  --background-opacity: 1;
  background-color: hsla(var(--slate-1000), var(--background-opacity));
}

.dark .dark\:hover\:background-slate-1100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--slate-1100), var(--background-opacity));
}

.dark .dark\:hover\:background-slate-1200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--slate-1200), var(--background-opacity));
}

.dark .dark\:focus\:background-slate-50:focus {
  --background-opacity: 1;
  background-color: hsla(var(--slate-50), var(--background-opacity));
}

.dark .dark\:focus\:background-slate-100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--slate-100), var(--background-opacity));
}

.dark .dark\:focus\:background-slate-200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--slate-200), var(--background-opacity));
}

.dark .dark\:focus\:background-slate-300:focus {
  --background-opacity: 1;
  background-color: hsla(var(--slate-300), var(--background-opacity));
}

.dark .dark\:focus\:background-slate-400:focus {
  --background-opacity: 1;
  background-color: hsla(var(--slate-400), var(--background-opacity));
}

.dark .dark\:focus\:background-slate-500:focus {
  --background-opacity: 1;
  background-color: hsla(var(--slate-500), var(--background-opacity));
}

.dark .dark\:focus\:background-slate-600:focus {
  --background-opacity: 1;
  background-color: hsla(var(--slate-600), var(--background-opacity));
}

.dark .dark\:focus\:background-slate-700:focus {
  --background-opacity: 1;
  background-color: hsla(var(--slate-700), var(--background-opacity));
}

.dark .dark\:focus\:background-slate-800:focus {
  --background-opacity: 1;
  background-color: hsla(var(--slate-800), var(--background-opacity));
}

.dark .dark\:focus\:background-slate-900:focus {
  --background-opacity: 1;
  background-color: hsla(var(--slate-900), var(--background-opacity));
}

.dark .dark\:focus\:background-slate-1000:focus {
  --background-opacity: 1;
  background-color: hsla(var(--slate-1000), var(--background-opacity));
}

.dark .dark\:focus\:background-slate-1100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--slate-1100), var(--background-opacity));
}

.dark .dark\:focus\:background-slate-1200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--slate-1200), var(--background-opacity));
}

.dark .dark\:focus-within\:background-slate-50:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--slate-50), var(--background-opacity));
}

.dark .dark\:focus-within\:background-slate-100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--slate-100), var(--background-opacity));
}

.dark .dark\:focus-within\:background-slate-200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--slate-200), var(--background-opacity));
}

.dark .dark\:focus-within\:background-slate-300:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--slate-300), var(--background-opacity));
}

.dark .dark\:focus-within\:background-slate-400:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--slate-400), var(--background-opacity));
}

.dark .dark\:focus-within\:background-slate-500:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--slate-500), var(--background-opacity));
}

.dark .dark\:focus-within\:background-slate-600:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--slate-600), var(--background-opacity));
}

.dark .dark\:focus-within\:background-slate-700:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--slate-700), var(--background-opacity));
}

.dark .dark\:focus-within\:background-slate-800:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--slate-800), var(--background-opacity));
}

.dark .dark\:focus-within\:background-slate-900:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--slate-900), var(--background-opacity));
}

.dark .dark\:focus-within\:background-slate-1000:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--slate-1000), var(--background-opacity));
}

.dark .dark\:focus-within\:background-slate-1100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--slate-1100), var(--background-opacity));
}

.dark .dark\:focus-within\:background-slate-1200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--slate-1200), var(--background-opacity));
}

.dark .dark\:active\:background-slate-50:active {
  --background-opacity: 1;
  background-color: hsla(var(--slate-50), var(--background-opacity));
}

.dark .dark\:active\:background-slate-100:active {
  --background-opacity: 1;
  background-color: hsla(var(--slate-100), var(--background-opacity));
}

.dark .dark\:active\:background-slate-200:active {
  --background-opacity: 1;
  background-color: hsla(var(--slate-200), var(--background-opacity));
}

.dark .dark\:active\:background-slate-300:active {
  --background-opacity: 1;
  background-color: hsla(var(--slate-300), var(--background-opacity));
}

.dark .dark\:active\:background-slate-400:active {
  --background-opacity: 1;
  background-color: hsla(var(--slate-400), var(--background-opacity));
}

.dark .dark\:active\:background-slate-500:active {
  --background-opacity: 1;
  background-color: hsla(var(--slate-500), var(--background-opacity));
}

.dark .dark\:active\:background-slate-600:active {
  --background-opacity: 1;
  background-color: hsla(var(--slate-600), var(--background-opacity));
}

.dark .dark\:active\:background-slate-700:active {
  --background-opacity: 1;
  background-color: hsla(var(--slate-700), var(--background-opacity));
}

.dark .dark\:active\:background-slate-800:active {
  --background-opacity: 1;
  background-color: hsla(var(--slate-800), var(--background-opacity));
}

.dark .dark\:active\:background-slate-900:active {
  --background-opacity: 1;
  background-color: hsla(var(--slate-900), var(--background-opacity));
}

.dark .dark\:active\:background-slate-1000:active {
  --background-opacity: 1;
  background-color: hsla(var(--slate-1000), var(--background-opacity));
}

.dark .dark\:active\:background-slate-1100:active {
  --background-opacity: 1;
  background-color: hsla(var(--slate-1100), var(--background-opacity));
}

.dark .dark\:active\:background-slate-1200:active {
  --background-opacity: 1;
  background-color: hsla(var(--slate-1200), var(--background-opacity));
}

.dark .dark\:background-stone-50 {
  --background-opacity: 1;
  background-color: hsla(var(--stone-50), var(--background-opacity));
}

.dark .dark\:background-stone-100 {
  --background-opacity: 1;
  background-color: hsla(var(--stone-100), var(--background-opacity));
}

.dark .dark\:background-stone-200 {
  --background-opacity: 1;
  background-color: hsla(var(--stone-200), var(--background-opacity));
}

.dark .dark\:background-stone-300 {
  --background-opacity: 1;
  background-color: hsla(var(--stone-300), var(--background-opacity));
}

.dark .dark\:background-stone-400 {
  --background-opacity: 1;
  background-color: hsla(var(--stone-400), var(--background-opacity));
}

.dark .dark\:background-stone-500 {
  --background-opacity: 1;
  background-color: hsla(var(--stone-500), var(--background-opacity));
}

.dark .dark\:background-stone-600 {
  --background-opacity: 1;
  background-color: hsla(var(--stone-600), var(--background-opacity));
}

.dark .dark\:background-stone-700 {
  --background-opacity: 1;
  background-color: hsla(var(--stone-700), var(--background-opacity));
}

.dark .dark\:background-stone-800 {
  --background-opacity: 1;
  background-color: hsla(var(--stone-800), var(--background-opacity));
}

.dark .dark\:background-stone-900 {
  --background-opacity: 1;
  background-color: hsla(var(--stone-900), var(--background-opacity));
}

.dark .dark\:background-stone-1000 {
  --background-opacity: 1;
  background-color: hsla(var(--stone-1000), var(--background-opacity));
}

.dark .dark\:background-stone-1100 {
  --background-opacity: 1;
  background-color: hsla(var(--stone-1100), var(--background-opacity));
}

.dark .dark\:background-stone-1200 {
  --background-opacity: 1;
  background-color: hsla(var(--stone-1200), var(--background-opacity));
}

.dark .dark\:hover\:background-stone-50:hover {
  --background-opacity: 1;
  background-color: hsla(var(--stone-50), var(--background-opacity));
}

.dark .dark\:hover\:background-stone-100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--stone-100), var(--background-opacity));
}

.dark .dark\:hover\:background-stone-200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--stone-200), var(--background-opacity));
}

.dark .dark\:hover\:background-stone-300:hover {
  --background-opacity: 1;
  background-color: hsla(var(--stone-300), var(--background-opacity));
}

.dark .dark\:hover\:background-stone-400:hover {
  --background-opacity: 1;
  background-color: hsla(var(--stone-400), var(--background-opacity));
}

.dark .dark\:hover\:background-stone-500:hover {
  --background-opacity: 1;
  background-color: hsla(var(--stone-500), var(--background-opacity));
}

.dark .dark\:hover\:background-stone-600:hover {
  --background-opacity: 1;
  background-color: hsla(var(--stone-600), var(--background-opacity));
}

.dark .dark\:hover\:background-stone-700:hover {
  --background-opacity: 1;
  background-color: hsla(var(--stone-700), var(--background-opacity));
}

.dark .dark\:hover\:background-stone-800:hover {
  --background-opacity: 1;
  background-color: hsla(var(--stone-800), var(--background-opacity));
}

.dark .dark\:hover\:background-stone-900:hover {
  --background-opacity: 1;
  background-color: hsla(var(--stone-900), var(--background-opacity));
}

.dark .dark\:hover\:background-stone-1000:hover {
  --background-opacity: 1;
  background-color: hsla(var(--stone-1000), var(--background-opacity));
}

.dark .dark\:hover\:background-stone-1100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--stone-1100), var(--background-opacity));
}

.dark .dark\:hover\:background-stone-1200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--stone-1200), var(--background-opacity));
}

.dark .dark\:focus\:background-stone-50:focus {
  --background-opacity: 1;
  background-color: hsla(var(--stone-50), var(--background-opacity));
}

.dark .dark\:focus\:background-stone-100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--stone-100), var(--background-opacity));
}

.dark .dark\:focus\:background-stone-200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--stone-200), var(--background-opacity));
}

.dark .dark\:focus\:background-stone-300:focus {
  --background-opacity: 1;
  background-color: hsla(var(--stone-300), var(--background-opacity));
}

.dark .dark\:focus\:background-stone-400:focus {
  --background-opacity: 1;
  background-color: hsla(var(--stone-400), var(--background-opacity));
}

.dark .dark\:focus\:background-stone-500:focus {
  --background-opacity: 1;
  background-color: hsla(var(--stone-500), var(--background-opacity));
}

.dark .dark\:focus\:background-stone-600:focus {
  --background-opacity: 1;
  background-color: hsla(var(--stone-600), var(--background-opacity));
}

.dark .dark\:focus\:background-stone-700:focus {
  --background-opacity: 1;
  background-color: hsla(var(--stone-700), var(--background-opacity));
}

.dark .dark\:focus\:background-stone-800:focus {
  --background-opacity: 1;
  background-color: hsla(var(--stone-800), var(--background-opacity));
}

.dark .dark\:focus\:background-stone-900:focus {
  --background-opacity: 1;
  background-color: hsla(var(--stone-900), var(--background-opacity));
}

.dark .dark\:focus\:background-stone-1000:focus {
  --background-opacity: 1;
  background-color: hsla(var(--stone-1000), var(--background-opacity));
}

.dark .dark\:focus\:background-stone-1100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--stone-1100), var(--background-opacity));
}

.dark .dark\:focus\:background-stone-1200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--stone-1200), var(--background-opacity));
}

.dark .dark\:focus-within\:background-stone-50:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--stone-50), var(--background-opacity));
}

.dark .dark\:focus-within\:background-stone-100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--stone-100), var(--background-opacity));
}

.dark .dark\:focus-within\:background-stone-200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--stone-200), var(--background-opacity));
}

.dark .dark\:focus-within\:background-stone-300:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--stone-300), var(--background-opacity));
}

.dark .dark\:focus-within\:background-stone-400:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--stone-400), var(--background-opacity));
}

.dark .dark\:focus-within\:background-stone-500:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--stone-500), var(--background-opacity));
}

.dark .dark\:focus-within\:background-stone-600:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--stone-600), var(--background-opacity));
}

.dark .dark\:focus-within\:background-stone-700:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--stone-700), var(--background-opacity));
}

.dark .dark\:focus-within\:background-stone-800:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--stone-800), var(--background-opacity));
}

.dark .dark\:focus-within\:background-stone-900:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--stone-900), var(--background-opacity));
}

.dark .dark\:focus-within\:background-stone-1000:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--stone-1000), var(--background-opacity));
}

.dark .dark\:focus-within\:background-stone-1100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--stone-1100), var(--background-opacity));
}

.dark .dark\:focus-within\:background-stone-1200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--stone-1200), var(--background-opacity));
}

.dark .dark\:active\:background-stone-50:active {
  --background-opacity: 1;
  background-color: hsla(var(--stone-50), var(--background-opacity));
}

.dark .dark\:active\:background-stone-100:active {
  --background-opacity: 1;
  background-color: hsla(var(--stone-100), var(--background-opacity));
}

.dark .dark\:active\:background-stone-200:active {
  --background-opacity: 1;
  background-color: hsla(var(--stone-200), var(--background-opacity));
}

.dark .dark\:active\:background-stone-300:active {
  --background-opacity: 1;
  background-color: hsla(var(--stone-300), var(--background-opacity));
}

.dark .dark\:active\:background-stone-400:active {
  --background-opacity: 1;
  background-color: hsla(var(--stone-400), var(--background-opacity));
}

.dark .dark\:active\:background-stone-500:active {
  --background-opacity: 1;
  background-color: hsla(var(--stone-500), var(--background-opacity));
}

.dark .dark\:active\:background-stone-600:active {
  --background-opacity: 1;
  background-color: hsla(var(--stone-600), var(--background-opacity));
}

.dark .dark\:active\:background-stone-700:active {
  --background-opacity: 1;
  background-color: hsla(var(--stone-700), var(--background-opacity));
}

.dark .dark\:active\:background-stone-800:active {
  --background-opacity: 1;
  background-color: hsla(var(--stone-800), var(--background-opacity));
}

.dark .dark\:active\:background-stone-900:active {
  --background-opacity: 1;
  background-color: hsla(var(--stone-900), var(--background-opacity));
}

.dark .dark\:active\:background-stone-1000:active {
  --background-opacity: 1;
  background-color: hsla(var(--stone-1000), var(--background-opacity));
}

.dark .dark\:active\:background-stone-1100:active {
  --background-opacity: 1;
  background-color: hsla(var(--stone-1100), var(--background-opacity));
}

.dark .dark\:active\:background-stone-1200:active {
  --background-opacity: 1;
  background-color: hsla(var(--stone-1200), var(--background-opacity));
}

.dark .dark\:background-red-50 {
  --background-opacity: 1;
  background-color: hsla(var(--red-50), var(--background-opacity));
}

.dark .dark\:background-red-100 {
  --background-opacity: 1;
  background-color: hsla(var(--red-100), var(--background-opacity));
}

.dark .dark\:background-red-200 {
  --background-opacity: 1;
  background-color: hsla(var(--red-200), var(--background-opacity));
}

.dark .dark\:background-red-300 {
  --background-opacity: 1;
  background-color: hsla(var(--red-300), var(--background-opacity));
}

.dark .dark\:background-red-400 {
  --background-opacity: 1;
  background-color: hsla(var(--red-400), var(--background-opacity));
}

.dark .dark\:background-red-500 {
  --background-opacity: 1;
  background-color: hsla(var(--red-500), var(--background-opacity));
}

.dark .dark\:background-red-600 {
  --background-opacity: 1;
  background-color: hsla(var(--red-600), var(--background-opacity));
}

.dark .dark\:background-red-700 {
  --background-opacity: 1;
  background-color: hsla(var(--red-700), var(--background-opacity));
}

.dark .dark\:background-red-800 {
  --background-opacity: 1;
  background-color: hsla(var(--red-800), var(--background-opacity));
}

.dark .dark\:background-red-900 {
  --background-opacity: 1;
  background-color: hsla(var(--red-900), var(--background-opacity));
}

.dark .dark\:background-red-1000 {
  --background-opacity: 1;
  background-color: hsla(var(--red-1000), var(--background-opacity));
}

.dark .dark\:background-red-1100 {
  --background-opacity: 1;
  background-color: hsla(var(--red-1100), var(--background-opacity));
}

.dark .dark\:background-red-1200 {
  --background-opacity: 1;
  background-color: hsla(var(--red-1200), var(--background-opacity));
}

.dark .dark\:hover\:background-red-50:hover {
  --background-opacity: 1;
  background-color: hsla(var(--red-50), var(--background-opacity));
}

.dark .dark\:hover\:background-red-100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--red-100), var(--background-opacity));
}

.dark .dark\:hover\:background-red-200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--red-200), var(--background-opacity));
}

.dark .dark\:hover\:background-red-300:hover {
  --background-opacity: 1;
  background-color: hsla(var(--red-300), var(--background-opacity));
}

.dark .dark\:hover\:background-red-400:hover {
  --background-opacity: 1;
  background-color: hsla(var(--red-400), var(--background-opacity));
}

.dark .dark\:hover\:background-red-500:hover {
  --background-opacity: 1;
  background-color: hsla(var(--red-500), var(--background-opacity));
}

.dark .dark\:hover\:background-red-600:hover {
  --background-opacity: 1;
  background-color: hsla(var(--red-600), var(--background-opacity));
}

.dark .dark\:hover\:background-red-700:hover {
  --background-opacity: 1;
  background-color: hsla(var(--red-700), var(--background-opacity));
}

.dark .dark\:hover\:background-red-800:hover {
  --background-opacity: 1;
  background-color: hsla(var(--red-800), var(--background-opacity));
}

.dark .dark\:hover\:background-red-900:hover {
  --background-opacity: 1;
  background-color: hsla(var(--red-900), var(--background-opacity));
}

.dark .dark\:hover\:background-red-1000:hover {
  --background-opacity: 1;
  background-color: hsla(var(--red-1000), var(--background-opacity));
}

.dark .dark\:hover\:background-red-1100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--red-1100), var(--background-opacity));
}

.dark .dark\:hover\:background-red-1200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--red-1200), var(--background-opacity));
}

.dark .dark\:focus\:background-red-50:focus {
  --background-opacity: 1;
  background-color: hsla(var(--red-50), var(--background-opacity));
}

.dark .dark\:focus\:background-red-100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--red-100), var(--background-opacity));
}

.dark .dark\:focus\:background-red-200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--red-200), var(--background-opacity));
}

.dark .dark\:focus\:background-red-300:focus {
  --background-opacity: 1;
  background-color: hsla(var(--red-300), var(--background-opacity));
}

.dark .dark\:focus\:background-red-400:focus {
  --background-opacity: 1;
  background-color: hsla(var(--red-400), var(--background-opacity));
}

.dark .dark\:focus\:background-red-500:focus {
  --background-opacity: 1;
  background-color: hsla(var(--red-500), var(--background-opacity));
}

.dark .dark\:focus\:background-red-600:focus {
  --background-opacity: 1;
  background-color: hsla(var(--red-600), var(--background-opacity));
}

.dark .dark\:focus\:background-red-700:focus {
  --background-opacity: 1;
  background-color: hsla(var(--red-700), var(--background-opacity));
}

.dark .dark\:focus\:background-red-800:focus {
  --background-opacity: 1;
  background-color: hsla(var(--red-800), var(--background-opacity));
}

.dark .dark\:focus\:background-red-900:focus {
  --background-opacity: 1;
  background-color: hsla(var(--red-900), var(--background-opacity));
}

.dark .dark\:focus\:background-red-1000:focus {
  --background-opacity: 1;
  background-color: hsla(var(--red-1000), var(--background-opacity));
}

.dark .dark\:focus\:background-red-1100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--red-1100), var(--background-opacity));
}

.dark .dark\:focus\:background-red-1200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--red-1200), var(--background-opacity));
}

.dark .dark\:focus-within\:background-red-50:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--red-50), var(--background-opacity));
}

.dark .dark\:focus-within\:background-red-100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--red-100), var(--background-opacity));
}

.dark .dark\:focus-within\:background-red-200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--red-200), var(--background-opacity));
}

.dark .dark\:focus-within\:background-red-300:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--red-300), var(--background-opacity));
}

.dark .dark\:focus-within\:background-red-400:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--red-400), var(--background-opacity));
}

.dark .dark\:focus-within\:background-red-500:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--red-500), var(--background-opacity));
}

.dark .dark\:focus-within\:background-red-600:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--red-600), var(--background-opacity));
}

.dark .dark\:focus-within\:background-red-700:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--red-700), var(--background-opacity));
}

.dark .dark\:focus-within\:background-red-800:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--red-800), var(--background-opacity));
}

.dark .dark\:focus-within\:background-red-900:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--red-900), var(--background-opacity));
}

.dark .dark\:focus-within\:background-red-1000:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--red-1000), var(--background-opacity));
}

.dark .dark\:focus-within\:background-red-1100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--red-1100), var(--background-opacity));
}

.dark .dark\:focus-within\:background-red-1200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--red-1200), var(--background-opacity));
}

.dark .dark\:active\:background-red-50:active {
  --background-opacity: 1;
  background-color: hsla(var(--red-50), var(--background-opacity));
}

.dark .dark\:active\:background-red-100:active {
  --background-opacity: 1;
  background-color: hsla(var(--red-100), var(--background-opacity));
}

.dark .dark\:active\:background-red-200:active {
  --background-opacity: 1;
  background-color: hsla(var(--red-200), var(--background-opacity));
}

.dark .dark\:active\:background-red-300:active {
  --background-opacity: 1;
  background-color: hsla(var(--red-300), var(--background-opacity));
}

.dark .dark\:active\:background-red-400:active {
  --background-opacity: 1;
  background-color: hsla(var(--red-400), var(--background-opacity));
}

.dark .dark\:active\:background-red-500:active {
  --background-opacity: 1;
  background-color: hsla(var(--red-500), var(--background-opacity));
}

.dark .dark\:active\:background-red-600:active {
  --background-opacity: 1;
  background-color: hsla(var(--red-600), var(--background-opacity));
}

.dark .dark\:active\:background-red-700:active {
  --background-opacity: 1;
  background-color: hsla(var(--red-700), var(--background-opacity));
}

.dark .dark\:active\:background-red-800:active {
  --background-opacity: 1;
  background-color: hsla(var(--red-800), var(--background-opacity));
}

.dark .dark\:active\:background-red-900:active {
  --background-opacity: 1;
  background-color: hsla(var(--red-900), var(--background-opacity));
}

.dark .dark\:active\:background-red-1000:active {
  --background-opacity: 1;
  background-color: hsla(var(--red-1000), var(--background-opacity));
}

.dark .dark\:active\:background-red-1100:active {
  --background-opacity: 1;
  background-color: hsla(var(--red-1100), var(--background-opacity));
}

.dark .dark\:active\:background-red-1200:active {
  --background-opacity: 1;
  background-color: hsla(var(--red-1200), var(--background-opacity));
}

.dark .dark\:background-orange-50 {
  --background-opacity: 1;
  background-color: hsla(var(--orange-50), var(--background-opacity));
}

.dark .dark\:background-orange-100 {
  --background-opacity: 1;
  background-color: hsla(var(--orange-100), var(--background-opacity));
}

.dark .dark\:background-orange-200 {
  --background-opacity: 1;
  background-color: hsla(var(--orange-200), var(--background-opacity));
}

.dark .dark\:background-orange-300 {
  --background-opacity: 1;
  background-color: hsla(var(--orange-300), var(--background-opacity));
}

.dark .dark\:background-orange-400 {
  --background-opacity: 1;
  background-color: hsla(var(--orange-400), var(--background-opacity));
}

.dark .dark\:background-orange-500 {
  --background-opacity: 1;
  background-color: hsla(var(--orange-500), var(--background-opacity));
}

.dark .dark\:background-orange-600 {
  --background-opacity: 1;
  background-color: hsla(var(--orange-600), var(--background-opacity));
}

.dark .dark\:background-orange-700 {
  --background-opacity: 1;
  background-color: hsla(var(--orange-700), var(--background-opacity));
}

.dark .dark\:background-orange-800 {
  --background-opacity: 1;
  background-color: hsla(var(--orange-800), var(--background-opacity));
}

.dark .dark\:background-orange-900 {
  --background-opacity: 1;
  background-color: hsla(var(--orange-900), var(--background-opacity));
}

.dark .dark\:background-orange-1000 {
  --background-opacity: 1;
  background-color: hsla(var(--orange-1000), var(--background-opacity));
}

.dark .dark\:background-orange-1100 {
  --background-opacity: 1;
  background-color: hsla(var(--orange-1100), var(--background-opacity));
}

.dark .dark\:background-orange-1200 {
  --background-opacity: 1;
  background-color: hsla(var(--orange-1200), var(--background-opacity));
}

.dark .dark\:hover\:background-orange-50:hover {
  --background-opacity: 1;
  background-color: hsla(var(--orange-50), var(--background-opacity));
}

.dark .dark\:hover\:background-orange-100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--orange-100), var(--background-opacity));
}

.dark .dark\:hover\:background-orange-200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--orange-200), var(--background-opacity));
}

.dark .dark\:hover\:background-orange-300:hover {
  --background-opacity: 1;
  background-color: hsla(var(--orange-300), var(--background-opacity));
}

.dark .dark\:hover\:background-orange-400:hover {
  --background-opacity: 1;
  background-color: hsla(var(--orange-400), var(--background-opacity));
}

.dark .dark\:hover\:background-orange-500:hover {
  --background-opacity: 1;
  background-color: hsla(var(--orange-500), var(--background-opacity));
}

.dark .dark\:hover\:background-orange-600:hover {
  --background-opacity: 1;
  background-color: hsla(var(--orange-600), var(--background-opacity));
}

.dark .dark\:hover\:background-orange-700:hover {
  --background-opacity: 1;
  background-color: hsla(var(--orange-700), var(--background-opacity));
}

.dark .dark\:hover\:background-orange-800:hover {
  --background-opacity: 1;
  background-color: hsla(var(--orange-800), var(--background-opacity));
}

.dark .dark\:hover\:background-orange-900:hover {
  --background-opacity: 1;
  background-color: hsla(var(--orange-900), var(--background-opacity));
}

.dark .dark\:hover\:background-orange-1000:hover {
  --background-opacity: 1;
  background-color: hsla(var(--orange-1000), var(--background-opacity));
}

.dark .dark\:hover\:background-orange-1100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--orange-1100), var(--background-opacity));
}

.dark .dark\:hover\:background-orange-1200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--orange-1200), var(--background-opacity));
}

.dark .dark\:focus\:background-orange-50:focus {
  --background-opacity: 1;
  background-color: hsla(var(--orange-50), var(--background-opacity));
}

.dark .dark\:focus\:background-orange-100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--orange-100), var(--background-opacity));
}

.dark .dark\:focus\:background-orange-200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--orange-200), var(--background-opacity));
}

.dark .dark\:focus\:background-orange-300:focus {
  --background-opacity: 1;
  background-color: hsla(var(--orange-300), var(--background-opacity));
}

.dark .dark\:focus\:background-orange-400:focus {
  --background-opacity: 1;
  background-color: hsla(var(--orange-400), var(--background-opacity));
}

.dark .dark\:focus\:background-orange-500:focus {
  --background-opacity: 1;
  background-color: hsla(var(--orange-500), var(--background-opacity));
}

.dark .dark\:focus\:background-orange-600:focus {
  --background-opacity: 1;
  background-color: hsla(var(--orange-600), var(--background-opacity));
}

.dark .dark\:focus\:background-orange-700:focus {
  --background-opacity: 1;
  background-color: hsla(var(--orange-700), var(--background-opacity));
}

.dark .dark\:focus\:background-orange-800:focus {
  --background-opacity: 1;
  background-color: hsla(var(--orange-800), var(--background-opacity));
}

.dark .dark\:focus\:background-orange-900:focus {
  --background-opacity: 1;
  background-color: hsla(var(--orange-900), var(--background-opacity));
}

.dark .dark\:focus\:background-orange-1000:focus {
  --background-opacity: 1;
  background-color: hsla(var(--orange-1000), var(--background-opacity));
}

.dark .dark\:focus\:background-orange-1100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--orange-1100), var(--background-opacity));
}

.dark .dark\:focus\:background-orange-1200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--orange-1200), var(--background-opacity));
}

.dark .dark\:focus-within\:background-orange-50:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--orange-50), var(--background-opacity));
}

.dark .dark\:focus-within\:background-orange-100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--orange-100), var(--background-opacity));
}

.dark .dark\:focus-within\:background-orange-200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--orange-200), var(--background-opacity));
}

.dark .dark\:focus-within\:background-orange-300:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--orange-300), var(--background-opacity));
}

.dark .dark\:focus-within\:background-orange-400:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--orange-400), var(--background-opacity));
}

.dark .dark\:focus-within\:background-orange-500:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--orange-500), var(--background-opacity));
}

.dark .dark\:focus-within\:background-orange-600:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--orange-600), var(--background-opacity));
}

.dark .dark\:focus-within\:background-orange-700:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--orange-700), var(--background-opacity));
}

.dark .dark\:focus-within\:background-orange-800:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--orange-800), var(--background-opacity));
}

.dark .dark\:focus-within\:background-orange-900:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--orange-900), var(--background-opacity));
}

.dark .dark\:focus-within\:background-orange-1000:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--orange-1000), var(--background-opacity));
}

.dark .dark\:focus-within\:background-orange-1100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--orange-1100), var(--background-opacity));
}

.dark .dark\:focus-within\:background-orange-1200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--orange-1200), var(--background-opacity));
}

.dark .dark\:active\:background-orange-50:active {
  --background-opacity: 1;
  background-color: hsla(var(--orange-50), var(--background-opacity));
}

.dark .dark\:active\:background-orange-100:active {
  --background-opacity: 1;
  background-color: hsla(var(--orange-100), var(--background-opacity));
}

.dark .dark\:active\:background-orange-200:active {
  --background-opacity: 1;
  background-color: hsla(var(--orange-200), var(--background-opacity));
}

.dark .dark\:active\:background-orange-300:active {
  --background-opacity: 1;
  background-color: hsla(var(--orange-300), var(--background-opacity));
}

.dark .dark\:active\:background-orange-400:active {
  --background-opacity: 1;
  background-color: hsla(var(--orange-400), var(--background-opacity));
}

.dark .dark\:active\:background-orange-500:active {
  --background-opacity: 1;
  background-color: hsla(var(--orange-500), var(--background-opacity));
}

.dark .dark\:active\:background-orange-600:active {
  --background-opacity: 1;
  background-color: hsla(var(--orange-600), var(--background-opacity));
}

.dark .dark\:active\:background-orange-700:active {
  --background-opacity: 1;
  background-color: hsla(var(--orange-700), var(--background-opacity));
}

.dark .dark\:active\:background-orange-800:active {
  --background-opacity: 1;
  background-color: hsla(var(--orange-800), var(--background-opacity));
}

.dark .dark\:active\:background-orange-900:active {
  --background-opacity: 1;
  background-color: hsla(var(--orange-900), var(--background-opacity));
}

.dark .dark\:active\:background-orange-1000:active {
  --background-opacity: 1;
  background-color: hsla(var(--orange-1000), var(--background-opacity));
}

.dark .dark\:active\:background-orange-1100:active {
  --background-opacity: 1;
  background-color: hsla(var(--orange-1100), var(--background-opacity));
}

.dark .dark\:active\:background-orange-1200:active {
  --background-opacity: 1;
  background-color: hsla(var(--orange-1200), var(--background-opacity));
}

.dark .dark\:background-yellow-50 {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-50), var(--background-opacity));
}

.dark .dark\:background-yellow-100 {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-100), var(--background-opacity));
}

.dark .dark\:background-yellow-200 {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-200), var(--background-opacity));
}

.dark .dark\:background-yellow-300 {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-300), var(--background-opacity));
}

.dark .dark\:background-yellow-400 {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-400), var(--background-opacity));
}

.dark .dark\:background-yellow-500 {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-500), var(--background-opacity));
}

.dark .dark\:background-yellow-600 {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-600), var(--background-opacity));
}

.dark .dark\:background-yellow-700 {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-700), var(--background-opacity));
}

.dark .dark\:background-yellow-800 {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-800), var(--background-opacity));
}

.dark .dark\:background-yellow-900 {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-900), var(--background-opacity));
}

.dark .dark\:background-yellow-1000 {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-1000), var(--background-opacity));
}

.dark .dark\:background-yellow-1100 {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-1100), var(--background-opacity));
}

.dark .dark\:background-yellow-1200 {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-1200), var(--background-opacity));
}

.dark .dark\:hover\:background-yellow-50:hover {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-50), var(--background-opacity));
}

.dark .dark\:hover\:background-yellow-100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-100), var(--background-opacity));
}

.dark .dark\:hover\:background-yellow-200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-200), var(--background-opacity));
}

.dark .dark\:hover\:background-yellow-300:hover {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-300), var(--background-opacity));
}

.dark .dark\:hover\:background-yellow-400:hover {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-400), var(--background-opacity));
}

.dark .dark\:hover\:background-yellow-500:hover {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-500), var(--background-opacity));
}

.dark .dark\:hover\:background-yellow-600:hover {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-600), var(--background-opacity));
}

.dark .dark\:hover\:background-yellow-700:hover {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-700), var(--background-opacity));
}

.dark .dark\:hover\:background-yellow-800:hover {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-800), var(--background-opacity));
}

.dark .dark\:hover\:background-yellow-900:hover {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-900), var(--background-opacity));
}

.dark .dark\:hover\:background-yellow-1000:hover {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-1000), var(--background-opacity));
}

.dark .dark\:hover\:background-yellow-1100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-1100), var(--background-opacity));
}

.dark .dark\:hover\:background-yellow-1200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-1200), var(--background-opacity));
}

.dark .dark\:focus\:background-yellow-50:focus {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-50), var(--background-opacity));
}

.dark .dark\:focus\:background-yellow-100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-100), var(--background-opacity));
}

.dark .dark\:focus\:background-yellow-200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-200), var(--background-opacity));
}

.dark .dark\:focus\:background-yellow-300:focus {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-300), var(--background-opacity));
}

.dark .dark\:focus\:background-yellow-400:focus {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-400), var(--background-opacity));
}

.dark .dark\:focus\:background-yellow-500:focus {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-500), var(--background-opacity));
}

.dark .dark\:focus\:background-yellow-600:focus {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-600), var(--background-opacity));
}

.dark .dark\:focus\:background-yellow-700:focus {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-700), var(--background-opacity));
}

.dark .dark\:focus\:background-yellow-800:focus {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-800), var(--background-opacity));
}

.dark .dark\:focus\:background-yellow-900:focus {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-900), var(--background-opacity));
}

.dark .dark\:focus\:background-yellow-1000:focus {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-1000), var(--background-opacity));
}

.dark .dark\:focus\:background-yellow-1100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-1100), var(--background-opacity));
}

.dark .dark\:focus\:background-yellow-1200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-1200), var(--background-opacity));
}

.dark .dark\:focus-within\:background-yellow-50:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-50), var(--background-opacity));
}

.dark .dark\:focus-within\:background-yellow-100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-100), var(--background-opacity));
}

.dark .dark\:focus-within\:background-yellow-200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-200), var(--background-opacity));
}

.dark .dark\:focus-within\:background-yellow-300:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-300), var(--background-opacity));
}

.dark .dark\:focus-within\:background-yellow-400:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-400), var(--background-opacity));
}

.dark .dark\:focus-within\:background-yellow-500:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-500), var(--background-opacity));
}

.dark .dark\:focus-within\:background-yellow-600:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-600), var(--background-opacity));
}

.dark .dark\:focus-within\:background-yellow-700:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-700), var(--background-opacity));
}

.dark .dark\:focus-within\:background-yellow-800:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-800), var(--background-opacity));
}

.dark .dark\:focus-within\:background-yellow-900:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-900), var(--background-opacity));
}

.dark .dark\:focus-within\:background-yellow-1000:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-1000), var(--background-opacity));
}

.dark .dark\:focus-within\:background-yellow-1100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-1100), var(--background-opacity));
}

.dark .dark\:focus-within\:background-yellow-1200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-1200), var(--background-opacity));
}

.dark .dark\:active\:background-yellow-50:active {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-50), var(--background-opacity));
}

.dark .dark\:active\:background-yellow-100:active {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-100), var(--background-opacity));
}

.dark .dark\:active\:background-yellow-200:active {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-200), var(--background-opacity));
}

.dark .dark\:active\:background-yellow-300:active {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-300), var(--background-opacity));
}

.dark .dark\:active\:background-yellow-400:active {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-400), var(--background-opacity));
}

.dark .dark\:active\:background-yellow-500:active {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-500), var(--background-opacity));
}

.dark .dark\:active\:background-yellow-600:active {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-600), var(--background-opacity));
}

.dark .dark\:active\:background-yellow-700:active {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-700), var(--background-opacity));
}

.dark .dark\:active\:background-yellow-800:active {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-800), var(--background-opacity));
}

.dark .dark\:active\:background-yellow-900:active {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-900), var(--background-opacity));
}

.dark .dark\:active\:background-yellow-1000:active {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-1000), var(--background-opacity));
}

.dark .dark\:active\:background-yellow-1100:active {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-1100), var(--background-opacity));
}

.dark .dark\:active\:background-yellow-1200:active {
  --background-opacity: 1;
  background-color: hsla(var(--yellow-1200), var(--background-opacity));
}

.dark .dark\:background-green-50 {
  --background-opacity: 1;
  background-color: hsla(var(--green-50), var(--background-opacity));
}

.dark .dark\:background-green-100 {
  --background-opacity: 1;
  background-color: hsla(var(--green-100), var(--background-opacity));
}

.dark .dark\:background-green-200 {
  --background-opacity: 1;
  background-color: hsla(var(--green-200), var(--background-opacity));
}

.dark .dark\:background-green-300 {
  --background-opacity: 1;
  background-color: hsla(var(--green-300), var(--background-opacity));
}

.dark .dark\:background-green-400 {
  --background-opacity: 1;
  background-color: hsla(var(--green-400), var(--background-opacity));
}

.dark .dark\:background-green-500 {
  --background-opacity: 1;
  background-color: hsla(var(--green-500), var(--background-opacity));
}

.dark .dark\:background-green-600 {
  --background-opacity: 1;
  background-color: hsla(var(--green-600), var(--background-opacity));
}

.dark .dark\:background-green-700 {
  --background-opacity: 1;
  background-color: hsla(var(--green-700), var(--background-opacity));
}

.dark .dark\:background-green-800 {
  --background-opacity: 1;
  background-color: hsla(var(--green-800), var(--background-opacity));
}

.dark .dark\:background-green-900 {
  --background-opacity: 1;
  background-color: hsla(var(--green-900), var(--background-opacity));
}

.dark .dark\:background-green-1000 {
  --background-opacity: 1;
  background-color: hsla(var(--green-1000), var(--background-opacity));
}

.dark .dark\:background-green-1100 {
  --background-opacity: 1;
  background-color: hsla(var(--green-1100), var(--background-opacity));
}

.dark .dark\:background-green-1200 {
  --background-opacity: 1;
  background-color: hsla(var(--green-1200), var(--background-opacity));
}

.dark .dark\:hover\:background-green-50:hover {
  --background-opacity: 1;
  background-color: hsla(var(--green-50), var(--background-opacity));
}

.dark .dark\:hover\:background-green-100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--green-100), var(--background-opacity));
}

.dark .dark\:hover\:background-green-200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--green-200), var(--background-opacity));
}

.dark .dark\:hover\:background-green-300:hover {
  --background-opacity: 1;
  background-color: hsla(var(--green-300), var(--background-opacity));
}

.dark .dark\:hover\:background-green-400:hover {
  --background-opacity: 1;
  background-color: hsla(var(--green-400), var(--background-opacity));
}

.dark .dark\:hover\:background-green-500:hover {
  --background-opacity: 1;
  background-color: hsla(var(--green-500), var(--background-opacity));
}

.dark .dark\:hover\:background-green-600:hover {
  --background-opacity: 1;
  background-color: hsla(var(--green-600), var(--background-opacity));
}

.dark .dark\:hover\:background-green-700:hover {
  --background-opacity: 1;
  background-color: hsla(var(--green-700), var(--background-opacity));
}

.dark .dark\:hover\:background-green-800:hover {
  --background-opacity: 1;
  background-color: hsla(var(--green-800), var(--background-opacity));
}

.dark .dark\:hover\:background-green-900:hover {
  --background-opacity: 1;
  background-color: hsla(var(--green-900), var(--background-opacity));
}

.dark .dark\:hover\:background-green-1000:hover {
  --background-opacity: 1;
  background-color: hsla(var(--green-1000), var(--background-opacity));
}

.dark .dark\:hover\:background-green-1100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--green-1100), var(--background-opacity));
}

.dark .dark\:hover\:background-green-1200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--green-1200), var(--background-opacity));
}

.dark .dark\:focus\:background-green-50:focus {
  --background-opacity: 1;
  background-color: hsla(var(--green-50), var(--background-opacity));
}

.dark .dark\:focus\:background-green-100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--green-100), var(--background-opacity));
}

.dark .dark\:focus\:background-green-200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--green-200), var(--background-opacity));
}

.dark .dark\:focus\:background-green-300:focus {
  --background-opacity: 1;
  background-color: hsla(var(--green-300), var(--background-opacity));
}

.dark .dark\:focus\:background-green-400:focus {
  --background-opacity: 1;
  background-color: hsla(var(--green-400), var(--background-opacity));
}

.dark .dark\:focus\:background-green-500:focus {
  --background-opacity: 1;
  background-color: hsla(var(--green-500), var(--background-opacity));
}

.dark .dark\:focus\:background-green-600:focus {
  --background-opacity: 1;
  background-color: hsla(var(--green-600), var(--background-opacity));
}

.dark .dark\:focus\:background-green-700:focus {
  --background-opacity: 1;
  background-color: hsla(var(--green-700), var(--background-opacity));
}

.dark .dark\:focus\:background-green-800:focus {
  --background-opacity: 1;
  background-color: hsla(var(--green-800), var(--background-opacity));
}

.dark .dark\:focus\:background-green-900:focus {
  --background-opacity: 1;
  background-color: hsla(var(--green-900), var(--background-opacity));
}

.dark .dark\:focus\:background-green-1000:focus {
  --background-opacity: 1;
  background-color: hsla(var(--green-1000), var(--background-opacity));
}

.dark .dark\:focus\:background-green-1100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--green-1100), var(--background-opacity));
}

.dark .dark\:focus\:background-green-1200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--green-1200), var(--background-opacity));
}

.dark .dark\:focus-within\:background-green-50:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--green-50), var(--background-opacity));
}

.dark .dark\:focus-within\:background-green-100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--green-100), var(--background-opacity));
}

.dark .dark\:focus-within\:background-green-200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--green-200), var(--background-opacity));
}

.dark .dark\:focus-within\:background-green-300:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--green-300), var(--background-opacity));
}

.dark .dark\:focus-within\:background-green-400:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--green-400), var(--background-opacity));
}

.dark .dark\:focus-within\:background-green-500:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--green-500), var(--background-opacity));
}

.dark .dark\:focus-within\:background-green-600:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--green-600), var(--background-opacity));
}

.dark .dark\:focus-within\:background-green-700:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--green-700), var(--background-opacity));
}

.dark .dark\:focus-within\:background-green-800:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--green-800), var(--background-opacity));
}

.dark .dark\:focus-within\:background-green-900:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--green-900), var(--background-opacity));
}

.dark .dark\:focus-within\:background-green-1000:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--green-1000), var(--background-opacity));
}

.dark .dark\:focus-within\:background-green-1100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--green-1100), var(--background-opacity));
}

.dark .dark\:focus-within\:background-green-1200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--green-1200), var(--background-opacity));
}

.dark .dark\:active\:background-green-50:active {
  --background-opacity: 1;
  background-color: hsla(var(--green-50), var(--background-opacity));
}

.dark .dark\:active\:background-green-100:active {
  --background-opacity: 1;
  background-color: hsla(var(--green-100), var(--background-opacity));
}

.dark .dark\:active\:background-green-200:active {
  --background-opacity: 1;
  background-color: hsla(var(--green-200), var(--background-opacity));
}

.dark .dark\:active\:background-green-300:active {
  --background-opacity: 1;
  background-color: hsla(var(--green-300), var(--background-opacity));
}

.dark .dark\:active\:background-green-400:active {
  --background-opacity: 1;
  background-color: hsla(var(--green-400), var(--background-opacity));
}

.dark .dark\:active\:background-green-500:active {
  --background-opacity: 1;
  background-color: hsla(var(--green-500), var(--background-opacity));
}

.dark .dark\:active\:background-green-600:active {
  --background-opacity: 1;
  background-color: hsla(var(--green-600), var(--background-opacity));
}

.dark .dark\:active\:background-green-700:active {
  --background-opacity: 1;
  background-color: hsla(var(--green-700), var(--background-opacity));
}

.dark .dark\:active\:background-green-800:active {
  --background-opacity: 1;
  background-color: hsla(var(--green-800), var(--background-opacity));
}

.dark .dark\:active\:background-green-900:active {
  --background-opacity: 1;
  background-color: hsla(var(--green-900), var(--background-opacity));
}

.dark .dark\:active\:background-green-1000:active {
  --background-opacity: 1;
  background-color: hsla(var(--green-1000), var(--background-opacity));
}

.dark .dark\:active\:background-green-1100:active {
  --background-opacity: 1;
  background-color: hsla(var(--green-1100), var(--background-opacity));
}

.dark .dark\:active\:background-green-1200:active {
  --background-opacity: 1;
  background-color: hsla(var(--green-1200), var(--background-opacity));
}

.dark .dark\:background-turquoise-50 {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-50), var(--background-opacity));
}

.dark .dark\:background-turquoise-100 {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-100), var(--background-opacity));
}

.dark .dark\:background-turquoise-200 {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-200), var(--background-opacity));
}

.dark .dark\:background-turquoise-300 {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-300), var(--background-opacity));
}

.dark .dark\:background-turquoise-400 {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-400), var(--background-opacity));
}

.dark .dark\:background-turquoise-500 {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-500), var(--background-opacity));
}

.dark .dark\:background-turquoise-600 {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-600), var(--background-opacity));
}

.dark .dark\:background-turquoise-700 {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-700), var(--background-opacity));
}

.dark .dark\:background-turquoise-800 {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-800), var(--background-opacity));
}

.dark .dark\:background-turquoise-900 {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-900), var(--background-opacity));
}

.dark .dark\:background-turquoise-1000 {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-1000), var(--background-opacity));
}

.dark .dark\:background-turquoise-1100 {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-1100), var(--background-opacity));
}

.dark .dark\:background-turquoise-1200 {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-1200), var(--background-opacity));
}

.dark .dark\:hover\:background-turquoise-50:hover {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-50), var(--background-opacity));
}

.dark .dark\:hover\:background-turquoise-100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-100), var(--background-opacity));
}

.dark .dark\:hover\:background-turquoise-200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-200), var(--background-opacity));
}

.dark .dark\:hover\:background-turquoise-300:hover {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-300), var(--background-opacity));
}

.dark .dark\:hover\:background-turquoise-400:hover {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-400), var(--background-opacity));
}

.dark .dark\:hover\:background-turquoise-500:hover {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-500), var(--background-opacity));
}

.dark .dark\:hover\:background-turquoise-600:hover {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-600), var(--background-opacity));
}

.dark .dark\:hover\:background-turquoise-700:hover {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-700), var(--background-opacity));
}

.dark .dark\:hover\:background-turquoise-800:hover {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-800), var(--background-opacity));
}

.dark .dark\:hover\:background-turquoise-900:hover {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-900), var(--background-opacity));
}

.dark .dark\:hover\:background-turquoise-1000:hover {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-1000), var(--background-opacity));
}

.dark .dark\:hover\:background-turquoise-1100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-1100), var(--background-opacity));
}

.dark .dark\:hover\:background-turquoise-1200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-1200), var(--background-opacity));
}

.dark .dark\:focus\:background-turquoise-50:focus {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-50), var(--background-opacity));
}

.dark .dark\:focus\:background-turquoise-100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-100), var(--background-opacity));
}

.dark .dark\:focus\:background-turquoise-200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-200), var(--background-opacity));
}

.dark .dark\:focus\:background-turquoise-300:focus {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-300), var(--background-opacity));
}

.dark .dark\:focus\:background-turquoise-400:focus {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-400), var(--background-opacity));
}

.dark .dark\:focus\:background-turquoise-500:focus {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-500), var(--background-opacity));
}

.dark .dark\:focus\:background-turquoise-600:focus {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-600), var(--background-opacity));
}

.dark .dark\:focus\:background-turquoise-700:focus {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-700), var(--background-opacity));
}

.dark .dark\:focus\:background-turquoise-800:focus {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-800), var(--background-opacity));
}

.dark .dark\:focus\:background-turquoise-900:focus {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-900), var(--background-opacity));
}

.dark .dark\:focus\:background-turquoise-1000:focus {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-1000), var(--background-opacity));
}

.dark .dark\:focus\:background-turquoise-1100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-1100), var(--background-opacity));
}

.dark .dark\:focus\:background-turquoise-1200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-1200), var(--background-opacity));
}

.dark .dark\:focus-within\:background-turquoise-50:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-50), var(--background-opacity));
}

.dark .dark\:focus-within\:background-turquoise-100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-100), var(--background-opacity));
}

.dark .dark\:focus-within\:background-turquoise-200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-200), var(--background-opacity));
}

.dark .dark\:focus-within\:background-turquoise-300:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-300), var(--background-opacity));
}

.dark .dark\:focus-within\:background-turquoise-400:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-400), var(--background-opacity));
}

.dark .dark\:focus-within\:background-turquoise-500:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-500), var(--background-opacity));
}

.dark .dark\:focus-within\:background-turquoise-600:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-600), var(--background-opacity));
}

.dark .dark\:focus-within\:background-turquoise-700:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-700), var(--background-opacity));
}

.dark .dark\:focus-within\:background-turquoise-800:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-800), var(--background-opacity));
}

.dark .dark\:focus-within\:background-turquoise-900:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-900), var(--background-opacity));
}

.dark .dark\:focus-within\:background-turquoise-1000:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-1000), var(--background-opacity));
}

.dark .dark\:focus-within\:background-turquoise-1100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-1100), var(--background-opacity));
}

.dark .dark\:focus-within\:background-turquoise-1200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-1200), var(--background-opacity));
}

.dark .dark\:active\:background-turquoise-50:active {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-50), var(--background-opacity));
}

.dark .dark\:active\:background-turquoise-100:active {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-100), var(--background-opacity));
}

.dark .dark\:active\:background-turquoise-200:active {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-200), var(--background-opacity));
}

.dark .dark\:active\:background-turquoise-300:active {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-300), var(--background-opacity));
}

.dark .dark\:active\:background-turquoise-400:active {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-400), var(--background-opacity));
}

.dark .dark\:active\:background-turquoise-500:active {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-500), var(--background-opacity));
}

.dark .dark\:active\:background-turquoise-600:active {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-600), var(--background-opacity));
}

.dark .dark\:active\:background-turquoise-700:active {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-700), var(--background-opacity));
}

.dark .dark\:active\:background-turquoise-800:active {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-800), var(--background-opacity));
}

.dark .dark\:active\:background-turquoise-900:active {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-900), var(--background-opacity));
}

.dark .dark\:active\:background-turquoise-1000:active {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-1000), var(--background-opacity));
}

.dark .dark\:active\:background-turquoise-1100:active {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-1100), var(--background-opacity));
}

.dark .dark\:active\:background-turquoise-1200:active {
  --background-opacity: 1;
  background-color: hsla(var(--turquoise-1200), var(--background-opacity));
}

.dark .dark\:background-cyan-50 {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-50), var(--background-opacity));
}

.dark .dark\:background-cyan-100 {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-100), var(--background-opacity));
}

.dark .dark\:background-cyan-200 {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-200), var(--background-opacity));
}

.dark .dark\:background-cyan-300 {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-300), var(--background-opacity));
}

.dark .dark\:background-cyan-400 {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-400), var(--background-opacity));
}

.dark .dark\:background-cyan-500 {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-500), var(--background-opacity));
}

.dark .dark\:background-cyan-600 {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-600), var(--background-opacity));
}

.dark .dark\:background-cyan-700 {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-700), var(--background-opacity));
}

.dark .dark\:background-cyan-800 {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-800), var(--background-opacity));
}

.dark .dark\:background-cyan-900 {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-900), var(--background-opacity));
}

.dark .dark\:background-cyan-1000 {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-1000), var(--background-opacity));
}

.dark .dark\:background-cyan-1100 {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-1100), var(--background-opacity));
}

.dark .dark\:background-cyan-1200 {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-1200), var(--background-opacity));
}

.dark .dark\:hover\:background-cyan-50:hover {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-50), var(--background-opacity));
}

.dark .dark\:hover\:background-cyan-100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-100), var(--background-opacity));
}

.dark .dark\:hover\:background-cyan-200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-200), var(--background-opacity));
}

.dark .dark\:hover\:background-cyan-300:hover {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-300), var(--background-opacity));
}

.dark .dark\:hover\:background-cyan-400:hover {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-400), var(--background-opacity));
}

.dark .dark\:hover\:background-cyan-500:hover {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-500), var(--background-opacity));
}

.dark .dark\:hover\:background-cyan-600:hover {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-600), var(--background-opacity));
}

.dark .dark\:hover\:background-cyan-700:hover {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-700), var(--background-opacity));
}

.dark .dark\:hover\:background-cyan-800:hover {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-800), var(--background-opacity));
}

.dark .dark\:hover\:background-cyan-900:hover {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-900), var(--background-opacity));
}

.dark .dark\:hover\:background-cyan-1000:hover {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-1000), var(--background-opacity));
}

.dark .dark\:hover\:background-cyan-1100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-1100), var(--background-opacity));
}

.dark .dark\:hover\:background-cyan-1200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-1200), var(--background-opacity));
}

.dark .dark\:focus\:background-cyan-50:focus {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-50), var(--background-opacity));
}

.dark .dark\:focus\:background-cyan-100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-100), var(--background-opacity));
}

.dark .dark\:focus\:background-cyan-200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-200), var(--background-opacity));
}

.dark .dark\:focus\:background-cyan-300:focus {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-300), var(--background-opacity));
}

.dark .dark\:focus\:background-cyan-400:focus {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-400), var(--background-opacity));
}

.dark .dark\:focus\:background-cyan-500:focus {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-500), var(--background-opacity));
}

.dark .dark\:focus\:background-cyan-600:focus {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-600), var(--background-opacity));
}

.dark .dark\:focus\:background-cyan-700:focus {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-700), var(--background-opacity));
}

.dark .dark\:focus\:background-cyan-800:focus {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-800), var(--background-opacity));
}

.dark .dark\:focus\:background-cyan-900:focus {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-900), var(--background-opacity));
}

.dark .dark\:focus\:background-cyan-1000:focus {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-1000), var(--background-opacity));
}

.dark .dark\:focus\:background-cyan-1100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-1100), var(--background-opacity));
}

.dark .dark\:focus\:background-cyan-1200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-1200), var(--background-opacity));
}

.dark .dark\:focus-within\:background-cyan-50:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-50), var(--background-opacity));
}

.dark .dark\:focus-within\:background-cyan-100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-100), var(--background-opacity));
}

.dark .dark\:focus-within\:background-cyan-200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-200), var(--background-opacity));
}

.dark .dark\:focus-within\:background-cyan-300:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-300), var(--background-opacity));
}

.dark .dark\:focus-within\:background-cyan-400:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-400), var(--background-opacity));
}

.dark .dark\:focus-within\:background-cyan-500:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-500), var(--background-opacity));
}

.dark .dark\:focus-within\:background-cyan-600:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-600), var(--background-opacity));
}

.dark .dark\:focus-within\:background-cyan-700:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-700), var(--background-opacity));
}

.dark .dark\:focus-within\:background-cyan-800:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-800), var(--background-opacity));
}

.dark .dark\:focus-within\:background-cyan-900:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-900), var(--background-opacity));
}

.dark .dark\:focus-within\:background-cyan-1000:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-1000), var(--background-opacity));
}

.dark .dark\:focus-within\:background-cyan-1100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-1100), var(--background-opacity));
}

.dark .dark\:focus-within\:background-cyan-1200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-1200), var(--background-opacity));
}

.dark .dark\:active\:background-cyan-50:active {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-50), var(--background-opacity));
}

.dark .dark\:active\:background-cyan-100:active {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-100), var(--background-opacity));
}

.dark .dark\:active\:background-cyan-200:active {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-200), var(--background-opacity));
}

.dark .dark\:active\:background-cyan-300:active {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-300), var(--background-opacity));
}

.dark .dark\:active\:background-cyan-400:active {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-400), var(--background-opacity));
}

.dark .dark\:active\:background-cyan-500:active {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-500), var(--background-opacity));
}

.dark .dark\:active\:background-cyan-600:active {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-600), var(--background-opacity));
}

.dark .dark\:active\:background-cyan-700:active {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-700), var(--background-opacity));
}

.dark .dark\:active\:background-cyan-800:active {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-800), var(--background-opacity));
}

.dark .dark\:active\:background-cyan-900:active {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-900), var(--background-opacity));
}

.dark .dark\:active\:background-cyan-1000:active {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-1000), var(--background-opacity));
}

.dark .dark\:active\:background-cyan-1100:active {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-1100), var(--background-opacity));
}

.dark .dark\:active\:background-cyan-1200:active {
  --background-opacity: 1;
  background-color: hsla(var(--cyan-1200), var(--background-opacity));
}

.dark .dark\:background-blue-50 {
  --background-opacity: 1;
  background-color: hsla(var(--blue-50), var(--background-opacity));
}

.dark .dark\:background-blue-100 {
  --background-opacity: 1;
  background-color: hsla(var(--blue-100), var(--background-opacity));
}

.dark .dark\:background-blue-200 {
  --background-opacity: 1;
  background-color: hsla(var(--blue-200), var(--background-opacity));
}

.dark .dark\:background-blue-300 {
  --background-opacity: 1;
  background-color: hsla(var(--blue-300), var(--background-opacity));
}

.dark .dark\:background-blue-400 {
  --background-opacity: 1;
  background-color: hsla(var(--blue-400), var(--background-opacity));
}

.dark .dark\:background-blue-500 {
  --background-opacity: 1;
  background-color: hsla(var(--blue-500), var(--background-opacity));
}

.dark .dark\:background-blue-600 {
  --background-opacity: 1;
  background-color: hsla(var(--blue-600), var(--background-opacity));
}

.dark .dark\:background-blue-700 {
  --background-opacity: 1;
  background-color: hsla(var(--blue-700), var(--background-opacity));
}

.dark .dark\:background-blue-800 {
  --background-opacity: 1;
  background-color: hsla(var(--blue-800), var(--background-opacity));
}

.dark .dark\:background-blue-900 {
  --background-opacity: 1;
  background-color: hsla(var(--blue-900), var(--background-opacity));
}

.dark .dark\:background-blue-1000 {
  --background-opacity: 1;
  background-color: hsla(var(--blue-1000), var(--background-opacity));
}

.dark .dark\:background-blue-1100 {
  --background-opacity: 1;
  background-color: hsla(var(--blue-1100), var(--background-opacity));
}

.dark .dark\:background-blue-1200 {
  --background-opacity: 1;
  background-color: hsla(var(--blue-1200), var(--background-opacity));
}

.dark .dark\:hover\:background-blue-50:hover {
  --background-opacity: 1;
  background-color: hsla(var(--blue-50), var(--background-opacity));
}

.dark .dark\:hover\:background-blue-100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--blue-100), var(--background-opacity));
}

.dark .dark\:hover\:background-blue-200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--blue-200), var(--background-opacity));
}

.dark .dark\:hover\:background-blue-300:hover {
  --background-opacity: 1;
  background-color: hsla(var(--blue-300), var(--background-opacity));
}

.dark .dark\:hover\:background-blue-400:hover {
  --background-opacity: 1;
  background-color: hsla(var(--blue-400), var(--background-opacity));
}

.dark .dark\:hover\:background-blue-500:hover {
  --background-opacity: 1;
  background-color: hsla(var(--blue-500), var(--background-opacity));
}

.dark .dark\:hover\:background-blue-600:hover {
  --background-opacity: 1;
  background-color: hsla(var(--blue-600), var(--background-opacity));
}

.dark .dark\:hover\:background-blue-700:hover {
  --background-opacity: 1;
  background-color: hsla(var(--blue-700), var(--background-opacity));
}

.dark .dark\:hover\:background-blue-800:hover {
  --background-opacity: 1;
  background-color: hsla(var(--blue-800), var(--background-opacity));
}

.dark .dark\:hover\:background-blue-900:hover {
  --background-opacity: 1;
  background-color: hsla(var(--blue-900), var(--background-opacity));
}

.dark .dark\:hover\:background-blue-1000:hover {
  --background-opacity: 1;
  background-color: hsla(var(--blue-1000), var(--background-opacity));
}

.dark .dark\:hover\:background-blue-1100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--blue-1100), var(--background-opacity));
}

.dark .dark\:hover\:background-blue-1200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--blue-1200), var(--background-opacity));
}

.dark .dark\:focus\:background-blue-50:focus {
  --background-opacity: 1;
  background-color: hsla(var(--blue-50), var(--background-opacity));
}

.dark .dark\:focus\:background-blue-100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--blue-100), var(--background-opacity));
}

.dark .dark\:focus\:background-blue-200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--blue-200), var(--background-opacity));
}

.dark .dark\:focus\:background-blue-300:focus {
  --background-opacity: 1;
  background-color: hsla(var(--blue-300), var(--background-opacity));
}

.dark .dark\:focus\:background-blue-400:focus {
  --background-opacity: 1;
  background-color: hsla(var(--blue-400), var(--background-opacity));
}

.dark .dark\:focus\:background-blue-500:focus {
  --background-opacity: 1;
  background-color: hsla(var(--blue-500), var(--background-opacity));
}

.dark .dark\:focus\:background-blue-600:focus {
  --background-opacity: 1;
  background-color: hsla(var(--blue-600), var(--background-opacity));
}

.dark .dark\:focus\:background-blue-700:focus {
  --background-opacity: 1;
  background-color: hsla(var(--blue-700), var(--background-opacity));
}

.dark .dark\:focus\:background-blue-800:focus {
  --background-opacity: 1;
  background-color: hsla(var(--blue-800), var(--background-opacity));
}

.dark .dark\:focus\:background-blue-900:focus {
  --background-opacity: 1;
  background-color: hsla(var(--blue-900), var(--background-opacity));
}

.dark .dark\:focus\:background-blue-1000:focus {
  --background-opacity: 1;
  background-color: hsla(var(--blue-1000), var(--background-opacity));
}

.dark .dark\:focus\:background-blue-1100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--blue-1100), var(--background-opacity));
}

.dark .dark\:focus\:background-blue-1200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--blue-1200), var(--background-opacity));
}

.dark .dark\:focus-within\:background-blue-50:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--blue-50), var(--background-opacity));
}

.dark .dark\:focus-within\:background-blue-100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--blue-100), var(--background-opacity));
}

.dark .dark\:focus-within\:background-blue-200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--blue-200), var(--background-opacity));
}

.dark .dark\:focus-within\:background-blue-300:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--blue-300), var(--background-opacity));
}

.dark .dark\:focus-within\:background-blue-400:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--blue-400), var(--background-opacity));
}

.dark .dark\:focus-within\:background-blue-500:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--blue-500), var(--background-opacity));
}

.dark .dark\:focus-within\:background-blue-600:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--blue-600), var(--background-opacity));
}

.dark .dark\:focus-within\:background-blue-700:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--blue-700), var(--background-opacity));
}

.dark .dark\:focus-within\:background-blue-800:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--blue-800), var(--background-opacity));
}

.dark .dark\:focus-within\:background-blue-900:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--blue-900), var(--background-opacity));
}

.dark .dark\:focus-within\:background-blue-1000:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--blue-1000), var(--background-opacity));
}

.dark .dark\:focus-within\:background-blue-1100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--blue-1100), var(--background-opacity));
}

.dark .dark\:focus-within\:background-blue-1200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--blue-1200), var(--background-opacity));
}

.dark .dark\:active\:background-blue-50:active {
  --background-opacity: 1;
  background-color: hsla(var(--blue-50), var(--background-opacity));
}

.dark .dark\:active\:background-blue-100:active {
  --background-opacity: 1;
  background-color: hsla(var(--blue-100), var(--background-opacity));
}

.dark .dark\:active\:background-blue-200:active {
  --background-opacity: 1;
  background-color: hsla(var(--blue-200), var(--background-opacity));
}

.dark .dark\:active\:background-blue-300:active {
  --background-opacity: 1;
  background-color: hsla(var(--blue-300), var(--background-opacity));
}

.dark .dark\:active\:background-blue-400:active {
  --background-opacity: 1;
  background-color: hsla(var(--blue-400), var(--background-opacity));
}

.dark .dark\:active\:background-blue-500:active {
  --background-opacity: 1;
  background-color: hsla(var(--blue-500), var(--background-opacity));
}

.dark .dark\:active\:background-blue-600:active {
  --background-opacity: 1;
  background-color: hsla(var(--blue-600), var(--background-opacity));
}

.dark .dark\:active\:background-blue-700:active {
  --background-opacity: 1;
  background-color: hsla(var(--blue-700), var(--background-opacity));
}

.dark .dark\:active\:background-blue-800:active {
  --background-opacity: 1;
  background-color: hsla(var(--blue-800), var(--background-opacity));
}

.dark .dark\:active\:background-blue-900:active {
  --background-opacity: 1;
  background-color: hsla(var(--blue-900), var(--background-opacity));
}

.dark .dark\:active\:background-blue-1000:active {
  --background-opacity: 1;
  background-color: hsla(var(--blue-1000), var(--background-opacity));
}

.dark .dark\:active\:background-blue-1100:active {
  --background-opacity: 1;
  background-color: hsla(var(--blue-1100), var(--background-opacity));
}

.dark .dark\:active\:background-blue-1200:active {
  --background-opacity: 1;
  background-color: hsla(var(--blue-1200), var(--background-opacity));
}

.dark .dark\:background-indigo-50 {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-50), var(--background-opacity));
}

.dark .dark\:background-indigo-100 {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-100), var(--background-opacity));
}

.dark .dark\:background-indigo-200 {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-200), var(--background-opacity));
}

.dark .dark\:background-indigo-300 {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-300), var(--background-opacity));
}

.dark .dark\:background-indigo-400 {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-400), var(--background-opacity));
}

.dark .dark\:background-indigo-500 {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-500), var(--background-opacity));
}

.dark .dark\:background-indigo-600 {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-600), var(--background-opacity));
}

.dark .dark\:background-indigo-700 {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-700), var(--background-opacity));
}

.dark .dark\:background-indigo-800 {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-800), var(--background-opacity));
}

.dark .dark\:background-indigo-900 {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-900), var(--background-opacity));
}

.dark .dark\:background-indigo-1000 {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-1000), var(--background-opacity));
}

.dark .dark\:background-indigo-1100 {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-1100), var(--background-opacity));
}

.dark .dark\:background-indigo-1200 {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-1200), var(--background-opacity));
}

.dark .dark\:hover\:background-indigo-50:hover {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-50), var(--background-opacity));
}

.dark .dark\:hover\:background-indigo-100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-100), var(--background-opacity));
}

.dark .dark\:hover\:background-indigo-200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-200), var(--background-opacity));
}

.dark .dark\:hover\:background-indigo-300:hover {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-300), var(--background-opacity));
}

.dark .dark\:hover\:background-indigo-400:hover {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-400), var(--background-opacity));
}

.dark .dark\:hover\:background-indigo-500:hover {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-500), var(--background-opacity));
}

.dark .dark\:hover\:background-indigo-600:hover {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-600), var(--background-opacity));
}

.dark .dark\:hover\:background-indigo-700:hover {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-700), var(--background-opacity));
}

.dark .dark\:hover\:background-indigo-800:hover {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-800), var(--background-opacity));
}

.dark .dark\:hover\:background-indigo-900:hover {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-900), var(--background-opacity));
}

.dark .dark\:hover\:background-indigo-1000:hover {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-1000), var(--background-opacity));
}

.dark .dark\:hover\:background-indigo-1100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-1100), var(--background-opacity));
}

.dark .dark\:hover\:background-indigo-1200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-1200), var(--background-opacity));
}

.dark .dark\:focus\:background-indigo-50:focus {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-50), var(--background-opacity));
}

.dark .dark\:focus\:background-indigo-100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-100), var(--background-opacity));
}

.dark .dark\:focus\:background-indigo-200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-200), var(--background-opacity));
}

.dark .dark\:focus\:background-indigo-300:focus {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-300), var(--background-opacity));
}

.dark .dark\:focus\:background-indigo-400:focus {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-400), var(--background-opacity));
}

.dark .dark\:focus\:background-indigo-500:focus {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-500), var(--background-opacity));
}

.dark .dark\:focus\:background-indigo-600:focus {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-600), var(--background-opacity));
}

.dark .dark\:focus\:background-indigo-700:focus {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-700), var(--background-opacity));
}

.dark .dark\:focus\:background-indigo-800:focus {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-800), var(--background-opacity));
}

.dark .dark\:focus\:background-indigo-900:focus {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-900), var(--background-opacity));
}

.dark .dark\:focus\:background-indigo-1000:focus {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-1000), var(--background-opacity));
}

.dark .dark\:focus\:background-indigo-1100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-1100), var(--background-opacity));
}

.dark .dark\:focus\:background-indigo-1200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-1200), var(--background-opacity));
}

.dark .dark\:focus-within\:background-indigo-50:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-50), var(--background-opacity));
}

.dark .dark\:focus-within\:background-indigo-100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-100), var(--background-opacity));
}

.dark .dark\:focus-within\:background-indigo-200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-200), var(--background-opacity));
}

.dark .dark\:focus-within\:background-indigo-300:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-300), var(--background-opacity));
}

.dark .dark\:focus-within\:background-indigo-400:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-400), var(--background-opacity));
}

.dark .dark\:focus-within\:background-indigo-500:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-500), var(--background-opacity));
}

.dark .dark\:focus-within\:background-indigo-600:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-600), var(--background-opacity));
}

.dark .dark\:focus-within\:background-indigo-700:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-700), var(--background-opacity));
}

.dark .dark\:focus-within\:background-indigo-800:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-800), var(--background-opacity));
}

.dark .dark\:focus-within\:background-indigo-900:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-900), var(--background-opacity));
}

.dark .dark\:focus-within\:background-indigo-1000:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-1000), var(--background-opacity));
}

.dark .dark\:focus-within\:background-indigo-1100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-1100), var(--background-opacity));
}

.dark .dark\:focus-within\:background-indigo-1200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-1200), var(--background-opacity));
}

.dark .dark\:active\:background-indigo-50:active {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-50), var(--background-opacity));
}

.dark .dark\:active\:background-indigo-100:active {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-100), var(--background-opacity));
}

.dark .dark\:active\:background-indigo-200:active {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-200), var(--background-opacity));
}

.dark .dark\:active\:background-indigo-300:active {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-300), var(--background-opacity));
}

.dark .dark\:active\:background-indigo-400:active {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-400), var(--background-opacity));
}

.dark .dark\:active\:background-indigo-500:active {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-500), var(--background-opacity));
}

.dark .dark\:active\:background-indigo-600:active {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-600), var(--background-opacity));
}

.dark .dark\:active\:background-indigo-700:active {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-700), var(--background-opacity));
}

.dark .dark\:active\:background-indigo-800:active {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-800), var(--background-opacity));
}

.dark .dark\:active\:background-indigo-900:active {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-900), var(--background-opacity));
}

.dark .dark\:active\:background-indigo-1000:active {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-1000), var(--background-opacity));
}

.dark .dark\:active\:background-indigo-1100:active {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-1100), var(--background-opacity));
}

.dark .dark\:active\:background-indigo-1200:active {
  --background-opacity: 1;
  background-color: hsla(var(--indigo-1200), var(--background-opacity));
}

.dark .dark\:background-violet-50 {
  --background-opacity: 1;
  background-color: hsla(var(--violet-50), var(--background-opacity));
}

.dark .dark\:background-violet-100 {
  --background-opacity: 1;
  background-color: hsla(var(--violet-100), var(--background-opacity));
}

.dark .dark\:background-violet-200 {
  --background-opacity: 1;
  background-color: hsla(var(--violet-200), var(--background-opacity));
}

.dark .dark\:background-violet-300 {
  --background-opacity: 1;
  background-color: hsla(var(--violet-300), var(--background-opacity));
}

.dark .dark\:background-violet-400 {
  --background-opacity: 1;
  background-color: hsla(var(--violet-400), var(--background-opacity));
}

.dark .dark\:background-violet-500 {
  --background-opacity: 1;
  background-color: hsla(var(--violet-500), var(--background-opacity));
}

.dark .dark\:background-violet-600 {
  --background-opacity: 1;
  background-color: hsla(var(--violet-600), var(--background-opacity));
}

.dark .dark\:background-violet-700 {
  --background-opacity: 1;
  background-color: hsla(var(--violet-700), var(--background-opacity));
}

.dark .dark\:background-violet-800 {
  --background-opacity: 1;
  background-color: hsla(var(--violet-800), var(--background-opacity));
}

.dark .dark\:background-violet-900 {
  --background-opacity: 1;
  background-color: hsla(var(--violet-900), var(--background-opacity));
}

.dark .dark\:background-violet-1000 {
  --background-opacity: 1;
  background-color: hsla(var(--violet-1000), var(--background-opacity));
}

.dark .dark\:background-violet-1100 {
  --background-opacity: 1;
  background-color: hsla(var(--violet-1100), var(--background-opacity));
}

.dark .dark\:background-violet-1200 {
  --background-opacity: 1;
  background-color: hsla(var(--violet-1200), var(--background-opacity));
}

.dark .dark\:hover\:background-violet-50:hover {
  --background-opacity: 1;
  background-color: hsla(var(--violet-50), var(--background-opacity));
}

.dark .dark\:hover\:background-violet-100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--violet-100), var(--background-opacity));
}

.dark .dark\:hover\:background-violet-200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--violet-200), var(--background-opacity));
}

.dark .dark\:hover\:background-violet-300:hover {
  --background-opacity: 1;
  background-color: hsla(var(--violet-300), var(--background-opacity));
}

.dark .dark\:hover\:background-violet-400:hover {
  --background-opacity: 1;
  background-color: hsla(var(--violet-400), var(--background-opacity));
}

.dark .dark\:hover\:background-violet-500:hover {
  --background-opacity: 1;
  background-color: hsla(var(--violet-500), var(--background-opacity));
}

.dark .dark\:hover\:background-violet-600:hover {
  --background-opacity: 1;
  background-color: hsla(var(--violet-600), var(--background-opacity));
}

.dark .dark\:hover\:background-violet-700:hover {
  --background-opacity: 1;
  background-color: hsla(var(--violet-700), var(--background-opacity));
}

.dark .dark\:hover\:background-violet-800:hover {
  --background-opacity: 1;
  background-color: hsla(var(--violet-800), var(--background-opacity));
}

.dark .dark\:hover\:background-violet-900:hover {
  --background-opacity: 1;
  background-color: hsla(var(--violet-900), var(--background-opacity));
}

.dark .dark\:hover\:background-violet-1000:hover {
  --background-opacity: 1;
  background-color: hsla(var(--violet-1000), var(--background-opacity));
}

.dark .dark\:hover\:background-violet-1100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--violet-1100), var(--background-opacity));
}

.dark .dark\:hover\:background-violet-1200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--violet-1200), var(--background-opacity));
}

.dark .dark\:focus\:background-violet-50:focus {
  --background-opacity: 1;
  background-color: hsla(var(--violet-50), var(--background-opacity));
}

.dark .dark\:focus\:background-violet-100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--violet-100), var(--background-opacity));
}

.dark .dark\:focus\:background-violet-200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--violet-200), var(--background-opacity));
}

.dark .dark\:focus\:background-violet-300:focus {
  --background-opacity: 1;
  background-color: hsla(var(--violet-300), var(--background-opacity));
}

.dark .dark\:focus\:background-violet-400:focus {
  --background-opacity: 1;
  background-color: hsla(var(--violet-400), var(--background-opacity));
}

.dark .dark\:focus\:background-violet-500:focus {
  --background-opacity: 1;
  background-color: hsla(var(--violet-500), var(--background-opacity));
}

.dark .dark\:focus\:background-violet-600:focus {
  --background-opacity: 1;
  background-color: hsla(var(--violet-600), var(--background-opacity));
}

.dark .dark\:focus\:background-violet-700:focus {
  --background-opacity: 1;
  background-color: hsla(var(--violet-700), var(--background-opacity));
}

.dark .dark\:focus\:background-violet-800:focus {
  --background-opacity: 1;
  background-color: hsla(var(--violet-800), var(--background-opacity));
}

.dark .dark\:focus\:background-violet-900:focus {
  --background-opacity: 1;
  background-color: hsla(var(--violet-900), var(--background-opacity));
}

.dark .dark\:focus\:background-violet-1000:focus {
  --background-opacity: 1;
  background-color: hsla(var(--violet-1000), var(--background-opacity));
}

.dark .dark\:focus\:background-violet-1100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--violet-1100), var(--background-opacity));
}

.dark .dark\:focus\:background-violet-1200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--violet-1200), var(--background-opacity));
}

.dark .dark\:focus-within\:background-violet-50:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--violet-50), var(--background-opacity));
}

.dark .dark\:focus-within\:background-violet-100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--violet-100), var(--background-opacity));
}

.dark .dark\:focus-within\:background-violet-200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--violet-200), var(--background-opacity));
}

.dark .dark\:focus-within\:background-violet-300:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--violet-300), var(--background-opacity));
}

.dark .dark\:focus-within\:background-violet-400:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--violet-400), var(--background-opacity));
}

.dark .dark\:focus-within\:background-violet-500:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--violet-500), var(--background-opacity));
}

.dark .dark\:focus-within\:background-violet-600:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--violet-600), var(--background-opacity));
}

.dark .dark\:focus-within\:background-violet-700:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--violet-700), var(--background-opacity));
}

.dark .dark\:focus-within\:background-violet-800:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--violet-800), var(--background-opacity));
}

.dark .dark\:focus-within\:background-violet-900:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--violet-900), var(--background-opacity));
}

.dark .dark\:focus-within\:background-violet-1000:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--violet-1000), var(--background-opacity));
}

.dark .dark\:focus-within\:background-violet-1100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--violet-1100), var(--background-opacity));
}

.dark .dark\:focus-within\:background-violet-1200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--violet-1200), var(--background-opacity));
}

.dark .dark\:active\:background-violet-50:active {
  --background-opacity: 1;
  background-color: hsla(var(--violet-50), var(--background-opacity));
}

.dark .dark\:active\:background-violet-100:active {
  --background-opacity: 1;
  background-color: hsla(var(--violet-100), var(--background-opacity));
}

.dark .dark\:active\:background-violet-200:active {
  --background-opacity: 1;
  background-color: hsla(var(--violet-200), var(--background-opacity));
}

.dark .dark\:active\:background-violet-300:active {
  --background-opacity: 1;
  background-color: hsla(var(--violet-300), var(--background-opacity));
}

.dark .dark\:active\:background-violet-400:active {
  --background-opacity: 1;
  background-color: hsla(var(--violet-400), var(--background-opacity));
}

.dark .dark\:active\:background-violet-500:active {
  --background-opacity: 1;
  background-color: hsla(var(--violet-500), var(--background-opacity));
}

.dark .dark\:active\:background-violet-600:active {
  --background-opacity: 1;
  background-color: hsla(var(--violet-600), var(--background-opacity));
}

.dark .dark\:active\:background-violet-700:active {
  --background-opacity: 1;
  background-color: hsla(var(--violet-700), var(--background-opacity));
}

.dark .dark\:active\:background-violet-800:active {
  --background-opacity: 1;
  background-color: hsla(var(--violet-800), var(--background-opacity));
}

.dark .dark\:active\:background-violet-900:active {
  --background-opacity: 1;
  background-color: hsla(var(--violet-900), var(--background-opacity));
}

.dark .dark\:active\:background-violet-1000:active {
  --background-opacity: 1;
  background-color: hsla(var(--violet-1000), var(--background-opacity));
}

.dark .dark\:active\:background-violet-1100:active {
  --background-opacity: 1;
  background-color: hsla(var(--violet-1100), var(--background-opacity));
}

.dark .dark\:active\:background-violet-1200:active {
  --background-opacity: 1;
  background-color: hsla(var(--violet-1200), var(--background-opacity));
}

.dark .dark\:background-magenta-50 {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-50), var(--background-opacity));
}

.dark .dark\:background-magenta-100 {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-100), var(--background-opacity));
}

.dark .dark\:background-magenta-200 {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-200), var(--background-opacity));
}

.dark .dark\:background-magenta-300 {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-300), var(--background-opacity));
}

.dark .dark\:background-magenta-400 {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-400), var(--background-opacity));
}

.dark .dark\:background-magenta-500 {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-500), var(--background-opacity));
}

.dark .dark\:background-magenta-600 {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-600), var(--background-opacity));
}

.dark .dark\:background-magenta-700 {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-700), var(--background-opacity));
}

.dark .dark\:background-magenta-800 {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-800), var(--background-opacity));
}

.dark .dark\:background-magenta-900 {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-900), var(--background-opacity));
}

.dark .dark\:background-magenta-1000 {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-1000), var(--background-opacity));
}

.dark .dark\:background-magenta-1100 {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-1100), var(--background-opacity));
}

.dark .dark\:background-magenta-1200 {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-1200), var(--background-opacity));
}

.dark .dark\:hover\:background-magenta-50:hover {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-50), var(--background-opacity));
}

.dark .dark\:hover\:background-magenta-100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-100), var(--background-opacity));
}

.dark .dark\:hover\:background-magenta-200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-200), var(--background-opacity));
}

.dark .dark\:hover\:background-magenta-300:hover {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-300), var(--background-opacity));
}

.dark .dark\:hover\:background-magenta-400:hover {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-400), var(--background-opacity));
}

.dark .dark\:hover\:background-magenta-500:hover {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-500), var(--background-opacity));
}

.dark .dark\:hover\:background-magenta-600:hover {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-600), var(--background-opacity));
}

.dark .dark\:hover\:background-magenta-700:hover {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-700), var(--background-opacity));
}

.dark .dark\:hover\:background-magenta-800:hover {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-800), var(--background-opacity));
}

.dark .dark\:hover\:background-magenta-900:hover {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-900), var(--background-opacity));
}

.dark .dark\:hover\:background-magenta-1000:hover {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-1000), var(--background-opacity));
}

.dark .dark\:hover\:background-magenta-1100:hover {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-1100), var(--background-opacity));
}

.dark .dark\:hover\:background-magenta-1200:hover {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-1200), var(--background-opacity));
}

.dark .dark\:focus\:background-magenta-50:focus {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-50), var(--background-opacity));
}

.dark .dark\:focus\:background-magenta-100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-100), var(--background-opacity));
}

.dark .dark\:focus\:background-magenta-200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-200), var(--background-opacity));
}

.dark .dark\:focus\:background-magenta-300:focus {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-300), var(--background-opacity));
}

.dark .dark\:focus\:background-magenta-400:focus {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-400), var(--background-opacity));
}

.dark .dark\:focus\:background-magenta-500:focus {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-500), var(--background-opacity));
}

.dark .dark\:focus\:background-magenta-600:focus {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-600), var(--background-opacity));
}

.dark .dark\:focus\:background-magenta-700:focus {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-700), var(--background-opacity));
}

.dark .dark\:focus\:background-magenta-800:focus {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-800), var(--background-opacity));
}

.dark .dark\:focus\:background-magenta-900:focus {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-900), var(--background-opacity));
}

.dark .dark\:focus\:background-magenta-1000:focus {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-1000), var(--background-opacity));
}

.dark .dark\:focus\:background-magenta-1100:focus {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-1100), var(--background-opacity));
}

.dark .dark\:focus\:background-magenta-1200:focus {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-1200), var(--background-opacity));
}

.dark .dark\:focus-within\:background-magenta-50:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-50), var(--background-opacity));
}

.dark .dark\:focus-within\:background-magenta-100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-100), var(--background-opacity));
}

.dark .dark\:focus-within\:background-magenta-200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-200), var(--background-opacity));
}

.dark .dark\:focus-within\:background-magenta-300:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-300), var(--background-opacity));
}

.dark .dark\:focus-within\:background-magenta-400:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-400), var(--background-opacity));
}

.dark .dark\:focus-within\:background-magenta-500:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-500), var(--background-opacity));
}

.dark .dark\:focus-within\:background-magenta-600:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-600), var(--background-opacity));
}

.dark .dark\:focus-within\:background-magenta-700:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-700), var(--background-opacity));
}

.dark .dark\:focus-within\:background-magenta-800:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-800), var(--background-opacity));
}

.dark .dark\:focus-within\:background-magenta-900:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-900), var(--background-opacity));
}

.dark .dark\:focus-within\:background-magenta-1000:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-1000), var(--background-opacity));
}

.dark .dark\:focus-within\:background-magenta-1100:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-1100), var(--background-opacity));
}

.dark .dark\:focus-within\:background-magenta-1200:focus-within {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-1200), var(--background-opacity));
}

.dark .dark\:active\:background-magenta-50:active {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-50), var(--background-opacity));
}

.dark .dark\:active\:background-magenta-100:active {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-100), var(--background-opacity));
}

.dark .dark\:active\:background-magenta-200:active {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-200), var(--background-opacity));
}

.dark .dark\:active\:background-magenta-300:active {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-300), var(--background-opacity));
}

.dark .dark\:active\:background-magenta-400:active {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-400), var(--background-opacity));
}

.dark .dark\:active\:background-magenta-500:active {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-500), var(--background-opacity));
}

.dark .dark\:active\:background-magenta-600:active {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-600), var(--background-opacity));
}

.dark .dark\:active\:background-magenta-700:active {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-700), var(--background-opacity));
}

.dark .dark\:active\:background-magenta-800:active {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-800), var(--background-opacity));
}

.dark .dark\:active\:background-magenta-900:active {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-900), var(--background-opacity));
}

.dark .dark\:active\:background-magenta-1000:active {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-1000), var(--background-opacity));
}

.dark .dark\:active\:background-magenta-1100:active {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-1100), var(--background-opacity));
}

.dark .dark\:active\:background-magenta-1200:active {
  --background-opacity: 1;
  background-color: hsla(var(--magenta-1200), var(--background-opacity));
}