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

ANCIENT-CSS A CSS utility library

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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