ancient-css/src/properties/color.css

ANCIENT-CSS A CSS utility library

.color-inherit {
  color: inherit;
}

.hover\:color-inherit:hover {
  color: inherit;
}

.focus\:color-inherit:focus {
  color: inherit;
}

.focus-within\:color-inherit:focus-within {
  color: inherit;
}

.active\:color-inherit:active {
  color: inherit;
}

.color-transparent {
  color: transparent;
}

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

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

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

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

.color-black {
  color: black;
}

.hover\:color-black:hover {
  color: black;
}

.focus\:color-black:focus {
  color: black;
}

.focus-within\:color-black:focus-within {
  color: black;
}

.active\:color-black:active {
  color: black;
}

.color-white {
  color: white;
}

.hover\:color-white:hover {
  color: white;
}

.focus\:color-white:focus {
  color: white;
}

.focus-within\:color-white:focus-within {
  color: white;
}

.active\:color-white:active {
  color: white;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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