ancient-css/src/properties/background-color.css

ANCIENT-CSS A CSS utility library

.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