/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
@layer properties;
@layer reset, theme, base, components, utilities;
@layer utilities {
  .hover\:divide-amber-50 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-amber-50);
        }
      }
    }
  }
  .hover\:divide-amber-100 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-amber-100);
        }
      }
    }
  }
  .hover\:divide-amber-200 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-amber-200);
        }
      }
    }
  }
  .hover\:divide-amber-300 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-amber-300);
        }
      }
    }
  }
  .hover\:divide-amber-400 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-amber-400);
        }
      }
    }
  }
  .hover\:divide-amber-500 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-amber-500);
        }
      }
    }
  }
  .hover\:divide-amber-600 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-amber-600);
        }
      }
    }
  }
  .hover\:divide-amber-700 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-amber-700);
        }
      }
    }
  }
  .hover\:divide-amber-800 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-amber-800);
        }
      }
    }
  }
  .hover\:divide-amber-900 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-amber-900);
        }
      }
    }
  }
  .hover\:divide-amber-950 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-amber-950);
        }
      }
    }
  }
  .hover\:divide-blue-50 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-blue-50);
        }
      }
    }
  }
  .hover\:divide-blue-100 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-blue-100);
        }
      }
    }
  }
  .hover\:divide-blue-200 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-blue-200);
        }
      }
    }
  }
  .hover\:divide-blue-300 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-blue-300);
        }
      }
    }
  }
  .hover\:divide-blue-400 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-blue-400);
        }
      }
    }
  }
  .hover\:divide-blue-500 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-blue-500);
        }
      }
    }
  }
  .hover\:divide-blue-600 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-blue-600);
        }
      }
    }
  }
  .hover\:divide-blue-700 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-blue-700);
        }
      }
    }
  }
  .hover\:divide-blue-800 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-blue-800);
        }
      }
    }
  }
  .hover\:divide-blue-900 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-blue-900);
        }
      }
    }
  }
  .hover\:divide-blue-950 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-blue-950);
        }
      }
    }
  }
  .hover\:divide-cyan-50 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-cyan-50);
        }
      }
    }
  }
  .hover\:divide-cyan-100 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-cyan-100);
        }
      }
    }
  }
  .hover\:divide-cyan-200 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-cyan-200);
        }
      }
    }
  }
  .hover\:divide-cyan-300 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-cyan-300);
        }
      }
    }
  }
  .hover\:divide-cyan-400 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-cyan-400);
        }
      }
    }
  }
  .hover\:divide-cyan-500 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-cyan-500);
        }
      }
    }
  }
  .hover\:divide-cyan-600 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-cyan-600);
        }
      }
    }
  }
  .hover\:divide-cyan-700 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-cyan-700);
        }
      }
    }
  }
  .hover\:divide-cyan-800 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-cyan-800);
        }
      }
    }
  }
  .hover\:divide-cyan-900 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-cyan-900);
        }
      }
    }
  }
  .hover\:divide-cyan-950 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-cyan-950);
        }
      }
    }
  }
  .hover\:divide-emerald-50 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-emerald-50);
        }
      }
    }
  }
  .hover\:divide-emerald-100 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-emerald-100);
        }
      }
    }
  }
  .hover\:divide-emerald-200 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-emerald-200);
        }
      }
    }
  }
  .hover\:divide-emerald-300 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-emerald-300);
        }
      }
    }
  }
  .hover\:divide-emerald-400 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-emerald-400);
        }
      }
    }
  }
  .hover\:divide-emerald-500 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-emerald-500);
        }
      }
    }
  }
  .hover\:divide-emerald-600 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-emerald-600);
        }
      }
    }
  }
  .hover\:divide-emerald-700 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-emerald-700);
        }
      }
    }
  }
  .hover\:divide-emerald-800 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-emerald-800);
        }
      }
    }
  }
  .hover\:divide-emerald-900 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-emerald-900);
        }
      }
    }
  }
  .hover\:divide-emerald-950 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-emerald-950);
        }
      }
    }
  }
  .hover\:divide-fuchsia-50 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-fuchsia-50);
        }
      }
    }
  }
  .hover\:divide-fuchsia-100 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-fuchsia-100);
        }
      }
    }
  }
  .hover\:divide-fuchsia-200 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-fuchsia-200);
        }
      }
    }
  }
  .hover\:divide-fuchsia-300 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-fuchsia-300);
        }
      }
    }
  }
  .hover\:divide-fuchsia-400 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-fuchsia-400);
        }
      }
    }
  }
  .hover\:divide-fuchsia-500 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-fuchsia-500);
        }
      }
    }
  }
  .hover\:divide-fuchsia-600 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-fuchsia-600);
        }
      }
    }
  }
  .hover\:divide-fuchsia-700 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-fuchsia-700);
        }
      }
    }
  }
  .hover\:divide-fuchsia-800 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-fuchsia-800);
        }
      }
    }
  }
  .hover\:divide-fuchsia-900 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-fuchsia-900);
        }
      }
    }
  }
  .hover\:divide-fuchsia-950 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-fuchsia-950);
        }
      }
    }
  }
  .hover\:divide-gray-50 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-gray-50);
        }
      }
    }
  }
  .hover\:divide-gray-100 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-gray-100);
        }
      }
    }
  }
  .hover\:divide-gray-200 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-gray-200);
        }
      }
    }
  }
  .hover\:divide-gray-300 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-gray-300);
        }
      }
    }
  }
  .hover\:divide-gray-400 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-gray-400);
        }
      }
    }
  }
  .hover\:divide-gray-500 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-gray-500);
        }
      }
    }
  }
  .hover\:divide-gray-600 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-gray-600);
        }
      }
    }
  }
  .hover\:divide-gray-700 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-gray-700);
        }
      }
    }
  }
  .hover\:divide-gray-800 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-gray-800);
        }
      }
    }
  }
  .hover\:divide-gray-900 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-gray-900);
        }
      }
    }
  }
  .hover\:divide-gray-950 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-gray-950);
        }
      }
    }
  }
  .hover\:divide-green-50 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-green-50);
        }
      }
    }
  }
  .hover\:divide-green-100 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-green-100);
        }
      }
    }
  }
  .hover\:divide-green-200 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-green-200);
        }
      }
    }
  }
  .hover\:divide-green-300 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-green-300);
        }
      }
    }
  }
  .hover\:divide-green-400 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-green-400);
        }
      }
    }
  }
  .hover\:divide-green-500 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-green-500);
        }
      }
    }
  }
  .hover\:divide-green-600 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-green-600);
        }
      }
    }
  }
  .hover\:divide-green-700 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-green-700);
        }
      }
    }
  }
  .hover\:divide-green-800 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-green-800);
        }
      }
    }
  }
  .hover\:divide-green-900 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-green-900);
        }
      }
    }
  }
  .hover\:divide-green-950 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-green-950);
        }
      }
    }
  }
  .hover\:divide-indigo-50 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-indigo-50);
        }
      }
    }
  }
  .hover\:divide-indigo-100 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-indigo-100);
        }
      }
    }
  }
  .hover\:divide-indigo-200 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-indigo-200);
        }
      }
    }
  }
  .hover\:divide-indigo-300 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-indigo-300);
        }
      }
    }
  }
  .hover\:divide-indigo-400 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-indigo-400);
        }
      }
    }
  }
  .hover\:divide-indigo-500 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-indigo-500);
        }
      }
    }
  }
  .hover\:divide-indigo-600 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-indigo-600);
        }
      }
    }
  }
  .hover\:divide-indigo-700 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-indigo-700);
        }
      }
    }
  }
  .hover\:divide-indigo-800 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-indigo-800);
        }
      }
    }
  }
  .hover\:divide-indigo-900 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-indigo-900);
        }
      }
    }
  }
  .hover\:divide-indigo-950 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-indigo-950);
        }
      }
    }
  }
  .hover\:divide-lime-50 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-lime-50);
        }
      }
    }
  }
  .hover\:divide-lime-100 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-lime-100);
        }
      }
    }
  }
  .hover\:divide-lime-200 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-lime-200);
        }
      }
    }
  }
  .hover\:divide-lime-300 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-lime-300);
        }
      }
    }
  }
  .hover\:divide-lime-400 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-lime-400);
        }
      }
    }
  }
  .hover\:divide-lime-500 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-lime-500);
        }
      }
    }
  }
  .hover\:divide-lime-600 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-lime-600);
        }
      }
    }
  }
  .hover\:divide-lime-700 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-lime-700);
        }
      }
    }
  }
  .hover\:divide-lime-800 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-lime-800);
        }
      }
    }
  }
  .hover\:divide-lime-900 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-lime-900);
        }
      }
    }
  }
  .hover\:divide-lime-950 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-lime-950);
        }
      }
    }
  }
  .hover\:divide-neutral-50 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-neutral-50);
        }
      }
    }
  }
  .hover\:divide-neutral-100 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-neutral-100);
        }
      }
    }
  }
  .hover\:divide-neutral-200 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-neutral-200);
        }
      }
    }
  }
  .hover\:divide-neutral-300 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-neutral-300);
        }
      }
    }
  }
  .hover\:divide-neutral-400 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-neutral-400);
        }
      }
    }
  }
  .hover\:divide-neutral-500 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-neutral-500);
        }
      }
    }
  }
  .hover\:divide-neutral-600 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-neutral-600);
        }
      }
    }
  }
  .hover\:divide-neutral-700 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-neutral-700);
        }
      }
    }
  }
  .hover\:divide-neutral-800 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-neutral-800);
        }
      }
    }
  }
  .hover\:divide-neutral-900 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-neutral-900);
        }
      }
    }
  }
  .hover\:divide-neutral-950 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-neutral-950);
        }
      }
    }
  }
  .hover\:divide-orange-50 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-orange-50);
        }
      }
    }
  }
  .hover\:divide-orange-100 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-orange-100);
        }
      }
    }
  }
  .hover\:divide-orange-200 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-orange-200);
        }
      }
    }
  }
  .hover\:divide-orange-300 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-orange-300);
        }
      }
    }
  }
  .hover\:divide-orange-400 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-orange-400);
        }
      }
    }
  }
  .hover\:divide-orange-500 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-orange-500);
        }
      }
    }
  }
  .hover\:divide-orange-600 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-orange-600);
        }
      }
    }
  }
  .hover\:divide-orange-700 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-orange-700);
        }
      }
    }
  }
  .hover\:divide-orange-800 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-orange-800);
        }
      }
    }
  }
  .hover\:divide-orange-900 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-orange-900);
        }
      }
    }
  }
  .hover\:divide-orange-950 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-orange-950);
        }
      }
    }
  }
  .hover\:divide-pink-50 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-pink-50);
        }
      }
    }
  }
  .hover\:divide-pink-100 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-pink-100);
        }
      }
    }
  }
  .hover\:divide-pink-200 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-pink-200);
        }
      }
    }
  }
  .hover\:divide-pink-300 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-pink-300);
        }
      }
    }
  }
  .hover\:divide-pink-400 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-pink-400);
        }
      }
    }
  }
  .hover\:divide-pink-500 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-pink-500);
        }
      }
    }
  }
  .hover\:divide-pink-600 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-pink-600);
        }
      }
    }
  }
  .hover\:divide-pink-700 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-pink-700);
        }
      }
    }
  }
  .hover\:divide-pink-800 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-pink-800);
        }
      }
    }
  }
  .hover\:divide-pink-900 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-pink-900);
        }
      }
    }
  }
  .hover\:divide-pink-950 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-pink-950);
        }
      }
    }
  }
  .hover\:divide-purple-50 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-purple-50);
        }
      }
    }
  }
  .hover\:divide-purple-100 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-purple-100);
        }
      }
    }
  }
  .hover\:divide-purple-200 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-purple-200);
        }
      }
    }
  }
  .hover\:divide-purple-300 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-purple-300);
        }
      }
    }
  }
  .hover\:divide-purple-400 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-purple-400);
        }
      }
    }
  }
  .hover\:divide-purple-500 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-purple-500);
        }
      }
    }
  }
  .hover\:divide-purple-600 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-purple-600);
        }
      }
    }
  }
  .hover\:divide-purple-700 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-purple-700);
        }
      }
    }
  }
  .hover\:divide-purple-800 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-purple-800);
        }
      }
    }
  }
  .hover\:divide-purple-900 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-purple-900);
        }
      }
    }
  }
  .hover\:divide-purple-950 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-purple-950);
        }
      }
    }
  }
  .hover\:divide-red-50 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-red-50);
        }
      }
    }
  }
  .hover\:divide-red-100 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-red-100);
        }
      }
    }
  }
  .hover\:divide-red-200 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-red-200);
        }
      }
    }
  }
  .hover\:divide-red-300 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-red-300);
        }
      }
    }
  }
  .hover\:divide-red-400 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-red-400);
        }
      }
    }
  }
  .hover\:divide-red-500 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-red-500);
        }
      }
    }
  }
  .hover\:divide-red-600 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-red-600);
        }
      }
    }
  }
  .hover\:divide-red-700 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-red-700);
        }
      }
    }
  }
  .hover\:divide-red-800 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-red-800);
        }
      }
    }
  }
  .hover\:divide-red-900 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-red-900);
        }
      }
    }
  }
  .hover\:divide-red-950 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-red-950);
        }
      }
    }
  }
  .hover\:divide-rose-50 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-rose-50);
        }
      }
    }
  }
  .hover\:divide-rose-100 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-rose-100);
        }
      }
    }
  }
  .hover\:divide-rose-200 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-rose-200);
        }
      }
    }
  }
  .hover\:divide-rose-300 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-rose-300);
        }
      }
    }
  }
  .hover\:divide-rose-400 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-rose-400);
        }
      }
    }
  }
  .hover\:divide-rose-500 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-rose-500);
        }
      }
    }
  }
  .hover\:divide-rose-600 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-rose-600);
        }
      }
    }
  }
  .hover\:divide-rose-700 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-rose-700);
        }
      }
    }
  }
  .hover\:divide-rose-800 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-rose-800);
        }
      }
    }
  }
  .hover\:divide-rose-900 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-rose-900);
        }
      }
    }
  }
  .hover\:divide-rose-950 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-rose-950);
        }
      }
    }
  }
  .hover\:divide-sky-50 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-sky-50);
        }
      }
    }
  }
  .hover\:divide-sky-100 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-sky-100);
        }
      }
    }
  }
  .hover\:divide-sky-200 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-sky-200);
        }
      }
    }
  }
  .hover\:divide-sky-300 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-sky-300);
        }
      }
    }
  }
  .hover\:divide-sky-400 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-sky-400);
        }
      }
    }
  }
  .hover\:divide-sky-500 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-sky-500);
        }
      }
    }
  }
  .hover\:divide-sky-600 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-sky-600);
        }
      }
    }
  }
  .hover\:divide-sky-700 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-sky-700);
        }
      }
    }
  }
  .hover\:divide-sky-800 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-sky-800);
        }
      }
    }
  }
  .hover\:divide-sky-900 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-sky-900);
        }
      }
    }
  }
  .hover\:divide-sky-950 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-sky-950);
        }
      }
    }
  }
  .hover\:divide-slate-50 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-slate-50);
        }
      }
    }
  }
  .hover\:divide-slate-100 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-slate-100);
        }
      }
    }
  }
  .hover\:divide-slate-200 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-slate-200);
        }
      }
    }
  }
  .hover\:divide-slate-300 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-slate-300);
        }
      }
    }
  }
  .hover\:divide-slate-400 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-slate-400);
        }
      }
    }
  }
  .hover\:divide-slate-500 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-slate-500);
        }
      }
    }
  }
  .hover\:divide-slate-600 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-slate-600);
        }
      }
    }
  }
  .hover\:divide-slate-700 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-slate-700);
        }
      }
    }
  }
  .hover\:divide-slate-800 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-slate-800);
        }
      }
    }
  }
  .hover\:divide-slate-900 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-slate-900);
        }
      }
    }
  }
  .hover\:divide-slate-950 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-slate-950);
        }
      }
    }
  }
  .hover\:divide-stone-50 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-stone-50);
        }
      }
    }
  }
  .hover\:divide-stone-100 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-stone-100);
        }
      }
    }
  }
  .hover\:divide-stone-200 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-stone-200);
        }
      }
    }
  }
  .hover\:divide-stone-300 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-stone-300);
        }
      }
    }
  }
  .hover\:divide-stone-400 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-stone-400);
        }
      }
    }
  }
  .hover\:divide-stone-500 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-stone-500);
        }
      }
    }
  }
  .hover\:divide-stone-600 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-stone-600);
        }
      }
    }
  }
  .hover\:divide-stone-700 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-stone-700);
        }
      }
    }
  }
  .hover\:divide-stone-800 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-stone-800);
        }
      }
    }
  }
  .hover\:divide-stone-900 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-stone-900);
        }
      }
    }
  }
  .hover\:divide-stone-950 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-stone-950);
        }
      }
    }
  }
  .hover\:divide-teal-50 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-teal-50);
        }
      }
    }
  }
  .hover\:divide-teal-100 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-teal-100);
        }
      }
    }
  }
  .hover\:divide-teal-200 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-teal-200);
        }
      }
    }
  }
  .hover\:divide-teal-300 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-teal-300);
        }
      }
    }
  }
  .hover\:divide-teal-400 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-teal-400);
        }
      }
    }
  }
  .hover\:divide-teal-500 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-teal-500);
        }
      }
    }
  }
  .hover\:divide-teal-600 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-teal-600);
        }
      }
    }
  }
  .hover\:divide-teal-700 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-teal-700);
        }
      }
    }
  }
  .hover\:divide-teal-800 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-teal-800);
        }
      }
    }
  }
  .hover\:divide-teal-900 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-teal-900);
        }
      }
    }
  }
  .hover\:divide-teal-950 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-teal-950);
        }
      }
    }
  }
  .hover\:divide-violet-50 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-violet-50);
        }
      }
    }
  }
  .hover\:divide-violet-100 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-violet-100);
        }
      }
    }
  }
  .hover\:divide-violet-200 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-violet-200);
        }
      }
    }
  }
  .hover\:divide-violet-300 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-violet-300);
        }
      }
    }
  }
  .hover\:divide-violet-400 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-violet-400);
        }
      }
    }
  }
  .hover\:divide-violet-500 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-violet-500);
        }
      }
    }
  }
  .hover\:divide-violet-600 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-violet-600);
        }
      }
    }
  }
  .hover\:divide-violet-700 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-violet-700);
        }
      }
    }
  }
  .hover\:divide-violet-800 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-violet-800);
        }
      }
    }
  }
  .hover\:divide-violet-900 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-violet-900);
        }
      }
    }
  }
  .hover\:divide-violet-950 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-violet-950);
        }
      }
    }
  }
  .hover\:divide-yellow-50 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-yellow-50);
        }
      }
    }
  }
  .hover\:divide-yellow-100 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-yellow-100);
        }
      }
    }
  }
  .hover\:divide-yellow-200 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-yellow-200);
        }
      }
    }
  }
  .hover\:divide-yellow-300 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-yellow-300);
        }
      }
    }
  }
  .hover\:divide-yellow-400 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-yellow-400);
        }
      }
    }
  }
  .hover\:divide-yellow-500 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-yellow-500);
        }
      }
    }
  }
  .hover\:divide-yellow-600 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-yellow-600);
        }
      }
    }
  }
  .hover\:divide-yellow-700 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-yellow-700);
        }
      }
    }
  }
  .hover\:divide-yellow-800 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-yellow-800);
        }
      }
    }
  }
  .hover\:divide-yellow-900 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-yellow-900);
        }
      }
    }
  }
  .hover\:divide-yellow-950 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-yellow-950);
        }
      }
    }
  }
  .hover\:divide-zinc-50 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-zinc-50);
        }
      }
    }
  }
  .hover\:divide-zinc-100 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-zinc-100);
        }
      }
    }
  }
  .hover\:divide-zinc-200 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-zinc-200);
        }
      }
    }
  }
  .hover\:divide-zinc-300 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-zinc-300);
        }
      }
    }
  }
  .hover\:divide-zinc-400 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-zinc-400);
        }
      }
    }
  }
  .hover\:divide-zinc-500 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-zinc-500);
        }
      }
    }
  }
  .hover\:divide-zinc-600 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-zinc-600);
        }
      }
    }
  }
  .hover\:divide-zinc-700 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-zinc-700);
        }
      }
    }
  }
  .hover\:divide-zinc-800 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-zinc-800);
        }
      }
    }
  }
  .hover\:divide-zinc-900 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-zinc-900);
        }
      }
    }
  }
  .hover\:divide-zinc-950 {
    &:hover {
      @media (hover: hover) {
        :where(& > :not(:last-child)) {
          border-color: var(--color-zinc-950);
        }
      }
    }
  }
  .hover\:border-amber-50 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-amber-50);
      }
    }
  }
  .hover\:border-amber-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-amber-100);
      }
    }
  }
  .hover\:border-amber-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-amber-200);
      }
    }
  }
  .hover\:border-amber-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-amber-300);
      }
    }
  }
  .hover\:border-amber-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-amber-400);
      }
    }
  }
  .hover\:border-amber-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-amber-500);
      }
    }
  }
  .hover\:border-amber-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-amber-600);
      }
    }
  }
  .hover\:border-amber-700 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-amber-700);
      }
    }
  }
  .hover\:border-amber-800 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-amber-800);
      }
    }
  }
  .hover\:border-amber-900 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-amber-900);
      }
    }
  }
  .hover\:border-amber-950 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-amber-950);
      }
    }
  }
  .hover\:border-black {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-black);
      }
    }
  }
  .hover\:border-blue-50 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-blue-50);
      }
    }
  }
  .hover\:border-blue-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-blue-100);
      }
    }
  }
  .hover\:border-blue-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-blue-200);
      }
    }
  }
  .hover\:border-blue-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-blue-300);
      }
    }
  }
  .hover\:border-blue-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-blue-400);
      }
    }
  }
  .hover\:border-blue-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-blue-500);
      }
    }
  }
  .hover\:border-blue-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-blue-600);
      }
    }
  }
  .hover\:border-blue-700 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-blue-700);
      }
    }
  }
  .hover\:border-blue-800 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-blue-800);
      }
    }
  }
  .hover\:border-blue-900 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-blue-900);
      }
    }
  }
  .hover\:border-blue-950 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-blue-950);
      }
    }
  }
  .hover\:border-current {
    &:hover {
      @media (hover: hover) {
        border-color: currentcolor;
      }
    }
  }
  .hover\:border-cyan-50 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-cyan-50);
      }
    }
  }
  .hover\:border-cyan-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-cyan-100);
      }
    }
  }
  .hover\:border-cyan-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-cyan-200);
      }
    }
  }
  .hover\:border-cyan-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-cyan-300);
      }
    }
  }
  .hover\:border-cyan-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-cyan-400);
      }
    }
  }
  .hover\:border-cyan-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-cyan-500);
      }
    }
  }
  .hover\:border-cyan-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-cyan-600);
      }
    }
  }
  .hover\:border-cyan-700 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-cyan-700);
      }
    }
  }
  .hover\:border-cyan-800 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-cyan-800);
      }
    }
  }
  .hover\:border-cyan-900 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-cyan-900);
      }
    }
  }
  .hover\:border-cyan-950 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-cyan-950);
      }
    }
  }
  .hover\:border-emerald-50 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-emerald-50);
      }
    }
  }
  .hover\:border-emerald-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-emerald-100);
      }
    }
  }
  .hover\:border-emerald-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-emerald-200);
      }
    }
  }
  .hover\:border-emerald-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-emerald-300);
      }
    }
  }
  .hover\:border-emerald-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-emerald-400);
      }
    }
  }
  .hover\:border-emerald-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-emerald-500);
      }
    }
  }
  .hover\:border-emerald-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-emerald-600);
      }
    }
  }
  .hover\:border-emerald-700 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-emerald-700);
      }
    }
  }
  .hover\:border-emerald-800 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-emerald-800);
      }
    }
  }
  .hover\:border-emerald-900 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-emerald-900);
      }
    }
  }
  .hover\:border-emerald-950 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-emerald-950);
      }
    }
  }
  .hover\:border-fuchsia-50 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-fuchsia-50);
      }
    }
  }
  .hover\:border-fuchsia-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-fuchsia-100);
      }
    }
  }
  .hover\:border-fuchsia-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-fuchsia-200);
      }
    }
  }
  .hover\:border-fuchsia-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-fuchsia-300);
      }
    }
  }
  .hover\:border-fuchsia-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-fuchsia-400);
      }
    }
  }
  .hover\:border-fuchsia-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-fuchsia-500);
      }
    }
  }
  .hover\:border-fuchsia-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-fuchsia-600);
      }
    }
  }
  .hover\:border-fuchsia-700 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-fuchsia-700);
      }
    }
  }
  .hover\:border-fuchsia-800 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-fuchsia-800);
      }
    }
  }
  .hover\:border-fuchsia-900 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-fuchsia-900);
      }
    }
  }
  .hover\:border-fuchsia-950 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-fuchsia-950);
      }
    }
  }
  .hover\:border-gray-50 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-gray-50);
      }
    }
  }
  .hover\:border-gray-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-gray-100);
      }
    }
  }
  .hover\:border-gray-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-gray-200);
      }
    }
  }
  .hover\:border-gray-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-gray-300);
      }
    }
  }
  .hover\:border-gray-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-gray-400);
      }
    }
  }
  .hover\:border-gray-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-gray-500);
      }
    }
  }
  .hover\:border-gray-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-gray-600);
      }
    }
  }
  .hover\:border-gray-700 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-gray-700);
      }
    }
  }
  .hover\:border-gray-800 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-gray-800);
      }
    }
  }
  .hover\:border-gray-900 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-gray-900);
      }
    }
  }
  .hover\:border-gray-950 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-gray-950);
      }
    }
  }
  .hover\:border-green-50 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-green-50);
      }
    }
  }
  .hover\:border-green-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-green-100);
      }
    }
  }
  .hover\:border-green-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-green-200);
      }
    }
  }
  .hover\:border-green-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-green-300);
      }
    }
  }
  .hover\:border-green-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-green-400);
      }
    }
  }
  .hover\:border-green-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-green-500);
      }
    }
  }
  .hover\:border-green-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-green-600);
      }
    }
  }
  .hover\:border-green-700 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-green-700);
      }
    }
  }
  .hover\:border-green-800 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-green-800);
      }
    }
  }
  .hover\:border-green-900 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-green-900);
      }
    }
  }
  .hover\:border-green-950 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-green-950);
      }
    }
  }
  .hover\:border-indigo-50 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-indigo-50);
      }
    }
  }
  .hover\:border-indigo-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-indigo-100);
      }
    }
  }
  .hover\:border-indigo-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-indigo-200);
      }
    }
  }
  .hover\:border-indigo-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-indigo-300);
      }
    }
  }
  .hover\:border-indigo-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-indigo-400);
      }
    }
  }
  .hover\:border-indigo-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-indigo-500);
      }
    }
  }
  .hover\:border-indigo-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-indigo-600);
      }
    }
  }
  .hover\:border-indigo-700 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-indigo-700);
      }
    }
  }
  .hover\:border-indigo-800 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-indigo-800);
      }
    }
  }
  .hover\:border-indigo-900 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-indigo-900);
      }
    }
  }
  .hover\:border-indigo-950 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-indigo-950);
      }
    }
  }
  .hover\:border-inherit {
    &:hover {
      @media (hover: hover) {
        border-color: inherit;
      }
    }
  }
  .hover\:border-lime-50 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-lime-50);
      }
    }
  }
  .hover\:border-lime-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-lime-100);
      }
    }
  }
  .hover\:border-lime-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-lime-200);
      }
    }
  }
  .hover\:border-lime-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-lime-300);
      }
    }
  }
  .hover\:border-lime-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-lime-400);
      }
    }
  }
  .hover\:border-lime-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-lime-500);
      }
    }
  }
  .hover\:border-lime-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-lime-600);
      }
    }
  }
  .hover\:border-lime-700 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-lime-700);
      }
    }
  }
  .hover\:border-lime-800 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-lime-800);
      }
    }
  }
  .hover\:border-lime-900 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-lime-900);
      }
    }
  }
  .hover\:border-lime-950 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-lime-950);
      }
    }
  }
  .hover\:border-neutral-50 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-neutral-50);
      }
    }
  }
  .hover\:border-neutral-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-neutral-100);
      }
    }
  }
  .hover\:border-neutral-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-neutral-200);
      }
    }
  }
  .hover\:border-neutral-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-neutral-300);
      }
    }
  }
  .hover\:border-neutral-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-neutral-400);
      }
    }
  }
  .hover\:border-neutral-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-neutral-500);
      }
    }
  }
  .hover\:border-neutral-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-neutral-600);
      }
    }
  }
  .hover\:border-neutral-700 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-neutral-700);
      }
    }
  }
  .hover\:border-neutral-800 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-neutral-800);
      }
    }
  }
  .hover\:border-neutral-900 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-neutral-900);
      }
    }
  }
  .hover\:border-neutral-950 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-neutral-950);
      }
    }
  }
  .hover\:border-orange-50 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-orange-50);
      }
    }
  }
  .hover\:border-orange-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-orange-100);
      }
    }
  }
  .hover\:border-orange-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-orange-200);
      }
    }
  }
  .hover\:border-orange-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-orange-300);
      }
    }
  }
  .hover\:border-orange-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-orange-400);
      }
    }
  }
  .hover\:border-orange-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-orange-500);
      }
    }
  }
  .hover\:border-orange-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-orange-600);
      }
    }
  }
  .hover\:border-orange-700 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-orange-700);
      }
    }
  }
  .hover\:border-orange-800 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-orange-800);
      }
    }
  }
  .hover\:border-orange-900 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-orange-900);
      }
    }
  }
  .hover\:border-orange-950 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-orange-950);
      }
    }
  }
  .hover\:border-pink-50 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-pink-50);
      }
    }
  }
  .hover\:border-pink-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-pink-100);
      }
    }
  }
  .hover\:border-pink-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-pink-200);
      }
    }
  }
  .hover\:border-pink-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-pink-300);
      }
    }
  }
  .hover\:border-pink-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-pink-400);
      }
    }
  }
  .hover\:border-pink-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-pink-500);
      }
    }
  }
  .hover\:border-pink-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-pink-600);
      }
    }
  }
  .hover\:border-pink-700 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-pink-700);
      }
    }
  }
  .hover\:border-pink-800 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-pink-800);
      }
    }
  }
  .hover\:border-pink-900 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-pink-900);
      }
    }
  }
  .hover\:border-pink-950 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-pink-950);
      }
    }
  }
  .hover\:border-purple-50 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-purple-50);
      }
    }
  }
  .hover\:border-purple-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-purple-100);
      }
    }
  }
  .hover\:border-purple-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-purple-200);
      }
    }
  }
  .hover\:border-purple-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-purple-300);
      }
    }
  }
  .hover\:border-purple-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-purple-400);
      }
    }
  }
  .hover\:border-purple-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-purple-500);
      }
    }
  }
  .hover\:border-purple-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-purple-600);
      }
    }
  }
  .hover\:border-purple-700 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-purple-700);
      }
    }
  }
  .hover\:border-purple-800 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-purple-800);
      }
    }
  }
  .hover\:border-purple-900 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-purple-900);
      }
    }
  }
  .hover\:border-purple-950 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-purple-950);
      }
    }
  }
  .hover\:border-red-50 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-red-50);
      }
    }
  }
  .hover\:border-red-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-red-100);
      }
    }
  }
  .hover\:border-red-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-red-200);
      }
    }
  }
  .hover\:border-red-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-red-300);
      }
    }
  }
  .hover\:border-red-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-red-400);
      }
    }
  }
  .hover\:border-red-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-red-500);
      }
    }
  }
  .hover\:border-red-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-red-600);
      }
    }
  }
  .hover\:border-red-700 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-red-700);
      }
    }
  }
  .hover\:border-red-800 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-red-800);
      }
    }
  }
  .hover\:border-red-900 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-red-900);
      }
    }
  }
  .hover\:border-red-950 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-red-950);
      }
    }
  }
  .hover\:border-rose-50 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-rose-50);
      }
    }
  }
  .hover\:border-rose-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-rose-100);
      }
    }
  }
  .hover\:border-rose-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-rose-200);
      }
    }
  }
  .hover\:border-rose-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-rose-300);
      }
    }
  }
  .hover\:border-rose-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-rose-400);
      }
    }
  }
  .hover\:border-rose-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-rose-500);
      }
    }
  }
  .hover\:border-rose-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-rose-600);
      }
    }
  }
  .hover\:border-rose-700 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-rose-700);
      }
    }
  }
  .hover\:border-rose-800 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-rose-800);
      }
    }
  }
  .hover\:border-rose-900 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-rose-900);
      }
    }
  }
  .hover\:border-rose-950 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-rose-950);
      }
    }
  }
  .hover\:border-sky-50 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-sky-50);
      }
    }
  }
  .hover\:border-sky-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-sky-100);
      }
    }
  }
  .hover\:border-sky-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-sky-200);
      }
    }
  }
  .hover\:border-sky-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-sky-300);
      }
    }
  }
  .hover\:border-sky-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-sky-400);
      }
    }
  }
  .hover\:border-sky-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-sky-500);
      }
    }
  }
  .hover\:border-sky-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-sky-600);
      }
    }
  }
  .hover\:border-sky-700 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-sky-700);
      }
    }
  }
  .hover\:border-sky-800 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-sky-800);
      }
    }
  }
  .hover\:border-sky-900 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-sky-900);
      }
    }
  }
  .hover\:border-sky-950 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-sky-950);
      }
    }
  }
  .hover\:border-slate-50 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-slate-50);
      }
    }
  }
  .hover\:border-slate-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-slate-100);
      }
    }
  }
  .hover\:border-slate-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-slate-200);
      }
    }
  }
  .hover\:border-slate-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-slate-300);
      }
    }
  }
  .hover\:border-slate-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-slate-400);
      }
    }
  }
  .hover\:border-slate-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-slate-500);
      }
    }
  }
  .hover\:border-slate-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-slate-600);
      }
    }
  }
  .hover\:border-slate-700 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-slate-700);
      }
    }
  }
  .hover\:border-slate-800 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-slate-800);
      }
    }
  }
  .hover\:border-slate-900 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-slate-900);
      }
    }
  }
  .hover\:border-slate-950 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-slate-950);
      }
    }
  }
  .hover\:border-stone-50 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-stone-50);
      }
    }
  }
  .hover\:border-stone-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-stone-100);
      }
    }
  }
  .hover\:border-stone-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-stone-200);
      }
    }
  }
  .hover\:border-stone-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-stone-300);
      }
    }
  }
  .hover\:border-stone-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-stone-400);
      }
    }
  }
  .hover\:border-stone-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-stone-500);
      }
    }
  }
  .hover\:border-stone-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-stone-600);
      }
    }
  }
  .hover\:border-stone-700 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-stone-700);
      }
    }
  }
  .hover\:border-stone-800 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-stone-800);
      }
    }
  }
  .hover\:border-stone-900 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-stone-900);
      }
    }
  }
  .hover\:border-stone-950 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-stone-950);
      }
    }
  }
  .hover\:border-teal-50 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-teal-50);
      }
    }
  }
  .hover\:border-teal-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-teal-100);
      }
    }
  }
  .hover\:border-teal-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-teal-200);
      }
    }
  }
  .hover\:border-teal-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-teal-300);
      }
    }
  }
  .hover\:border-teal-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-teal-400);
      }
    }
  }
  .hover\:border-teal-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-teal-500);
      }
    }
  }
  .hover\:border-teal-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-teal-600);
      }
    }
  }
  .hover\:border-teal-700 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-teal-700);
      }
    }
  }
  .hover\:border-teal-800 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-teal-800);
      }
    }
  }
  .hover\:border-teal-900 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-teal-900);
      }
    }
  }
  .hover\:border-teal-950 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-teal-950);
      }
    }
  }
  .hover\:border-transparent {
    &:hover {
      @media (hover: hover) {
        border-color: transparent;
      }
    }
  }
  .hover\:border-violet-50 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-violet-50);
      }
    }
  }
  .hover\:border-violet-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-violet-100);
      }
    }
  }
  .hover\:border-violet-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-violet-200);
      }
    }
  }
  .hover\:border-violet-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-violet-300);
      }
    }
  }
  .hover\:border-violet-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-violet-400);
      }
    }
  }
  .hover\:border-violet-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-violet-500);
      }
    }
  }
  .hover\:border-violet-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-violet-600);
      }
    }
  }
  .hover\:border-violet-700 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-violet-700);
      }
    }
  }
  .hover\:border-violet-800 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-violet-800);
      }
    }
  }
  .hover\:border-violet-900 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-violet-900);
      }
    }
  }
  .hover\:border-violet-950 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-violet-950);
      }
    }
  }
  .hover\:border-white {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-white);
      }
    }
  }
  .hover\:border-yellow-50 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-yellow-50);
      }
    }
  }
  .hover\:border-yellow-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-yellow-100);
      }
    }
  }
  .hover\:border-yellow-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-yellow-200);
      }
    }
  }
  .hover\:border-yellow-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-yellow-300);
      }
    }
  }
  .hover\:border-yellow-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-yellow-400);
      }
    }
  }
  .hover\:border-yellow-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-yellow-500);
      }
    }
  }
  .hover\:border-yellow-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-yellow-600);
      }
    }
  }
  .hover\:border-yellow-700 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-yellow-700);
      }
    }
  }
  .hover\:border-yellow-800 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-yellow-800);
      }
    }
  }
  .hover\:border-yellow-900 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-yellow-900);
      }
    }
  }
  .hover\:border-yellow-950 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-yellow-950);
      }
    }
  }
  .hover\:border-zinc-50 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-zinc-50);
      }
    }
  }
  .hover\:border-zinc-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-zinc-100);
      }
    }
  }
  .hover\:border-zinc-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-zinc-200);
      }
    }
  }
  .hover\:border-zinc-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-zinc-300);
      }
    }
  }
  .hover\:border-zinc-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-zinc-400);
      }
    }
  }
  .hover\:border-zinc-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-zinc-500);
      }
    }
  }
  .hover\:border-zinc-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-zinc-600);
      }
    }
  }
  .hover\:border-zinc-700 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-zinc-700);
      }
    }
  }
  .hover\:border-zinc-800 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-zinc-800);
      }
    }
  }
  .hover\:border-zinc-900 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-zinc-900);
      }
    }
  }
  .hover\:border-zinc-950 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-zinc-950);
      }
    }
  }
  .hover\:bg-amber-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-50);
      }
    }
  }
  .hover\:bg-amber-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-100);
      }
    }
  }
  .hover\:bg-amber-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-200);
      }
    }
  }
  .hover\:bg-amber-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-300);
      }
    }
  }
  .hover\:bg-amber-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-400);
      }
    }
  }
  .hover\:bg-amber-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-500);
      }
    }
  }
  .hover\:bg-amber-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-600);
      }
    }
  }
  .hover\:bg-amber-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-700);
      }
    }
  }
  .hover\:bg-amber-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-800);
      }
    }
  }
  .hover\:bg-amber-900 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-900);
      }
    }
  }
  .hover\:bg-amber-950 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-950);
      }
    }
  }
  .hover\:bg-black {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-black);
      }
    }
  }
  .hover\:bg-blue-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-50);
      }
    }
  }
  .hover\:bg-blue-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-100);
      }
    }
  }
  .hover\:bg-blue-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-200);
      }
    }
  }
  .hover\:bg-blue-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-300);
      }
    }
  }
  .hover\:bg-blue-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-400);
      }
    }
  }
  .hover\:bg-blue-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-500);
      }
    }
  }
  .hover\:bg-blue-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-600);
      }
    }
  }
  .hover\:bg-blue-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-700);
      }
    }
  }
  .hover\:bg-blue-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-800);
      }
    }
  }
  .hover\:bg-blue-900 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-900);
      }
    }
  }
  .hover\:bg-blue-950 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-950);
      }
    }
  }
  .hover\:bg-current {
    &:hover {
      @media (hover: hover) {
        background-color: currentcolor;
      }
    }
  }
  .hover\:bg-cyan-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-cyan-50);
      }
    }
  }
  .hover\:bg-cyan-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-cyan-100);
      }
    }
  }
  .hover\:bg-cyan-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-cyan-200);
      }
    }
  }
  .hover\:bg-cyan-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-cyan-300);
      }
    }
  }
  .hover\:bg-cyan-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-cyan-400);
      }
    }
  }
  .hover\:bg-cyan-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-cyan-500);
      }
    }
  }
  .hover\:bg-cyan-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-cyan-600);
      }
    }
  }
  .hover\:bg-cyan-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-cyan-700);
      }
    }
  }
  .hover\:bg-cyan-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-cyan-800);
      }
    }
  }
  .hover\:bg-cyan-900 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-cyan-900);
      }
    }
  }
  .hover\:bg-cyan-950 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-cyan-950);
      }
    }
  }
  .hover\:bg-emerald-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-50);
      }
    }
  }
  .hover\:bg-emerald-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-100);
      }
    }
  }
  .hover\:bg-emerald-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-200);
      }
    }
  }
  .hover\:bg-emerald-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-300);
      }
    }
  }
  .hover\:bg-emerald-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-400);
      }
    }
  }
  .hover\:bg-emerald-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-500);
      }
    }
  }
  .hover\:bg-emerald-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-600);
      }
    }
  }
  .hover\:bg-emerald-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-700);
      }
    }
  }
  .hover\:bg-emerald-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-800);
      }
    }
  }
  .hover\:bg-emerald-900 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-900);
      }
    }
  }
  .hover\:bg-emerald-950 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-950);
      }
    }
  }
  .hover\:bg-fuchsia-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-fuchsia-50);
      }
    }
  }
  .hover\:bg-fuchsia-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-fuchsia-100);
      }
    }
  }
  .hover\:bg-fuchsia-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-fuchsia-200);
      }
    }
  }
  .hover\:bg-fuchsia-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-fuchsia-300);
      }
    }
  }
  .hover\:bg-fuchsia-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-fuchsia-400);
      }
    }
  }
  .hover\:bg-fuchsia-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-fuchsia-500);
      }
    }
  }
  .hover\:bg-fuchsia-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-fuchsia-600);
      }
    }
  }
  .hover\:bg-fuchsia-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-fuchsia-700);
      }
    }
  }
  .hover\:bg-fuchsia-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-fuchsia-800);
      }
    }
  }
  .hover\:bg-fuchsia-900 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-fuchsia-900);
      }
    }
  }
  .hover\:bg-fuchsia-950 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-fuchsia-950);
      }
    }
  }
  .hover\:bg-gray-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-50);
      }
    }
  }
  .hover\:bg-gray-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-100);
      }
    }
  }
  .hover\:bg-gray-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-200);
      }
    }
  }
  .hover\:bg-gray-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-300);
      }
    }
  }
  .hover\:bg-gray-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-400);
      }
    }
  }
  .hover\:bg-gray-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-500);
      }
    }
  }
  .hover\:bg-gray-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-600);
      }
    }
  }
  .hover\:bg-gray-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-700);
      }
    }
  }
  .hover\:bg-gray-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-800);
      }
    }
  }
  .hover\:bg-gray-900 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-900);
      }
    }
  }
  .hover\:bg-gray-950 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-950);
      }
    }
  }
  .hover\:bg-green-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-green-50);
      }
    }
  }
  .hover\:bg-green-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-green-100);
      }
    }
  }
  .hover\:bg-green-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-green-200);
      }
    }
  }
  .hover\:bg-green-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-green-300);
      }
    }
  }
  .hover\:bg-green-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-green-400);
      }
    }
  }
  .hover\:bg-green-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-green-500);
      }
    }
  }
  .hover\:bg-green-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-green-600);
      }
    }
  }
  .hover\:bg-green-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-green-700);
      }
    }
  }
  .hover\:bg-green-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-green-800);
      }
    }
  }
  .hover\:bg-green-900 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-green-900);
      }
    }
  }
  .hover\:bg-green-950 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-green-950);
      }
    }
  }
  .hover\:bg-indigo-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-indigo-50);
      }
    }
  }
  .hover\:bg-indigo-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-indigo-100);
      }
    }
  }
  .hover\:bg-indigo-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-indigo-200);
      }
    }
  }
  .hover\:bg-indigo-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-indigo-300);
      }
    }
  }
  .hover\:bg-indigo-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-indigo-400);
      }
    }
  }
  .hover\:bg-indigo-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-indigo-500);
      }
    }
  }
  .hover\:bg-indigo-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-indigo-600);
      }
    }
  }
  .hover\:bg-indigo-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-indigo-700);
      }
    }
  }
  .hover\:bg-indigo-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-indigo-800);
      }
    }
  }
  .hover\:bg-indigo-900 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-indigo-900);
      }
    }
  }
  .hover\:bg-indigo-950 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-indigo-950);
      }
    }
  }
  .hover\:bg-inherit {
    &:hover {
      @media (hover: hover) {
        background-color: inherit;
      }
    }
  }
  .hover\:bg-lime-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-lime-50);
      }
    }
  }
  .hover\:bg-lime-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-lime-100);
      }
    }
  }
  .hover\:bg-lime-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-lime-200);
      }
    }
  }
  .hover\:bg-lime-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-lime-300);
      }
    }
  }
  .hover\:bg-lime-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-lime-400);
      }
    }
  }
  .hover\:bg-lime-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-lime-500);
      }
    }
  }
  .hover\:bg-lime-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-lime-600);
      }
    }
  }
  .hover\:bg-lime-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-lime-700);
      }
    }
  }
  .hover\:bg-lime-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-lime-800);
      }
    }
  }
  .hover\:bg-lime-900 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-lime-900);
      }
    }
  }
  .hover\:bg-lime-950 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-lime-950);
      }
    }
  }
  .hover\:bg-neutral-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-neutral-50);
      }
    }
  }
  .hover\:bg-neutral-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-neutral-100);
      }
    }
  }
  .hover\:bg-neutral-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-neutral-200);
      }
    }
  }
  .hover\:bg-neutral-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-neutral-300);
      }
    }
  }
  .hover\:bg-neutral-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-neutral-400);
      }
    }
  }
  .hover\:bg-neutral-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-neutral-500);
      }
    }
  }
  .hover\:bg-neutral-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-neutral-600);
      }
    }
  }
  .hover\:bg-neutral-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-neutral-700);
      }
    }
  }
  .hover\:bg-neutral-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-neutral-800);
      }
    }
  }
  .hover\:bg-neutral-900 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-neutral-900);
      }
    }
  }
  .hover\:bg-neutral-950 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-neutral-950);
      }
    }
  }
  .hover\:bg-orange-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-orange-50);
      }
    }
  }
  .hover\:bg-orange-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-orange-100);
      }
    }
  }
  .hover\:bg-orange-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-orange-200);
      }
    }
  }
  .hover\:bg-orange-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-orange-300);
      }
    }
  }
  .hover\:bg-orange-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-orange-400);
      }
    }
  }
  .hover\:bg-orange-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-orange-500);
      }
    }
  }
  .hover\:bg-orange-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-orange-600);
      }
    }
  }
  .hover\:bg-orange-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-orange-700);
      }
    }
  }
  .hover\:bg-orange-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-orange-800);
      }
    }
  }
  .hover\:bg-orange-900 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-orange-900);
      }
    }
  }
  .hover\:bg-orange-950 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-orange-950);
      }
    }
  }
  .hover\:bg-pink-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-pink-50);
      }
    }
  }
  .hover\:bg-pink-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-pink-100);
      }
    }
  }
  .hover\:bg-pink-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-pink-200);
      }
    }
  }
  .hover\:bg-pink-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-pink-300);
      }
    }
  }
  .hover\:bg-pink-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-pink-400);
      }
    }
  }
  .hover\:bg-pink-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-pink-500);
      }
    }
  }
  .hover\:bg-pink-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-pink-600);
      }
    }
  }
  .hover\:bg-pink-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-pink-700);
      }
    }
  }
  .hover\:bg-pink-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-pink-800);
      }
    }
  }
  .hover\:bg-pink-900 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-pink-900);
      }
    }
  }
  .hover\:bg-pink-950 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-pink-950);
      }
    }
  }
  .hover\:bg-purple-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-purple-50);
      }
    }
  }
  .hover\:bg-purple-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-purple-100);
      }
    }
  }
  .hover\:bg-purple-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-purple-200);
      }
    }
  }
  .hover\:bg-purple-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-purple-300);
      }
    }
  }
  .hover\:bg-purple-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-purple-400);
      }
    }
  }
  .hover\:bg-purple-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-purple-500);
      }
    }
  }
  .hover\:bg-purple-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-purple-600);
      }
    }
  }
  .hover\:bg-purple-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-purple-700);
      }
    }
  }
  .hover\:bg-purple-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-purple-800);
      }
    }
  }
  .hover\:bg-purple-900 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-purple-900);
      }
    }
  }
  .hover\:bg-purple-950 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-purple-950);
      }
    }
  }
  .hover\:bg-red-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-50);
      }
    }
  }
  .hover\:bg-red-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-100);
      }
    }
  }
  .hover\:bg-red-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-200);
      }
    }
  }
  .hover\:bg-red-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-300);
      }
    }
  }
  .hover\:bg-red-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-400);
      }
    }
  }
  .hover\:bg-red-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-500);
      }
    }
  }
  .hover\:bg-red-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-600);
      }
    }
  }
  .hover\:bg-red-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-700);
      }
    }
  }
  .hover\:bg-red-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-800);
      }
    }
  }
  .hover\:bg-red-900 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-900);
      }
    }
  }
  .hover\:bg-red-950 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-950);
      }
    }
  }
  .hover\:bg-rose-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-rose-50);
      }
    }
  }
  .hover\:bg-rose-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-rose-100);
      }
    }
  }
  .hover\:bg-rose-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-rose-200);
      }
    }
  }
  .hover\:bg-rose-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-rose-300);
      }
    }
  }
  .hover\:bg-rose-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-rose-400);
      }
    }
  }
  .hover\:bg-rose-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-rose-500);
      }
    }
  }
  .hover\:bg-rose-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-rose-600);
      }
    }
  }
  .hover\:bg-rose-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-rose-700);
      }
    }
  }
  .hover\:bg-rose-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-rose-800);
      }
    }
  }
  .hover\:bg-rose-900 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-rose-900);
      }
    }
  }
  .hover\:bg-rose-950 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-rose-950);
      }
    }
  }
  .hover\:bg-sky-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-sky-50);
      }
    }
  }
  .hover\:bg-sky-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-sky-100);
      }
    }
  }
  .hover\:bg-sky-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-sky-200);
      }
    }
  }
  .hover\:bg-sky-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-sky-300);
      }
    }
  }
  .hover\:bg-sky-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-sky-400);
      }
    }
  }
  .hover\:bg-sky-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-sky-500);
      }
    }
  }
  .hover\:bg-sky-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-sky-600);
      }
    }
  }
  .hover\:bg-sky-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-sky-700);
      }
    }
  }
  .hover\:bg-sky-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-sky-800);
      }
    }
  }
  .hover\:bg-sky-900 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-sky-900);
      }
    }
  }
  .hover\:bg-sky-950 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-sky-950);
      }
    }
  }
  .hover\:bg-slate-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-50);
      }
    }
  }
  .hover\:bg-slate-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-100);
      }
    }
  }
  .hover\:bg-slate-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-200);
      }
    }
  }
  .hover\:bg-slate-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-300);
      }
    }
  }
  .hover\:bg-slate-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-400);
      }
    }
  }
  .hover\:bg-slate-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-500);
      }
    }
  }
  .hover\:bg-slate-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-600);
      }
    }
  }
  .hover\:bg-slate-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-700);
      }
    }
  }
  .hover\:bg-slate-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-800);
      }
    }
  }
  .hover\:bg-slate-900 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-900);
      }
    }
  }
  .hover\:bg-slate-950 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-950);
      }
    }
  }
  .hover\:bg-stone-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-stone-50);
      }
    }
  }
  .hover\:bg-stone-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-stone-100);
      }
    }
  }
  .hover\:bg-stone-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-stone-200);
      }
    }
  }
  .hover\:bg-stone-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-stone-300);
      }
    }
  }
  .hover\:bg-stone-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-stone-400);
      }
    }
  }
  .hover\:bg-stone-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-stone-500);
      }
    }
  }
  .hover\:bg-stone-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-stone-600);
      }
    }
  }
  .hover\:bg-stone-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-stone-700);
      }
    }
  }
  .hover\:bg-stone-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-stone-800);
      }
    }
  }
  .hover\:bg-stone-900 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-stone-900);
      }
    }
  }
  .hover\:bg-stone-950 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-stone-950);
      }
    }
  }
  .hover\:bg-teal-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-teal-50);
      }
    }
  }
  .hover\:bg-teal-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-teal-100);
      }
    }
  }
  .hover\:bg-teal-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-teal-200);
      }
    }
  }
  .hover\:bg-teal-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-teal-300);
      }
    }
  }
  .hover\:bg-teal-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-teal-400);
      }
    }
  }
  .hover\:bg-teal-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-teal-500);
      }
    }
  }
  .hover\:bg-teal-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-teal-600);
      }
    }
  }
  .hover\:bg-teal-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-teal-700);
      }
    }
  }
  .hover\:bg-teal-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-teal-800);
      }
    }
  }
  .hover\:bg-teal-900 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-teal-900);
      }
    }
  }
  .hover\:bg-teal-950 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-teal-950);
      }
    }
  }
  .hover\:bg-transparent {
    &:hover {
      @media (hover: hover) {
        background-color: transparent;
      }
    }
  }
  .hover\:bg-violet-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-violet-50);
      }
    }
  }
  .hover\:bg-violet-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-violet-100);
      }
    }
  }
  .hover\:bg-violet-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-violet-200);
      }
    }
  }
  .hover\:bg-violet-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-violet-300);
      }
    }
  }
  .hover\:bg-violet-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-violet-400);
      }
    }
  }
  .hover\:bg-violet-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-violet-500);
      }
    }
  }
  .hover\:bg-violet-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-violet-600);
      }
    }
  }
  .hover\:bg-violet-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-violet-700);
      }
    }
  }
  .hover\:bg-violet-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-violet-800);
      }
    }
  }
  .hover\:bg-violet-900 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-violet-900);
      }
    }
  }
  .hover\:bg-violet-950 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-violet-950);
      }
    }
  }
  .hover\:bg-white {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-white);
      }
    }
  }
  .hover\:bg-yellow-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-yellow-50);
      }
    }
  }
  .hover\:bg-yellow-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-yellow-100);
      }
    }
  }
  .hover\:bg-yellow-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-yellow-200);
      }
    }
  }
  .hover\:bg-yellow-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-yellow-300);
      }
    }
  }
  .hover\:bg-yellow-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-yellow-400);
      }
    }
  }
  .hover\:bg-yellow-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-yellow-500);
      }
    }
  }
  .hover\:bg-yellow-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-yellow-600);
      }
    }
  }
  .hover\:bg-yellow-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-yellow-700);
      }
    }
  }
  .hover\:bg-yellow-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-yellow-800);
      }
    }
  }
  .hover\:bg-yellow-900 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-yellow-900);
      }
    }
  }
  .hover\:bg-yellow-950 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-yellow-950);
      }
    }
  }
  .hover\:bg-zinc-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-zinc-50);
      }
    }
  }
  .hover\:bg-zinc-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-zinc-100);
      }
    }
  }
  .hover\:bg-zinc-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-zinc-200);
      }
    }
  }
  .hover\:bg-zinc-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-zinc-300);
      }
    }
  }
  .hover\:bg-zinc-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-zinc-400);
      }
    }
  }
  .hover\:bg-zinc-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-zinc-500);
      }
    }
  }
  .hover\:bg-zinc-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-zinc-600);
      }
    }
  }
  .hover\:bg-zinc-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-zinc-700);
      }
    }
  }
  .hover\:bg-zinc-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-zinc-800);
      }
    }
  }
  .hover\:bg-zinc-900 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-zinc-900);
      }
    }
  }
  .hover\:bg-zinc-950 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-zinc-950);
      }
    }
  }
  .hover\:from-amber-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-amber-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-amber-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-amber-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-amber-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-amber-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-amber-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-amber-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-amber-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-amber-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-amber-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-amber-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-amber-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-amber-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-amber-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-amber-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-amber-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-amber-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-amber-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-amber-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-amber-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-amber-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-blue-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-blue-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-blue-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-blue-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-blue-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-blue-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-blue-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-blue-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-blue-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-blue-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-blue-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-blue-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-blue-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-blue-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-blue-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-blue-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-blue-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-blue-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-blue-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-blue-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-blue-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-blue-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-cyan-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-cyan-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-cyan-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-cyan-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-cyan-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-cyan-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-cyan-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-cyan-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-cyan-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-cyan-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-cyan-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-cyan-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-cyan-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-cyan-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-cyan-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-cyan-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-cyan-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-cyan-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-cyan-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-cyan-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-cyan-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-cyan-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-emerald-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-emerald-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-emerald-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-emerald-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-emerald-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-emerald-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-emerald-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-emerald-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-emerald-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-emerald-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-emerald-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-emerald-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-emerald-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-emerald-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-emerald-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-emerald-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-emerald-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-emerald-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-emerald-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-emerald-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-emerald-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-emerald-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-fuchsia-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-fuchsia-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-fuchsia-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-fuchsia-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-fuchsia-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-fuchsia-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-fuchsia-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-fuchsia-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-fuchsia-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-fuchsia-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-fuchsia-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-fuchsia-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-fuchsia-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-fuchsia-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-fuchsia-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-fuchsia-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-fuchsia-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-fuchsia-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-fuchsia-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-fuchsia-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-fuchsia-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-fuchsia-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-gray-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-gray-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-gray-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-gray-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-gray-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-gray-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-gray-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-gray-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-gray-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-gray-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-gray-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-gray-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-gray-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-gray-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-gray-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-gray-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-gray-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-gray-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-gray-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-gray-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-gray-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-gray-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-green-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-green-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-green-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-green-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-green-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-green-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-green-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-green-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-green-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-green-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-green-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-green-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-green-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-green-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-green-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-green-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-green-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-green-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-green-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-green-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-green-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-green-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-indigo-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-indigo-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-indigo-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-indigo-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-indigo-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-indigo-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-indigo-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-indigo-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-indigo-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-indigo-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-indigo-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-indigo-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-indigo-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-indigo-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-indigo-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-indigo-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-indigo-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-indigo-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-indigo-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-indigo-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-indigo-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-indigo-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-lime-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-lime-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-lime-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-lime-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-lime-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-lime-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-lime-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-lime-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-lime-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-lime-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-lime-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-lime-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-lime-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-lime-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-lime-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-lime-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-lime-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-lime-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-lime-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-lime-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-lime-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-lime-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-neutral-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-neutral-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-neutral-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-neutral-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-neutral-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-neutral-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-neutral-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-neutral-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-neutral-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-neutral-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-neutral-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-neutral-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-neutral-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-neutral-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-neutral-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-neutral-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-neutral-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-neutral-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-neutral-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-neutral-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-neutral-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-neutral-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-orange-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-orange-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-orange-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-orange-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-orange-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-orange-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-orange-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-orange-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-orange-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-orange-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-orange-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-orange-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-orange-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-orange-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-orange-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-orange-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-orange-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-orange-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-orange-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-orange-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-orange-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-orange-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-pink-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-pink-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-pink-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-pink-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-pink-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-pink-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-pink-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-pink-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-pink-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-pink-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-pink-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-pink-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-pink-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-pink-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-pink-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-pink-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-pink-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-pink-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-pink-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-pink-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-pink-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-pink-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-purple-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-purple-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-purple-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-purple-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-purple-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-purple-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-purple-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-purple-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-purple-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-purple-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-purple-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-purple-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-purple-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-purple-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-purple-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-purple-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-purple-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-purple-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-purple-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-purple-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-purple-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-purple-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-red-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-red-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-red-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-red-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-red-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-red-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-red-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-red-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-red-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-red-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-red-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-red-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-red-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-red-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-red-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-red-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-red-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-red-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-red-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-red-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-red-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-red-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-rose-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-rose-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-rose-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-rose-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-rose-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-rose-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-rose-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-rose-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-rose-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-rose-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-rose-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-rose-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-rose-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-rose-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-rose-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-rose-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-rose-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-rose-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-rose-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-rose-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-rose-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-rose-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-sky-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-sky-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-sky-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-sky-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-sky-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-sky-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-sky-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-sky-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-sky-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-sky-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-sky-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-sky-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-sky-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-sky-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-sky-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-sky-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-sky-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-sky-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-sky-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-sky-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-sky-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-sky-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-slate-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-slate-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-slate-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-slate-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-slate-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-slate-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-slate-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-slate-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-slate-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-slate-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-slate-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-slate-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-slate-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-slate-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-slate-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-slate-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-slate-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-slate-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-slate-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-slate-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-slate-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-slate-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-stone-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-stone-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-stone-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-stone-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-stone-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-stone-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-stone-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-stone-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-stone-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-stone-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-stone-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-stone-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-stone-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-stone-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-stone-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-stone-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-stone-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-stone-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-stone-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-stone-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-stone-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-stone-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-teal-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-teal-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-teal-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-teal-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-teal-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-teal-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-teal-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-teal-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-teal-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-teal-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-teal-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-teal-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-teal-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-teal-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-teal-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-teal-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-teal-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-teal-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-teal-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-teal-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-teal-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-teal-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-violet-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-violet-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-violet-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-violet-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-violet-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-violet-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-violet-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-violet-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-violet-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-violet-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-violet-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-violet-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-violet-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-violet-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-violet-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-violet-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-violet-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-violet-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-violet-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-violet-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-violet-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-violet-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-yellow-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-yellow-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-yellow-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-yellow-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-yellow-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-yellow-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-yellow-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-yellow-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-yellow-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-yellow-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-yellow-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-yellow-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-yellow-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-yellow-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-yellow-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-yellow-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-yellow-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-yellow-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-yellow-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-yellow-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-yellow-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-yellow-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-zinc-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-zinc-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-zinc-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-zinc-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-zinc-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-zinc-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-zinc-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-zinc-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-zinc-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-zinc-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-zinc-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-zinc-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-zinc-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-zinc-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-zinc-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-zinc-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-zinc-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-zinc-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-zinc-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-zinc-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-zinc-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-zinc-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:via-amber-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-amber-50);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-amber-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-amber-100);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-amber-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-amber-200);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-amber-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-amber-300);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-amber-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-amber-400);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-amber-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-amber-500);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-amber-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-amber-600);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-amber-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-amber-700);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-amber-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-amber-800);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-amber-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-amber-900);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-amber-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-amber-950);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-blue-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-blue-50);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-blue-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-blue-100);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-blue-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-blue-200);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-blue-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-blue-300);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-blue-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-blue-400);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-blue-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-blue-500);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-blue-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-blue-600);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-blue-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-blue-700);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-blue-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-blue-800);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-blue-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-blue-900);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-blue-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-blue-950);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-cyan-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-cyan-50);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-cyan-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-cyan-100);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-cyan-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-cyan-200);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-cyan-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-cyan-300);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-cyan-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-cyan-400);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-cyan-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-cyan-500);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-cyan-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-cyan-600);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-cyan-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-cyan-700);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-cyan-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-cyan-800);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-cyan-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-cyan-900);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-cyan-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-cyan-950);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-emerald-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-emerald-50);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-emerald-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-emerald-100);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-emerald-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-emerald-200);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-emerald-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-emerald-300);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-emerald-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-emerald-400);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-emerald-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-emerald-500);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-emerald-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-emerald-600);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-emerald-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-emerald-700);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-emerald-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-emerald-800);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-emerald-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-emerald-900);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-emerald-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-emerald-950);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-fuchsia-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-fuchsia-50);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-fuchsia-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-fuchsia-100);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-fuchsia-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-fuchsia-200);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-fuchsia-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-fuchsia-300);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-fuchsia-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-fuchsia-400);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-fuchsia-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-fuchsia-500);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-fuchsia-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-fuchsia-600);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-fuchsia-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-fuchsia-700);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-fuchsia-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-fuchsia-800);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-fuchsia-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-fuchsia-900);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-fuchsia-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-fuchsia-950);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-gray-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-gray-50);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-gray-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-gray-100);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-gray-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-gray-200);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-gray-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-gray-300);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-gray-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-gray-400);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-gray-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-gray-500);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-gray-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-gray-600);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-gray-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-gray-700);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-gray-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-gray-800);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-gray-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-gray-900);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-gray-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-gray-950);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-green-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-green-50);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-green-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-green-100);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-green-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-green-200);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-green-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-green-300);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-green-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-green-400);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-green-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-green-500);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-green-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-green-600);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-green-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-green-700);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-green-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-green-800);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-green-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-green-900);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-green-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-green-950);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-indigo-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-indigo-50);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-indigo-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-indigo-100);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-indigo-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-indigo-200);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-indigo-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-indigo-300);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-indigo-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-indigo-400);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-indigo-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-indigo-500);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-indigo-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-indigo-600);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-indigo-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-indigo-700);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-indigo-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-indigo-800);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-indigo-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-indigo-900);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-indigo-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-indigo-950);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-lime-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-lime-50);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-lime-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-lime-100);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-lime-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-lime-200);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-lime-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-lime-300);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-lime-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-lime-400);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-lime-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-lime-500);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-lime-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-lime-600);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-lime-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-lime-700);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-lime-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-lime-800);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-lime-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-lime-900);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-lime-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-lime-950);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-neutral-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-neutral-50);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-neutral-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-neutral-100);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-neutral-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-neutral-200);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-neutral-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-neutral-300);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-neutral-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-neutral-400);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-neutral-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-neutral-500);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-neutral-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-neutral-600);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-neutral-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-neutral-700);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-neutral-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-neutral-800);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-neutral-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-neutral-900);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-neutral-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-neutral-950);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-orange-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-orange-50);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-orange-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-orange-100);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-orange-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-orange-200);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-orange-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-orange-300);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-orange-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-orange-400);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-orange-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-orange-500);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-orange-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-orange-600);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-orange-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-orange-700);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-orange-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-orange-800);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-orange-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-orange-900);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-orange-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-orange-950);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-pink-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-pink-50);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-pink-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-pink-100);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-pink-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-pink-200);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-pink-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-pink-300);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-pink-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-pink-400);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-pink-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-pink-500);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-pink-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-pink-600);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-pink-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-pink-700);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-pink-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-pink-800);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-pink-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-pink-900);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-pink-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-pink-950);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-purple-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-purple-50);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-purple-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-purple-100);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-purple-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-purple-200);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-purple-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-purple-300);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-purple-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-purple-400);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-purple-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-purple-500);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-purple-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-purple-600);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-purple-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-purple-700);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-purple-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-purple-800);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-purple-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-purple-900);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-purple-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-purple-950);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-red-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-red-50);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-red-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-red-100);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-red-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-red-200);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-red-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-red-300);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-red-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-red-400);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-red-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-red-500);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-red-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-red-600);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-red-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-red-700);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-red-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-red-800);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-red-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-red-900);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-red-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-red-950);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-rose-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-rose-50);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-rose-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-rose-100);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-rose-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-rose-200);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-rose-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-rose-300);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-rose-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-rose-400);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-rose-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-rose-500);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-rose-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-rose-600);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-rose-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-rose-700);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-rose-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-rose-800);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-rose-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-rose-900);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-rose-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-rose-950);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-sky-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-sky-50);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-sky-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-sky-100);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-sky-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-sky-200);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-sky-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-sky-300);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-sky-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-sky-400);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-sky-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-sky-500);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-sky-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-sky-600);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-sky-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-sky-700);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-sky-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-sky-800);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-sky-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-sky-900);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-sky-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-sky-950);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-slate-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-slate-50);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-slate-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-slate-100);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-slate-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-slate-200);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-slate-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-slate-300);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-slate-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-slate-400);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-slate-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-slate-500);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-slate-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-slate-600);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-slate-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-slate-700);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-slate-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-slate-800);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-slate-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-slate-900);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-slate-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-slate-950);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-stone-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-stone-50);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-stone-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-stone-100);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-stone-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-stone-200);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-stone-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-stone-300);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-stone-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-stone-400);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-stone-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-stone-500);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-stone-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-stone-600);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-stone-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-stone-700);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-stone-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-stone-800);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-stone-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-stone-900);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-stone-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-stone-950);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-teal-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-teal-50);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-teal-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-teal-100);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-teal-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-teal-200);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-teal-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-teal-300);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-teal-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-teal-400);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-teal-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-teal-500);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-teal-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-teal-600);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-teal-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-teal-700);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-teal-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-teal-800);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-teal-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-teal-900);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-teal-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-teal-950);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-violet-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-violet-50);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-violet-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-violet-100);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-violet-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-violet-200);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-violet-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-violet-300);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-violet-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-violet-400);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-violet-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-violet-500);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-violet-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-violet-600);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-violet-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-violet-700);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-violet-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-violet-800);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-violet-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-violet-900);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-violet-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-violet-950);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-yellow-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-yellow-50);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-yellow-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-yellow-100);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-yellow-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-yellow-200);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-yellow-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-yellow-300);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-yellow-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-yellow-400);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-yellow-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-yellow-500);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-yellow-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-yellow-600);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-yellow-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-yellow-700);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-yellow-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-yellow-800);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-yellow-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-yellow-900);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-yellow-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-yellow-950);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-zinc-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-zinc-50);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-zinc-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-zinc-100);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-zinc-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-zinc-200);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-zinc-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-zinc-300);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-zinc-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-zinc-400);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-zinc-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-zinc-500);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-zinc-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-zinc-600);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-zinc-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-zinc-700);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-zinc-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-zinc-800);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-zinc-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-zinc-900);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:via-zinc-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-via: var(--color-zinc-950);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
      }
    }
  }
  .hover\:to-amber-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-amber-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-amber-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-amber-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-amber-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-amber-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-amber-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-amber-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-amber-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-amber-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-amber-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-amber-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-amber-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-amber-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-amber-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-amber-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-amber-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-amber-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-amber-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-amber-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-amber-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-amber-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-blue-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-blue-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-blue-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-blue-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-blue-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-blue-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-blue-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-blue-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-blue-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-blue-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-blue-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-blue-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-blue-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-blue-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-blue-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-blue-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-blue-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-blue-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-blue-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-blue-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-blue-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-blue-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-cyan-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-cyan-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-cyan-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-cyan-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-cyan-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-cyan-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-cyan-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-cyan-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-cyan-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-cyan-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-cyan-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-cyan-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-cyan-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-cyan-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-cyan-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-cyan-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-cyan-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-cyan-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-cyan-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-cyan-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-cyan-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-cyan-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-emerald-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-emerald-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-emerald-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-emerald-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-emerald-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-emerald-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-emerald-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-emerald-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-emerald-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-emerald-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-emerald-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-emerald-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-emerald-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-emerald-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-emerald-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-emerald-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-emerald-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-emerald-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-emerald-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-emerald-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-emerald-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-emerald-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-fuchsia-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-fuchsia-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-fuchsia-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-fuchsia-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-fuchsia-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-fuchsia-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-fuchsia-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-fuchsia-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-fuchsia-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-fuchsia-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-fuchsia-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-fuchsia-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-fuchsia-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-fuchsia-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-fuchsia-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-fuchsia-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-fuchsia-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-fuchsia-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-fuchsia-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-fuchsia-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-fuchsia-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-fuchsia-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-gray-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-gray-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-gray-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-gray-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-gray-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-gray-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-gray-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-gray-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-gray-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-gray-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-gray-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-gray-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-gray-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-gray-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-gray-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-gray-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-gray-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-gray-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-gray-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-gray-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-gray-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-gray-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-green-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-green-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-green-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-green-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-green-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-green-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-green-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-green-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-green-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-green-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-green-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-green-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-green-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-green-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-green-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-green-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-green-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-green-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-green-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-green-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-green-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-green-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-indigo-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-indigo-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-indigo-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-indigo-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-indigo-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-indigo-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-indigo-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-indigo-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-indigo-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-indigo-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-indigo-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-indigo-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-indigo-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-indigo-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-indigo-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-indigo-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-indigo-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-indigo-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-indigo-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-indigo-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-indigo-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-indigo-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-lime-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-lime-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-lime-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-lime-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-lime-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-lime-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-lime-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-lime-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-lime-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-lime-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-lime-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-lime-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-lime-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-lime-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-lime-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-lime-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-lime-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-lime-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-lime-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-lime-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-lime-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-lime-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-neutral-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-neutral-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-neutral-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-neutral-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-neutral-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-neutral-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-neutral-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-neutral-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-neutral-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-neutral-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-neutral-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-neutral-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-neutral-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-neutral-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-neutral-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-neutral-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-neutral-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-neutral-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-neutral-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-neutral-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-neutral-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-neutral-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-orange-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-orange-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-orange-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-orange-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-orange-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-orange-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-orange-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-orange-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-orange-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-orange-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-orange-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-orange-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-orange-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-orange-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-orange-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-orange-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-orange-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-orange-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-orange-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-orange-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-orange-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-orange-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-pink-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-pink-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-pink-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-pink-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-pink-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-pink-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-pink-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-pink-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-pink-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-pink-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-pink-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-pink-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-pink-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-pink-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-pink-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-pink-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-pink-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-pink-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-pink-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-pink-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-pink-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-pink-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-purple-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-purple-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-purple-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-purple-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-purple-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-purple-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-purple-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-purple-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-purple-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-purple-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-purple-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-purple-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-purple-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-purple-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-purple-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-purple-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-purple-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-purple-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-purple-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-purple-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-purple-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-purple-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-red-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-red-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-red-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-red-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-red-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-red-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-red-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-red-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-red-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-red-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-red-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-red-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-red-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-red-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-red-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-red-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-red-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-red-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-red-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-red-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-red-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-red-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-rose-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-rose-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-rose-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-rose-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-rose-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-rose-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-rose-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-rose-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-rose-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-rose-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-rose-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-rose-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-rose-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-rose-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-rose-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-rose-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-rose-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-rose-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-rose-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-rose-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-rose-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-rose-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-sky-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-sky-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-sky-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-sky-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-sky-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-sky-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-sky-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-sky-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-sky-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-sky-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-sky-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-sky-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-sky-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-sky-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-sky-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-sky-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-sky-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-sky-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-sky-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-sky-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-sky-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-sky-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-slate-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-slate-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-slate-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-slate-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-slate-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-slate-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-slate-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-slate-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-slate-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-slate-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-slate-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-slate-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-slate-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-slate-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-slate-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-slate-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-slate-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-slate-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-slate-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-slate-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-slate-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-slate-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-stone-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-stone-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-stone-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-stone-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-stone-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-stone-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-stone-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-stone-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-stone-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-stone-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-stone-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-stone-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-stone-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-stone-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-stone-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-stone-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-stone-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-stone-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-stone-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-stone-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-stone-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-stone-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-teal-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-teal-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-teal-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-teal-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-teal-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-teal-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-teal-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-teal-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-teal-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-teal-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-teal-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-teal-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-teal-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-teal-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-teal-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-teal-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-teal-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-teal-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-teal-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-teal-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-teal-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-teal-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-violet-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-violet-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-violet-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-violet-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-violet-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-violet-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-violet-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-violet-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-violet-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-violet-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-violet-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-violet-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-violet-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-violet-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-violet-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-violet-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-violet-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-violet-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-violet-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-violet-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-violet-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-violet-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-yellow-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-yellow-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-yellow-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-yellow-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-yellow-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-yellow-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-yellow-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-yellow-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-yellow-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-yellow-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-yellow-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-yellow-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-yellow-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-yellow-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-yellow-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-yellow-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-yellow-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-yellow-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-yellow-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-yellow-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-yellow-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-yellow-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-zinc-50 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-zinc-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-zinc-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-zinc-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-zinc-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-zinc-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-zinc-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-zinc-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-zinc-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-zinc-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-zinc-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-zinc-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-zinc-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-zinc-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-zinc-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-zinc-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-zinc-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-zinc-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-zinc-900 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-zinc-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-zinc-950 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-zinc-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:text-amber-50 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-amber-50);
      }
    }
  }
  .hover\:text-amber-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-amber-100);
      }
    }
  }
  .hover\:text-amber-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-amber-200);
      }
    }
  }
  .hover\:text-amber-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-amber-300);
      }
    }
  }
  .hover\:text-amber-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-amber-400);
      }
    }
  }
  .hover\:text-amber-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-amber-500);
      }
    }
  }
  .hover\:text-amber-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-amber-600);
      }
    }
  }
  .hover\:text-amber-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-amber-700);
      }
    }
  }
  .hover\:text-amber-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-amber-800);
      }
    }
  }
  .hover\:text-amber-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-amber-900);
      }
    }
  }
  .hover\:text-amber-950 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-amber-950);
      }
    }
  }
  .hover\:text-black {
    &:hover {
      @media (hover: hover) {
        color: var(--color-black);
      }
    }
  }
  .hover\:text-blue-50 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-50);
      }
    }
  }
  .hover\:text-blue-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-100);
      }
    }
  }
  .hover\:text-blue-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-200);
      }
    }
  }
  .hover\:text-blue-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-300);
      }
    }
  }
  .hover\:text-blue-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-400);
      }
    }
  }
  .hover\:text-blue-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-500);
      }
    }
  }
  .hover\:text-blue-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-600);
      }
    }
  }
  .hover\:text-blue-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-700);
      }
    }
  }
  .hover\:text-blue-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-800);
      }
    }
  }
  .hover\:text-blue-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-900);
      }
    }
  }
  .hover\:text-blue-950 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-950);
      }
    }
  }
  .hover\:text-current {
    &:hover {
      @media (hover: hover) {
        color: currentcolor;
      }
    }
  }
  .hover\:text-cyan-50 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-cyan-50);
      }
    }
  }
  .hover\:text-cyan-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-cyan-100);
      }
    }
  }
  .hover\:text-cyan-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-cyan-200);
      }
    }
  }
  .hover\:text-cyan-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-cyan-300);
      }
    }
  }
  .hover\:text-cyan-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-cyan-400);
      }
    }
  }
  .hover\:text-cyan-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-cyan-500);
      }
    }
  }
  .hover\:text-cyan-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-cyan-600);
      }
    }
  }
  .hover\:text-cyan-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-cyan-700);
      }
    }
  }
  .hover\:text-cyan-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-cyan-800);
      }
    }
  }
  .hover\:text-cyan-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-cyan-900);
      }
    }
  }
  .hover\:text-cyan-950 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-cyan-950);
      }
    }
  }
  .hover\:text-emerald-50 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-emerald-50);
      }
    }
  }
  .hover\:text-emerald-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-emerald-100);
      }
    }
  }
  .hover\:text-emerald-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-emerald-200);
      }
    }
  }
  .hover\:text-emerald-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-emerald-300);
      }
    }
  }
  .hover\:text-emerald-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-emerald-400);
      }
    }
  }
  .hover\:text-emerald-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-emerald-500);
      }
    }
  }
  .hover\:text-emerald-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-emerald-600);
      }
    }
  }
  .hover\:text-emerald-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-emerald-700);
      }
    }
  }
  .hover\:text-emerald-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-emerald-800);
      }
    }
  }
  .hover\:text-emerald-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-emerald-900);
      }
    }
  }
  .hover\:text-emerald-950 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-emerald-950);
      }
    }
  }
  .hover\:text-fuchsia-50 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-fuchsia-50);
      }
    }
  }
  .hover\:text-fuchsia-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-fuchsia-100);
      }
    }
  }
  .hover\:text-fuchsia-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-fuchsia-200);
      }
    }
  }
  .hover\:text-fuchsia-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-fuchsia-300);
      }
    }
  }
  .hover\:text-fuchsia-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-fuchsia-400);
      }
    }
  }
  .hover\:text-fuchsia-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-fuchsia-500);
      }
    }
  }
  .hover\:text-fuchsia-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-fuchsia-600);
      }
    }
  }
  .hover\:text-fuchsia-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-fuchsia-700);
      }
    }
  }
  .hover\:text-fuchsia-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-fuchsia-800);
      }
    }
  }
  .hover\:text-fuchsia-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-fuchsia-900);
      }
    }
  }
  .hover\:text-fuchsia-950 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-fuchsia-950);
      }
    }
  }
  .hover\:text-gray-50 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-50);
      }
    }
  }
  .hover\:text-gray-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-100);
      }
    }
  }
  .hover\:text-gray-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-200);
      }
    }
  }
  .hover\:text-gray-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-300);
      }
    }
  }
  .hover\:text-gray-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-400);
      }
    }
  }
  .hover\:text-gray-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-500);
      }
    }
  }
  .hover\:text-gray-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-600);
      }
    }
  }
  .hover\:text-gray-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-700);
      }
    }
  }
  .hover\:text-gray-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-800);
      }
    }
  }
  .hover\:text-gray-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-900);
      }
    }
  }
  .hover\:text-gray-950 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-950);
      }
    }
  }
  .hover\:text-green-50 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-green-50);
      }
    }
  }
  .hover\:text-green-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-green-100);
      }
    }
  }
  .hover\:text-green-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-green-200);
      }
    }
  }
  .hover\:text-green-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-green-300);
      }
    }
  }
  .hover\:text-green-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-green-400);
      }
    }
  }
  .hover\:text-green-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-green-500);
      }
    }
  }
  .hover\:text-green-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-green-600);
      }
    }
  }
  .hover\:text-green-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-green-700);
      }
    }
  }
  .hover\:text-green-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-green-800);
      }
    }
  }
  .hover\:text-green-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-green-900);
      }
    }
  }
  .hover\:text-green-950 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-green-950);
      }
    }
  }
  .hover\:text-indigo-50 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-indigo-50);
      }
    }
  }
  .hover\:text-indigo-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-indigo-100);
      }
    }
  }
  .hover\:text-indigo-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-indigo-200);
      }
    }
  }
  .hover\:text-indigo-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-indigo-300);
      }
    }
  }
  .hover\:text-indigo-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-indigo-400);
      }
    }
  }
  .hover\:text-indigo-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-indigo-500);
      }
    }
  }
  .hover\:text-indigo-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-indigo-600);
      }
    }
  }
  .hover\:text-indigo-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-indigo-700);
      }
    }
  }
  .hover\:text-indigo-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-indigo-800);
      }
    }
  }
  .hover\:text-indigo-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-indigo-900);
      }
    }
  }
  .hover\:text-indigo-950 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-indigo-950);
      }
    }
  }
  .hover\:text-inherit {
    &:hover {
      @media (hover: hover) {
        color: inherit;
      }
    }
  }
  .hover\:text-lime-50 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-lime-50);
      }
    }
  }
  .hover\:text-lime-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-lime-100);
      }
    }
  }
  .hover\:text-lime-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-lime-200);
      }
    }
  }
  .hover\:text-lime-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-lime-300);
      }
    }
  }
  .hover\:text-lime-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-lime-400);
      }
    }
  }
  .hover\:text-lime-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-lime-500);
      }
    }
  }
  .hover\:text-lime-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-lime-600);
      }
    }
  }
  .hover\:text-lime-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-lime-700);
      }
    }
  }
  .hover\:text-lime-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-lime-800);
      }
    }
  }
  .hover\:text-lime-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-lime-900);
      }
    }
  }
  .hover\:text-lime-950 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-lime-950);
      }
    }
  }
  .hover\:text-neutral-50 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-neutral-50);
      }
    }
  }
  .hover\:text-neutral-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-neutral-100);
      }
    }
  }
  .hover\:text-neutral-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-neutral-200);
      }
    }
  }
  .hover\:text-neutral-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-neutral-300);
      }
    }
  }
  .hover\:text-neutral-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-neutral-400);
      }
    }
  }
  .hover\:text-neutral-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-neutral-500);
      }
    }
  }
  .hover\:text-neutral-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-neutral-600);
      }
    }
  }
  .hover\:text-neutral-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-neutral-700);
      }
    }
  }
  .hover\:text-neutral-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-neutral-800);
      }
    }
  }
  .hover\:text-neutral-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-neutral-900);
      }
    }
  }
  .hover\:text-neutral-950 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-neutral-950);
      }
    }
  }
  .hover\:text-orange-50 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-orange-50);
      }
    }
  }
  .hover\:text-orange-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-orange-100);
      }
    }
  }
  .hover\:text-orange-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-orange-200);
      }
    }
  }
  .hover\:text-orange-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-orange-300);
      }
    }
  }
  .hover\:text-orange-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-orange-400);
      }
    }
  }
  .hover\:text-orange-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-orange-500);
      }
    }
  }
  .hover\:text-orange-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-orange-600);
      }
    }
  }
  .hover\:text-orange-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-orange-700);
      }
    }
  }
  .hover\:text-orange-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-orange-800);
      }
    }
  }
  .hover\:text-orange-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-orange-900);
      }
    }
  }
  .hover\:text-orange-950 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-orange-950);
      }
    }
  }
  .hover\:text-pink-50 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-pink-50);
      }
    }
  }
  .hover\:text-pink-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-pink-100);
      }
    }
  }
  .hover\:text-pink-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-pink-200);
      }
    }
  }
  .hover\:text-pink-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-pink-300);
      }
    }
  }
  .hover\:text-pink-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-pink-400);
      }
    }
  }
  .hover\:text-pink-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-pink-500);
      }
    }
  }
  .hover\:text-pink-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-pink-600);
      }
    }
  }
  .hover\:text-pink-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-pink-700);
      }
    }
  }
  .hover\:text-pink-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-pink-800);
      }
    }
  }
  .hover\:text-pink-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-pink-900);
      }
    }
  }
  .hover\:text-pink-950 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-pink-950);
      }
    }
  }
  .hover\:text-purple-50 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-purple-50);
      }
    }
  }
  .hover\:text-purple-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-purple-100);
      }
    }
  }
  .hover\:text-purple-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-purple-200);
      }
    }
  }
  .hover\:text-purple-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-purple-300);
      }
    }
  }
  .hover\:text-purple-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-purple-400);
      }
    }
  }
  .hover\:text-purple-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-purple-500);
      }
    }
  }
  .hover\:text-purple-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-purple-600);
      }
    }
  }
  .hover\:text-purple-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-purple-700);
      }
    }
  }
  .hover\:text-purple-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-purple-800);
      }
    }
  }
  .hover\:text-purple-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-purple-900);
      }
    }
  }
  .hover\:text-purple-950 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-purple-950);
      }
    }
  }
  .hover\:text-red-50 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-50);
      }
    }
  }
  .hover\:text-red-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-100);
      }
    }
  }
  .hover\:text-red-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-200);
      }
    }
  }
  .hover\:text-red-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-300);
      }
    }
  }
  .hover\:text-red-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-400);
      }
    }
  }
  .hover\:text-red-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-500);
      }
    }
  }
  .hover\:text-red-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-600);
      }
    }
  }
  .hover\:text-red-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-700);
      }
    }
  }
  .hover\:text-red-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-800);
      }
    }
  }
  .hover\:text-red-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-900);
      }
    }
  }
  .hover\:text-red-950 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-950);
      }
    }
  }
  .hover\:text-rose-50 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-rose-50);
      }
    }
  }
  .hover\:text-rose-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-rose-100);
      }
    }
  }
  .hover\:text-rose-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-rose-200);
      }
    }
  }
  .hover\:text-rose-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-rose-300);
      }
    }
  }
  .hover\:text-rose-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-rose-400);
      }
    }
  }
  .hover\:text-rose-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-rose-500);
      }
    }
  }
  .hover\:text-rose-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-rose-600);
      }
    }
  }
  .hover\:text-rose-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-rose-700);
      }
    }
  }
  .hover\:text-rose-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-rose-800);
      }
    }
  }
  .hover\:text-rose-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-rose-900);
      }
    }
  }
  .hover\:text-rose-950 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-rose-950);
      }
    }
  }
  .hover\:text-sky-50 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-sky-50);
      }
    }
  }
  .hover\:text-sky-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-sky-100);
      }
    }
  }
  .hover\:text-sky-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-sky-200);
      }
    }
  }
  .hover\:text-sky-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-sky-300);
      }
    }
  }
  .hover\:text-sky-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-sky-400);
      }
    }
  }
  .hover\:text-sky-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-sky-500);
      }
    }
  }
  .hover\:text-sky-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-sky-600);
      }
    }
  }
  .hover\:text-sky-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-sky-700);
      }
    }
  }
  .hover\:text-sky-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-sky-800);
      }
    }
  }
  .hover\:text-sky-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-sky-900);
      }
    }
  }
  .hover\:text-sky-950 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-sky-950);
      }
    }
  }
  .hover\:text-slate-50 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-50);
      }
    }
  }
  .hover\:text-slate-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-100);
      }
    }
  }
  .hover\:text-slate-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-200);
      }
    }
  }
  .hover\:text-slate-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-300);
      }
    }
  }
  .hover\:text-slate-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-400);
      }
    }
  }
  .hover\:text-slate-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-500);
      }
    }
  }
  .hover\:text-slate-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-600);
      }
    }
  }
  .hover\:text-slate-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-700);
      }
    }
  }
  .hover\:text-slate-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-800);
      }
    }
  }
  .hover\:text-slate-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-900);
      }
    }
  }
  .hover\:text-slate-950 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-950);
      }
    }
  }
  .hover\:text-stone-50 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-stone-50);
      }
    }
  }
  .hover\:text-stone-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-stone-100);
      }
    }
  }
  .hover\:text-stone-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-stone-200);
      }
    }
  }
  .hover\:text-stone-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-stone-300);
      }
    }
  }
  .hover\:text-stone-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-stone-400);
      }
    }
  }
  .hover\:text-stone-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-stone-500);
      }
    }
  }
  .hover\:text-stone-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-stone-600);
      }
    }
  }
  .hover\:text-stone-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-stone-700);
      }
    }
  }
  .hover\:text-stone-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-stone-800);
      }
    }
  }
  .hover\:text-stone-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-stone-900);
      }
    }
  }
  .hover\:text-stone-950 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-stone-950);
      }
    }
  }
  .hover\:text-teal-50 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-teal-50);
      }
    }
  }
  .hover\:text-teal-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-teal-100);
      }
    }
  }
  .hover\:text-teal-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-teal-200);
      }
    }
  }
  .hover\:text-teal-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-teal-300);
      }
    }
  }
  .hover\:text-teal-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-teal-400);
      }
    }
  }
  .hover\:text-teal-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-teal-500);
      }
    }
  }
  .hover\:text-teal-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-teal-600);
      }
    }
  }
  .hover\:text-teal-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-teal-700);
      }
    }
  }
  .hover\:text-teal-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-teal-800);
      }
    }
  }
  .hover\:text-teal-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-teal-900);
      }
    }
  }
  .hover\:text-teal-950 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-teal-950);
      }
    }
  }
  .hover\:text-transparent {
    &:hover {
      @media (hover: hover) {
        color: transparent;
      }
    }
  }
  .hover\:text-violet-50 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-violet-50);
      }
    }
  }
  .hover\:text-violet-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-violet-100);
      }
    }
  }
  .hover\:text-violet-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-violet-200);
      }
    }
  }
  .hover\:text-violet-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-violet-300);
      }
    }
  }
  .hover\:text-violet-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-violet-400);
      }
    }
  }
  .hover\:text-violet-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-violet-500);
      }
    }
  }
  .hover\:text-violet-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-violet-600);
      }
    }
  }
  .hover\:text-violet-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-violet-700);
      }
    }
  }
  .hover\:text-violet-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-violet-800);
      }
    }
  }
  .hover\:text-violet-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-violet-900);
      }
    }
  }
  .hover\:text-violet-950 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-violet-950);
      }
    }
  }
  .hover\:text-white {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .hover\:text-yellow-50 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-yellow-50);
      }
    }
  }
  .hover\:text-yellow-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-yellow-100);
      }
    }
  }
  .hover\:text-yellow-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-yellow-200);
      }
    }
  }
  .hover\:text-yellow-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-yellow-300);
      }
    }
  }
  .hover\:text-yellow-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-yellow-400);
      }
    }
  }
  .hover\:text-yellow-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-yellow-500);
      }
    }
  }
  .hover\:text-yellow-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-yellow-600);
      }
    }
  }
  .hover\:text-yellow-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-yellow-700);
      }
    }
  }
  .hover\:text-yellow-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-yellow-800);
      }
    }
  }
  .hover\:text-yellow-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-yellow-900);
      }
    }
  }
  .hover\:text-yellow-950 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-yellow-950);
      }
    }
  }
  .hover\:text-zinc-50 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-zinc-50);
      }
    }
  }
  .hover\:text-zinc-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-zinc-100);
      }
    }
  }
  .hover\:text-zinc-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-zinc-200);
      }
    }
  }
  .hover\:text-zinc-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-zinc-300);
      }
    }
  }
  .hover\:text-zinc-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-zinc-400);
      }
    }
  }
  .hover\:text-zinc-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-zinc-500);
      }
    }
  }
  .hover\:text-zinc-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-zinc-600);
      }
    }
  }
  .hover\:text-zinc-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-zinc-700);
      }
    }
  }
  .hover\:text-zinc-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-zinc-800);
      }
    }
  }
  .hover\:text-zinc-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-zinc-900);
      }
    }
  }
  .hover\:text-zinc-950 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-zinc-950);
      }
    }
  }
  .hover\:ring-amber-50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-amber-50);
      }
    }
  }
  .hover\:ring-amber-100 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-amber-100);
      }
    }
  }
  .hover\:ring-amber-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-amber-200);
      }
    }
  }
  .hover\:ring-amber-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-amber-300);
      }
    }
  }
  .hover\:ring-amber-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-amber-400);
      }
    }
  }
  .hover\:ring-amber-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-amber-500);
      }
    }
  }
  .hover\:ring-amber-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-amber-600);
      }
    }
  }
  .hover\:ring-amber-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-amber-700);
      }
    }
  }
  .hover\:ring-amber-800 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-amber-800);
      }
    }
  }
  .hover\:ring-amber-900 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-amber-900);
      }
    }
  }
  .hover\:ring-amber-950 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-amber-950);
      }
    }
  }
  .hover\:ring-blue-50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-blue-50);
      }
    }
  }
  .hover\:ring-blue-100 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-blue-100);
      }
    }
  }
  .hover\:ring-blue-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-blue-200);
      }
    }
  }
  .hover\:ring-blue-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-blue-300);
      }
    }
  }
  .hover\:ring-blue-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-blue-400);
      }
    }
  }
  .hover\:ring-blue-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-blue-500);
      }
    }
  }
  .hover\:ring-blue-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-blue-600);
      }
    }
  }
  .hover\:ring-blue-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-blue-700);
      }
    }
  }
  .hover\:ring-blue-800 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-blue-800);
      }
    }
  }
  .hover\:ring-blue-900 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-blue-900);
      }
    }
  }
  .hover\:ring-blue-950 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-blue-950);
      }
    }
  }
  .hover\:ring-cyan-50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-cyan-50);
      }
    }
  }
  .hover\:ring-cyan-100 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-cyan-100);
      }
    }
  }
  .hover\:ring-cyan-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-cyan-200);
      }
    }
  }
  .hover\:ring-cyan-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-cyan-300);
      }
    }
  }
  .hover\:ring-cyan-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-cyan-400);
      }
    }
  }
  .hover\:ring-cyan-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-cyan-500);
      }
    }
  }
  .hover\:ring-cyan-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-cyan-600);
      }
    }
  }
  .hover\:ring-cyan-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-cyan-700);
      }
    }
  }
  .hover\:ring-cyan-800 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-cyan-800);
      }
    }
  }
  .hover\:ring-cyan-900 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-cyan-900);
      }
    }
  }
  .hover\:ring-cyan-950 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-cyan-950);
      }
    }
  }
  .hover\:ring-emerald-50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-emerald-50);
      }
    }
  }
  .hover\:ring-emerald-100 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-emerald-100);
      }
    }
  }
  .hover\:ring-emerald-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-emerald-200);
      }
    }
  }
  .hover\:ring-emerald-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-emerald-300);
      }
    }
  }
  .hover\:ring-emerald-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-emerald-400);
      }
    }
  }
  .hover\:ring-emerald-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-emerald-500);
      }
    }
  }
  .hover\:ring-emerald-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-emerald-600);
      }
    }
  }
  .hover\:ring-emerald-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-emerald-700);
      }
    }
  }
  .hover\:ring-emerald-800 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-emerald-800);
      }
    }
  }
  .hover\:ring-emerald-900 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-emerald-900);
      }
    }
  }
  .hover\:ring-emerald-950 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-emerald-950);
      }
    }
  }
  .hover\:ring-fuchsia-50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-fuchsia-50);
      }
    }
  }
  .hover\:ring-fuchsia-100 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-fuchsia-100);
      }
    }
  }
  .hover\:ring-fuchsia-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-fuchsia-200);
      }
    }
  }
  .hover\:ring-fuchsia-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-fuchsia-300);
      }
    }
  }
  .hover\:ring-fuchsia-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-fuchsia-400);
      }
    }
  }
  .hover\:ring-fuchsia-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-fuchsia-500);
      }
    }
  }
  .hover\:ring-fuchsia-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-fuchsia-600);
      }
    }
  }
  .hover\:ring-fuchsia-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-fuchsia-700);
      }
    }
  }
  .hover\:ring-fuchsia-800 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-fuchsia-800);
      }
    }
  }
  .hover\:ring-fuchsia-900 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-fuchsia-900);
      }
    }
  }
  .hover\:ring-fuchsia-950 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-fuchsia-950);
      }
    }
  }
  .hover\:ring-gray-50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-gray-50);
      }
    }
  }
  .hover\:ring-gray-100 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-gray-100);
      }
    }
  }
  .hover\:ring-gray-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-gray-200);
      }
    }
  }
  .hover\:ring-gray-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-gray-300);
      }
    }
  }
  .hover\:ring-gray-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-gray-400);
      }
    }
  }
  .hover\:ring-gray-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-gray-500);
      }
    }
  }
  .hover\:ring-gray-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-gray-600);
      }
    }
  }
  .hover\:ring-gray-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-gray-700);
      }
    }
  }
  .hover\:ring-gray-800 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-gray-800);
      }
    }
  }
  .hover\:ring-gray-900 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-gray-900);
      }
    }
  }
  .hover\:ring-gray-950 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-gray-950);
      }
    }
  }
  .hover\:ring-green-50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-green-50);
      }
    }
  }
  .hover\:ring-green-100 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-green-100);
      }
    }
  }
  .hover\:ring-green-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-green-200);
      }
    }
  }
  .hover\:ring-green-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-green-300);
      }
    }
  }
  .hover\:ring-green-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-green-400);
      }
    }
  }
  .hover\:ring-green-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-green-500);
      }
    }
  }
  .hover\:ring-green-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-green-600);
      }
    }
  }
  .hover\:ring-green-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-green-700);
      }
    }
  }
  .hover\:ring-green-800 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-green-800);
      }
    }
  }
  .hover\:ring-green-900 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-green-900);
      }
    }
  }
  .hover\:ring-green-950 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-green-950);
      }
    }
  }
  .hover\:ring-indigo-50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-indigo-50);
      }
    }
  }
  .hover\:ring-indigo-100 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-indigo-100);
      }
    }
  }
  .hover\:ring-indigo-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-indigo-200);
      }
    }
  }
  .hover\:ring-indigo-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-indigo-300);
      }
    }
  }
  .hover\:ring-indigo-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-indigo-400);
      }
    }
  }
  .hover\:ring-indigo-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-indigo-500);
      }
    }
  }
  .hover\:ring-indigo-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-indigo-600);
      }
    }
  }
  .hover\:ring-indigo-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-indigo-700);
      }
    }
  }
  .hover\:ring-indigo-800 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-indigo-800);
      }
    }
  }
  .hover\:ring-indigo-900 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-indigo-900);
      }
    }
  }
  .hover\:ring-indigo-950 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-indigo-950);
      }
    }
  }
  .hover\:ring-lime-50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-lime-50);
      }
    }
  }
  .hover\:ring-lime-100 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-lime-100);
      }
    }
  }
  .hover\:ring-lime-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-lime-200);
      }
    }
  }
  .hover\:ring-lime-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-lime-300);
      }
    }
  }
  .hover\:ring-lime-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-lime-400);
      }
    }
  }
  .hover\:ring-lime-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-lime-500);
      }
    }
  }
  .hover\:ring-lime-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-lime-600);
      }
    }
  }
  .hover\:ring-lime-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-lime-700);
      }
    }
  }
  .hover\:ring-lime-800 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-lime-800);
      }
    }
  }
  .hover\:ring-lime-900 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-lime-900);
      }
    }
  }
  .hover\:ring-lime-950 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-lime-950);
      }
    }
  }
  .hover\:ring-neutral-50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-neutral-50);
      }
    }
  }
  .hover\:ring-neutral-100 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-neutral-100);
      }
    }
  }
  .hover\:ring-neutral-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-neutral-200);
      }
    }
  }
  .hover\:ring-neutral-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-neutral-300);
      }
    }
  }
  .hover\:ring-neutral-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-neutral-400);
      }
    }
  }
  .hover\:ring-neutral-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-neutral-500);
      }
    }
  }
  .hover\:ring-neutral-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-neutral-600);
      }
    }
  }
  .hover\:ring-neutral-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-neutral-700);
      }
    }
  }
  .hover\:ring-neutral-800 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-neutral-800);
      }
    }
  }
  .hover\:ring-neutral-900 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-neutral-900);
      }
    }
  }
  .hover\:ring-neutral-950 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-neutral-950);
      }
    }
  }
  .hover\:ring-orange-50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-orange-50);
      }
    }
  }
  .hover\:ring-orange-100 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-orange-100);
      }
    }
  }
  .hover\:ring-orange-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-orange-200);
      }
    }
  }
  .hover\:ring-orange-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-orange-300);
      }
    }
  }
  .hover\:ring-orange-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-orange-400);
      }
    }
  }
  .hover\:ring-orange-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-orange-500);
      }
    }
  }
  .hover\:ring-orange-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-orange-600);
      }
    }
  }
  .hover\:ring-orange-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-orange-700);
      }
    }
  }
  .hover\:ring-orange-800 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-orange-800);
      }
    }
  }
  .hover\:ring-orange-900 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-orange-900);
      }
    }
  }
  .hover\:ring-orange-950 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-orange-950);
      }
    }
  }
  .hover\:ring-pink-50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-pink-50);
      }
    }
  }
  .hover\:ring-pink-100 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-pink-100);
      }
    }
  }
  .hover\:ring-pink-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-pink-200);
      }
    }
  }
  .hover\:ring-pink-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-pink-300);
      }
    }
  }
  .hover\:ring-pink-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-pink-400);
      }
    }
  }
  .hover\:ring-pink-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-pink-500);
      }
    }
  }
  .hover\:ring-pink-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-pink-600);
      }
    }
  }
  .hover\:ring-pink-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-pink-700);
      }
    }
  }
  .hover\:ring-pink-800 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-pink-800);
      }
    }
  }
  .hover\:ring-pink-900 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-pink-900);
      }
    }
  }
  .hover\:ring-pink-950 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-pink-950);
      }
    }
  }
  .hover\:ring-purple-50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-purple-50);
      }
    }
  }
  .hover\:ring-purple-100 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-purple-100);
      }
    }
  }
  .hover\:ring-purple-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-purple-200);
      }
    }
  }
  .hover\:ring-purple-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-purple-300);
      }
    }
  }
  .hover\:ring-purple-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-purple-400);
      }
    }
  }
  .hover\:ring-purple-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-purple-500);
      }
    }
  }
  .hover\:ring-purple-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-purple-600);
      }
    }
  }
  .hover\:ring-purple-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-purple-700);
      }
    }
  }
  .hover\:ring-purple-800 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-purple-800);
      }
    }
  }
  .hover\:ring-purple-900 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-purple-900);
      }
    }
  }
  .hover\:ring-purple-950 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-purple-950);
      }
    }
  }
  .hover\:ring-red-50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-red-50);
      }
    }
  }
  .hover\:ring-red-100 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-red-100);
      }
    }
  }
  .hover\:ring-red-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-red-200);
      }
    }
  }
  .hover\:ring-red-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-red-300);
      }
    }
  }
  .hover\:ring-red-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-red-400);
      }
    }
  }
  .hover\:ring-red-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-red-500);
      }
    }
  }
  .hover\:ring-red-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-red-600);
      }
    }
  }
  .hover\:ring-red-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-red-700);
      }
    }
  }
  .hover\:ring-red-800 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-red-800);
      }
    }
  }
  .hover\:ring-red-900 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-red-900);
      }
    }
  }
  .hover\:ring-red-950 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-red-950);
      }
    }
  }
  .hover\:ring-rose-50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-rose-50);
      }
    }
  }
  .hover\:ring-rose-100 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-rose-100);
      }
    }
  }
  .hover\:ring-rose-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-rose-200);
      }
    }
  }
  .hover\:ring-rose-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-rose-300);
      }
    }
  }
  .hover\:ring-rose-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-rose-400);
      }
    }
  }
  .hover\:ring-rose-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-rose-500);
      }
    }
  }
  .hover\:ring-rose-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-rose-600);
      }
    }
  }
  .hover\:ring-rose-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-rose-700);
      }
    }
  }
  .hover\:ring-rose-800 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-rose-800);
      }
    }
  }
  .hover\:ring-rose-900 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-rose-900);
      }
    }
  }
  .hover\:ring-rose-950 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-rose-950);
      }
    }
  }
  .hover\:ring-sky-50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-sky-50);
      }
    }
  }
  .hover\:ring-sky-100 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-sky-100);
      }
    }
  }
  .hover\:ring-sky-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-sky-200);
      }
    }
  }
  .hover\:ring-sky-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-sky-300);
      }
    }
  }
  .hover\:ring-sky-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-sky-400);
      }
    }
  }
  .hover\:ring-sky-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-sky-500);
      }
    }
  }
  .hover\:ring-sky-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-sky-600);
      }
    }
  }
  .hover\:ring-sky-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-sky-700);
      }
    }
  }
  .hover\:ring-sky-800 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-sky-800);
      }
    }
  }
  .hover\:ring-sky-900 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-sky-900);
      }
    }
  }
  .hover\:ring-sky-950 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-sky-950);
      }
    }
  }
  .hover\:ring-slate-50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-slate-50);
      }
    }
  }
  .hover\:ring-slate-100 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-slate-100);
      }
    }
  }
  .hover\:ring-slate-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-slate-200);
      }
    }
  }
  .hover\:ring-slate-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-slate-300);
      }
    }
  }
  .hover\:ring-slate-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-slate-400);
      }
    }
  }
  .hover\:ring-slate-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-slate-500);
      }
    }
  }
  .hover\:ring-slate-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-slate-600);
      }
    }
  }
  .hover\:ring-slate-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-slate-700);
      }
    }
  }
  .hover\:ring-slate-800 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-slate-800);
      }
    }
  }
  .hover\:ring-slate-900 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-slate-900);
      }
    }
  }
  .hover\:ring-slate-950 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-slate-950);
      }
    }
  }
  .hover\:ring-stone-50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-stone-50);
      }
    }
  }
  .hover\:ring-stone-100 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-stone-100);
      }
    }
  }
  .hover\:ring-stone-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-stone-200);
      }
    }
  }
  .hover\:ring-stone-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-stone-300);
      }
    }
  }
  .hover\:ring-stone-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-stone-400);
      }
    }
  }
  .hover\:ring-stone-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-stone-500);
      }
    }
  }
  .hover\:ring-stone-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-stone-600);
      }
    }
  }
  .hover\:ring-stone-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-stone-700);
      }
    }
  }
  .hover\:ring-stone-800 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-stone-800);
      }
    }
  }
  .hover\:ring-stone-900 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-stone-900);
      }
    }
  }
  .hover\:ring-stone-950 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-stone-950);
      }
    }
  }
  .hover\:ring-teal-50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-teal-50);
      }
    }
  }
  .hover\:ring-teal-100 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-teal-100);
      }
    }
  }
  .hover\:ring-teal-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-teal-200);
      }
    }
  }
  .hover\:ring-teal-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-teal-300);
      }
    }
  }
  .hover\:ring-teal-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-teal-400);
      }
    }
  }
  .hover\:ring-teal-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-teal-500);
      }
    }
  }
  .hover\:ring-teal-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-teal-600);
      }
    }
  }
  .hover\:ring-teal-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-teal-700);
      }
    }
  }
  .hover\:ring-teal-800 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-teal-800);
      }
    }
  }
  .hover\:ring-teal-900 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-teal-900);
      }
    }
  }
  .hover\:ring-teal-950 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-teal-950);
      }
    }
  }
  .hover\:ring-violet-50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-violet-50);
      }
    }
  }
  .hover\:ring-violet-100 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-violet-100);
      }
    }
  }
  .hover\:ring-violet-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-violet-200);
      }
    }
  }
  .hover\:ring-violet-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-violet-300);
      }
    }
  }
  .hover\:ring-violet-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-violet-400);
      }
    }
  }
  .hover\:ring-violet-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-violet-500);
      }
    }
  }
  .hover\:ring-violet-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-violet-600);
      }
    }
  }
  .hover\:ring-violet-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-violet-700);
      }
    }
  }
  .hover\:ring-violet-800 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-violet-800);
      }
    }
  }
  .hover\:ring-violet-900 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-violet-900);
      }
    }
  }
  .hover\:ring-violet-950 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-violet-950);
      }
    }
  }
  .hover\:ring-yellow-50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-yellow-50);
      }
    }
  }
  .hover\:ring-yellow-100 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-yellow-100);
      }
    }
  }
  .hover\:ring-yellow-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-yellow-200);
      }
    }
  }
  .hover\:ring-yellow-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-yellow-300);
      }
    }
  }
  .hover\:ring-yellow-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-yellow-400);
      }
    }
  }
  .hover\:ring-yellow-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-yellow-500);
      }
    }
  }
  .hover\:ring-yellow-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-yellow-600);
      }
    }
  }
  .hover\:ring-yellow-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-yellow-700);
      }
    }
  }
  .hover\:ring-yellow-800 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-yellow-800);
      }
    }
  }
  .hover\:ring-yellow-900 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-yellow-900);
      }
    }
  }
  .hover\:ring-yellow-950 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-yellow-950);
      }
    }
  }
  .hover\:ring-zinc-50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-zinc-50);
      }
    }
  }
  .hover\:ring-zinc-100 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-zinc-100);
      }
    }
  }
  .hover\:ring-zinc-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-zinc-200);
      }
    }
  }
  .hover\:ring-zinc-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-zinc-300);
      }
    }
  }
  .hover\:ring-zinc-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-zinc-400);
      }
    }
  }
  .hover\:ring-zinc-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-zinc-500);
      }
    }
  }
  .hover\:ring-zinc-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-zinc-600);
      }
    }
  }
  .hover\:ring-zinc-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-zinc-700);
      }
    }
  }
  .hover\:ring-zinc-800 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-zinc-800);
      }
    }
  }
  .hover\:ring-zinc-900 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-zinc-900);
      }
    }
  }
  .hover\:ring-zinc-950 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-zinc-950);
      }
    }
  }
  .hover\:ring-offset-amber-50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-amber-50);
      }
    }
  }
  .hover\:ring-offset-amber-100 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-amber-100);
      }
    }
  }
  .hover\:ring-offset-amber-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-amber-200);
      }
    }
  }
  .hover\:ring-offset-amber-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-amber-300);
      }
    }
  }
  .hover\:ring-offset-amber-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-amber-400);
      }
    }
  }
  .hover\:ring-offset-amber-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-amber-500);
      }
    }
  }
  .hover\:ring-offset-amber-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-amber-600);
      }
    }
  }
  .hover\:ring-offset-amber-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-amber-700);
      }
    }
  }
  .hover\:ring-offset-amber-800 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-amber-800);
      }
    }
  }
  .hover\:ring-offset-amber-900 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-amber-900);
      }
    }
  }
  .hover\:ring-offset-amber-950 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-amber-950);
      }
    }
  }
  .hover\:ring-offset-blue-50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-blue-50);
      }
    }
  }
  .hover\:ring-offset-blue-100 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-blue-100);
      }
    }
  }
  .hover\:ring-offset-blue-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-blue-200);
      }
    }
  }
  .hover\:ring-offset-blue-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-blue-300);
      }
    }
  }
  .hover\:ring-offset-blue-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-blue-400);
      }
    }
  }
  .hover\:ring-offset-blue-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-blue-500);
      }
    }
  }
  .hover\:ring-offset-blue-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-blue-600);
      }
    }
  }
  .hover\:ring-offset-blue-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-blue-700);
      }
    }
  }
  .hover\:ring-offset-blue-800 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-blue-800);
      }
    }
  }
  .hover\:ring-offset-blue-900 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-blue-900);
      }
    }
  }
  .hover\:ring-offset-blue-950 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-blue-950);
      }
    }
  }
  .hover\:ring-offset-cyan-50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-cyan-50);
      }
    }
  }
  .hover\:ring-offset-cyan-100 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-cyan-100);
      }
    }
  }
  .hover\:ring-offset-cyan-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-cyan-200);
      }
    }
  }
  .hover\:ring-offset-cyan-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-cyan-300);
      }
    }
  }
  .hover\:ring-offset-cyan-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-cyan-400);
      }
    }
  }
  .hover\:ring-offset-cyan-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-cyan-500);
      }
    }
  }
  .hover\:ring-offset-cyan-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-cyan-600);
      }
    }
  }
  .hover\:ring-offset-cyan-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-cyan-700);
      }
    }
  }
  .hover\:ring-offset-cyan-800 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-cyan-800);
      }
    }
  }
  .hover\:ring-offset-cyan-900 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-cyan-900);
      }
    }
  }
  .hover\:ring-offset-cyan-950 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-cyan-950);
      }
    }
  }
  .hover\:ring-offset-emerald-50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-emerald-50);
      }
    }
  }
  .hover\:ring-offset-emerald-100 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-emerald-100);
      }
    }
  }
  .hover\:ring-offset-emerald-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-emerald-200);
      }
    }
  }
  .hover\:ring-offset-emerald-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-emerald-300);
      }
    }
  }
  .hover\:ring-offset-emerald-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-emerald-400);
      }
    }
  }
  .hover\:ring-offset-emerald-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-emerald-500);
      }
    }
  }
  .hover\:ring-offset-emerald-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-emerald-600);
      }
    }
  }
  .hover\:ring-offset-emerald-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-emerald-700);
      }
    }
  }
  .hover\:ring-offset-emerald-800 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-emerald-800);
      }
    }
  }
  .hover\:ring-offset-emerald-900 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-emerald-900);
      }
    }
  }
  .hover\:ring-offset-emerald-950 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-emerald-950);
      }
    }
  }
  .hover\:ring-offset-fuchsia-50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-fuchsia-50);
      }
    }
  }
  .hover\:ring-offset-fuchsia-100 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-fuchsia-100);
      }
    }
  }
  .hover\:ring-offset-fuchsia-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-fuchsia-200);
      }
    }
  }
  .hover\:ring-offset-fuchsia-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-fuchsia-300);
      }
    }
  }
  .hover\:ring-offset-fuchsia-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-fuchsia-400);
      }
    }
  }
  .hover\:ring-offset-fuchsia-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-fuchsia-500);
      }
    }
  }
  .hover\:ring-offset-fuchsia-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-fuchsia-600);
      }
    }
  }
  .hover\:ring-offset-fuchsia-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-fuchsia-700);
      }
    }
  }
  .hover\:ring-offset-fuchsia-800 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-fuchsia-800);
      }
    }
  }
  .hover\:ring-offset-fuchsia-900 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-fuchsia-900);
      }
    }
  }
  .hover\:ring-offset-fuchsia-950 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-fuchsia-950);
      }
    }
  }
  .hover\:ring-offset-gray-50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-gray-50);
      }
    }
  }
  .hover\:ring-offset-gray-100 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-gray-100);
      }
    }
  }
  .hover\:ring-offset-gray-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-gray-200);
      }
    }
  }
  .hover\:ring-offset-gray-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-gray-300);
      }
    }
  }
  .hover\:ring-offset-gray-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-gray-400);
      }
    }
  }
  .hover\:ring-offset-gray-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-gray-500);
      }
    }
  }
  .hover\:ring-offset-gray-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-gray-600);
      }
    }
  }
  .hover\:ring-offset-gray-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-gray-700);
      }
    }
  }
  .hover\:ring-offset-gray-800 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-gray-800);
      }
    }
  }
  .hover\:ring-offset-gray-900 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-gray-900);
      }
    }
  }
  .hover\:ring-offset-gray-950 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-gray-950);
      }
    }
  }
  .hover\:ring-offset-green-50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-green-50);
      }
    }
  }
  .hover\:ring-offset-green-100 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-green-100);
      }
    }
  }
  .hover\:ring-offset-green-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-green-200);
      }
    }
  }
  .hover\:ring-offset-green-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-green-300);
      }
    }
  }
  .hover\:ring-offset-green-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-green-400);
      }
    }
  }
  .hover\:ring-offset-green-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-green-500);
      }
    }
  }
  .hover\:ring-offset-green-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-green-600);
      }
    }
  }
  .hover\:ring-offset-green-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-green-700);
      }
    }
  }
  .hover\:ring-offset-green-800 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-green-800);
      }
    }
  }
  .hover\:ring-offset-green-900 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-green-900);
      }
    }
  }
  .hover\:ring-offset-green-950 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-green-950);
      }
    }
  }
  .hover\:ring-offset-indigo-50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-indigo-50);
      }
    }
  }
  .hover\:ring-offset-indigo-100 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-indigo-100);
      }
    }
  }
  .hover\:ring-offset-indigo-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-indigo-200);
      }
    }
  }
  .hover\:ring-offset-indigo-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-indigo-300);
      }
    }
  }
  .hover\:ring-offset-indigo-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-indigo-400);
      }
    }
  }
  .hover\:ring-offset-indigo-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-indigo-500);
      }
    }
  }
  .hover\:ring-offset-indigo-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-indigo-600);
      }
    }
  }
  .hover\:ring-offset-indigo-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-indigo-700);
      }
    }
  }
  .hover\:ring-offset-indigo-800 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-indigo-800);
      }
    }
  }
  .hover\:ring-offset-indigo-900 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-indigo-900);
      }
    }
  }
  .hover\:ring-offset-indigo-950 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-indigo-950);
      }
    }
  }
  .hover\:ring-offset-lime-50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-lime-50);
      }
    }
  }
  .hover\:ring-offset-lime-100 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-lime-100);
      }
    }
  }
  .hover\:ring-offset-lime-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-lime-200);
      }
    }
  }
  .hover\:ring-offset-lime-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-lime-300);
      }
    }
  }
  .hover\:ring-offset-lime-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-lime-400);
      }
    }
  }
  .hover\:ring-offset-lime-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-lime-500);
      }
    }
  }
  .hover\:ring-offset-lime-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-lime-600);
      }
    }
  }
  .hover\:ring-offset-lime-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-lime-700);
      }
    }
  }
  .hover\:ring-offset-lime-800 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-lime-800);
      }
    }
  }
  .hover\:ring-offset-lime-900 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-lime-900);
      }
    }
  }
  .hover\:ring-offset-lime-950 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-lime-950);
      }
    }
  }
  .hover\:ring-offset-neutral-50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-neutral-50);
      }
    }
  }
  .hover\:ring-offset-neutral-100 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-neutral-100);
      }
    }
  }
  .hover\:ring-offset-neutral-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-neutral-200);
      }
    }
  }
  .hover\:ring-offset-neutral-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-neutral-300);
      }
    }
  }
  .hover\:ring-offset-neutral-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-neutral-400);
      }
    }
  }
  .hover\:ring-offset-neutral-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-neutral-500);
      }
    }
  }
  .hover\:ring-offset-neutral-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-neutral-600);
      }
    }
  }
  .hover\:ring-offset-neutral-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-neutral-700);
      }
    }
  }
  .hover\:ring-offset-neutral-800 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-neutral-800);
      }
    }
  }
  .hover\:ring-offset-neutral-900 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-neutral-900);
      }
    }
  }
  .hover\:ring-offset-neutral-950 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-neutral-950);
      }
    }
  }
  .hover\:ring-offset-orange-50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-orange-50);
      }
    }
  }
  .hover\:ring-offset-orange-100 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-orange-100);
      }
    }
  }
  .hover\:ring-offset-orange-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-orange-200);
      }
    }
  }
  .hover\:ring-offset-orange-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-orange-300);
      }
    }
  }
  .hover\:ring-offset-orange-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-orange-400);
      }
    }
  }
  .hover\:ring-offset-orange-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-orange-500);
      }
    }
  }
  .hover\:ring-offset-orange-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-orange-600);
      }
    }
  }
  .hover\:ring-offset-orange-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-orange-700);
      }
    }
  }
  .hover\:ring-offset-orange-800 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-orange-800);
      }
    }
  }
  .hover\:ring-offset-orange-900 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-orange-900);
      }
    }
  }
  .hover\:ring-offset-orange-950 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-orange-950);
      }
    }
  }
  .hover\:ring-offset-pink-50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-pink-50);
      }
    }
  }
  .hover\:ring-offset-pink-100 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-pink-100);
      }
    }
  }
  .hover\:ring-offset-pink-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-pink-200);
      }
    }
  }
  .hover\:ring-offset-pink-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-pink-300);
      }
    }
  }
  .hover\:ring-offset-pink-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-pink-400);
      }
    }
  }
  .hover\:ring-offset-pink-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-pink-500);
      }
    }
  }
  .hover\:ring-offset-pink-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-pink-600);
      }
    }
  }
  .hover\:ring-offset-pink-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-pink-700);
      }
    }
  }
  .hover\:ring-offset-pink-800 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-pink-800);
      }
    }
  }
  .hover\:ring-offset-pink-900 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-pink-900);
      }
    }
  }
  .hover\:ring-offset-pink-950 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-pink-950);
      }
    }
  }
  .hover\:ring-offset-purple-50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-purple-50);
      }
    }
  }
  .hover\:ring-offset-purple-100 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-purple-100);
      }
    }
  }
  .hover\:ring-offset-purple-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-purple-200);
      }
    }
  }
  .hover\:ring-offset-purple-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-purple-300);
      }
    }
  }
  .hover\:ring-offset-purple-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-purple-400);
      }
    }
  }
  .hover\:ring-offset-purple-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-purple-500);
      }
    }
  }
  .hover\:ring-offset-purple-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-purple-600);
      }
    }
  }
  .hover\:ring-offset-purple-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-purple-700);
      }
    }
  }
  .hover\:ring-offset-purple-800 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-purple-800);
      }
    }
  }
  .hover\:ring-offset-purple-900 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-purple-900);
      }
    }
  }
  .hover\:ring-offset-purple-950 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-purple-950);
      }
    }
  }
  .hover\:ring-offset-red-50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-red-50);
      }
    }
  }
  .hover\:ring-offset-red-100 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-red-100);
      }
    }
  }
  .hover\:ring-offset-red-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-red-200);
      }
    }
  }
  .hover\:ring-offset-red-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-red-300);
      }
    }
  }
  .hover\:ring-offset-red-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-red-400);
      }
    }
  }
  .hover\:ring-offset-red-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-red-500);
      }
    }
  }
  .hover\:ring-offset-red-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-red-600);
      }
    }
  }
  .hover\:ring-offset-red-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-red-700);
      }
    }
  }
  .hover\:ring-offset-red-800 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-red-800);
      }
    }
  }
  .hover\:ring-offset-red-900 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-red-900);
      }
    }
  }
  .hover\:ring-offset-red-950 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-red-950);
      }
    }
  }
  .hover\:ring-offset-rose-50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-rose-50);
      }
    }
  }
  .hover\:ring-offset-rose-100 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-rose-100);
      }
    }
  }
  .hover\:ring-offset-rose-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-rose-200);
      }
    }
  }
  .hover\:ring-offset-rose-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-rose-300);
      }
    }
  }
  .hover\:ring-offset-rose-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-rose-400);
      }
    }
  }
  .hover\:ring-offset-rose-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-rose-500);
      }
    }
  }
  .hover\:ring-offset-rose-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-rose-600);
      }
    }
  }
  .hover\:ring-offset-rose-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-rose-700);
      }
    }
  }
  .hover\:ring-offset-rose-800 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-rose-800);
      }
    }
  }
  .hover\:ring-offset-rose-900 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-rose-900);
      }
    }
  }
  .hover\:ring-offset-rose-950 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-rose-950);
      }
    }
  }
  .hover\:ring-offset-sky-50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-sky-50);
      }
    }
  }
  .hover\:ring-offset-sky-100 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-sky-100);
      }
    }
  }
  .hover\:ring-offset-sky-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-sky-200);
      }
    }
  }
  .hover\:ring-offset-sky-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-sky-300);
      }
    }
  }
  .hover\:ring-offset-sky-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-sky-400);
      }
    }
  }
  .hover\:ring-offset-sky-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-sky-500);
      }
    }
  }
  .hover\:ring-offset-sky-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-sky-600);
      }
    }
  }
  .hover\:ring-offset-sky-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-sky-700);
      }
    }
  }
  .hover\:ring-offset-sky-800 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-sky-800);
      }
    }
  }
  .hover\:ring-offset-sky-900 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-sky-900);
      }
    }
  }
  .hover\:ring-offset-sky-950 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-sky-950);
      }
    }
  }
  .hover\:ring-offset-slate-50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-slate-50);
      }
    }
  }
  .hover\:ring-offset-slate-100 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-slate-100);
      }
    }
  }
  .hover\:ring-offset-slate-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-slate-200);
      }
    }
  }
  .hover\:ring-offset-slate-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-slate-300);
      }
    }
  }
  .hover\:ring-offset-slate-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-slate-400);
      }
    }
  }
  .hover\:ring-offset-slate-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-slate-500);
      }
    }
  }
  .hover\:ring-offset-slate-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-slate-600);
      }
    }
  }
  .hover\:ring-offset-slate-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-slate-700);
      }
    }
  }
  .hover\:ring-offset-slate-800 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-slate-800);
      }
    }
  }
  .hover\:ring-offset-slate-900 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-slate-900);
      }
    }
  }
  .hover\:ring-offset-slate-950 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-slate-950);
      }
    }
  }
  .hover\:ring-offset-stone-50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-stone-50);
      }
    }
  }
  .hover\:ring-offset-stone-100 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-stone-100);
      }
    }
  }
  .hover\:ring-offset-stone-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-stone-200);
      }
    }
  }
  .hover\:ring-offset-stone-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-stone-300);
      }
    }
  }
  .hover\:ring-offset-stone-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-stone-400);
      }
    }
  }
  .hover\:ring-offset-stone-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-stone-500);
      }
    }
  }
  .hover\:ring-offset-stone-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-stone-600);
      }
    }
  }
  .hover\:ring-offset-stone-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-stone-700);
      }
    }
  }
  .hover\:ring-offset-stone-800 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-stone-800);
      }
    }
  }
  .hover\:ring-offset-stone-900 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-stone-900);
      }
    }
  }
  .hover\:ring-offset-stone-950 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-stone-950);
      }
    }
  }
  .hover\:ring-offset-teal-50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-teal-50);
      }
    }
  }
  .hover\:ring-offset-teal-100 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-teal-100);
      }
    }
  }
  .hover\:ring-offset-teal-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-teal-200);
      }
    }
  }
  .hover\:ring-offset-teal-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-teal-300);
      }
    }
  }
  .hover\:ring-offset-teal-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-teal-400);
      }
    }
  }
  .hover\:ring-offset-teal-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-teal-500);
      }
    }
  }
  .hover\:ring-offset-teal-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-teal-600);
      }
    }
  }
  .hover\:ring-offset-teal-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-teal-700);
      }
    }
  }
  .hover\:ring-offset-teal-800 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-teal-800);
      }
    }
  }
  .hover\:ring-offset-teal-900 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-teal-900);
      }
    }
  }
  .hover\:ring-offset-teal-950 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-teal-950);
      }
    }
  }
  .hover\:ring-offset-violet-50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-violet-50);
      }
    }
  }
  .hover\:ring-offset-violet-100 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-violet-100);
      }
    }
  }
  .hover\:ring-offset-violet-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-violet-200);
      }
    }
  }
  .hover\:ring-offset-violet-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-violet-300);
      }
    }
  }
  .hover\:ring-offset-violet-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-violet-400);
      }
    }
  }
  .hover\:ring-offset-violet-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-violet-500);
      }
    }
  }
  .hover\:ring-offset-violet-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-violet-600);
      }
    }
  }
  .hover\:ring-offset-violet-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-violet-700);
      }
    }
  }
  .hover\:ring-offset-violet-800 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-violet-800);
      }
    }
  }
  .hover\:ring-offset-violet-900 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-violet-900);
      }
    }
  }
  .hover\:ring-offset-violet-950 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-violet-950);
      }
    }
  }
  .hover\:ring-offset-yellow-50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-yellow-50);
      }
    }
  }
  .hover\:ring-offset-yellow-100 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-yellow-100);
      }
    }
  }
  .hover\:ring-offset-yellow-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-yellow-200);
      }
    }
  }
  .hover\:ring-offset-yellow-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-yellow-300);
      }
    }
  }
  .hover\:ring-offset-yellow-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-yellow-400);
      }
    }
  }
  .hover\:ring-offset-yellow-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-yellow-500);
      }
    }
  }
  .hover\:ring-offset-yellow-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-yellow-600);
      }
    }
  }
  .hover\:ring-offset-yellow-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-yellow-700);
      }
    }
  }
  .hover\:ring-offset-yellow-800 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-yellow-800);
      }
    }
  }
  .hover\:ring-offset-yellow-900 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-yellow-900);
      }
    }
  }
  .hover\:ring-offset-yellow-950 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-yellow-950);
      }
    }
  }
  .hover\:ring-offset-zinc-50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-zinc-50);
      }
    }
  }
  .hover\:ring-offset-zinc-100 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-zinc-100);
      }
    }
  }
  .hover\:ring-offset-zinc-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-zinc-200);
      }
    }
  }
  .hover\:ring-offset-zinc-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-zinc-300);
      }
    }
  }
  .hover\:ring-offset-zinc-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-zinc-400);
      }
    }
  }
  .hover\:ring-offset-zinc-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-zinc-500);
      }
    }
  }
  .hover\:ring-offset-zinc-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-zinc-600);
      }
    }
  }
  .hover\:ring-offset-zinc-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-zinc-700);
      }
    }
  }
  .hover\:ring-offset-zinc-800 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-zinc-800);
      }
    }
  }
  .hover\:ring-offset-zinc-900 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-zinc-900);
      }
    }
  }
  .hover\:ring-offset-zinc-950 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-color: var(--color-zinc-950);
      }
    }
  }
  .hover\:outline-amber-50 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-amber-50);
      }
    }
  }
  .hover\:outline-amber-100 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-amber-100);
      }
    }
  }
  .hover\:outline-amber-200 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-amber-200);
      }
    }
  }
  .hover\:outline-amber-300 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-amber-300);
      }
    }
  }
  .hover\:outline-amber-400 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-amber-400);
      }
    }
  }
  .hover\:outline-amber-500 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-amber-500);
      }
    }
  }
  .hover\:outline-amber-600 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-amber-600);
      }
    }
  }
  .hover\:outline-amber-700 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-amber-700);
      }
    }
  }
  .hover\:outline-amber-800 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-amber-800);
      }
    }
  }
  .hover\:outline-amber-900 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-amber-900);
      }
    }
  }
  .hover\:outline-amber-950 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-amber-950);
      }
    }
  }
  .hover\:outline-blue-50 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-blue-50);
      }
    }
  }
  .hover\:outline-blue-100 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-blue-100);
      }
    }
  }
  .hover\:outline-blue-200 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-blue-200);
      }
    }
  }
  .hover\:outline-blue-300 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-blue-300);
      }
    }
  }
  .hover\:outline-blue-400 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-blue-400);
      }
    }
  }
  .hover\:outline-blue-500 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-blue-500);
      }
    }
  }
  .hover\:outline-blue-600 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-blue-600);
      }
    }
  }
  .hover\:outline-blue-700 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-blue-700);
      }
    }
  }
  .hover\:outline-blue-800 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-blue-800);
      }
    }
  }
  .hover\:outline-blue-900 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-blue-900);
      }
    }
  }
  .hover\:outline-blue-950 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-blue-950);
      }
    }
  }
  .hover\:outline-cyan-50 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-cyan-50);
      }
    }
  }
  .hover\:outline-cyan-100 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-cyan-100);
      }
    }
  }
  .hover\:outline-cyan-200 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-cyan-200);
      }
    }
  }
  .hover\:outline-cyan-300 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-cyan-300);
      }
    }
  }
  .hover\:outline-cyan-400 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-cyan-400);
      }
    }
  }
  .hover\:outline-cyan-500 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-cyan-500);
      }
    }
  }
  .hover\:outline-cyan-600 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-cyan-600);
      }
    }
  }
  .hover\:outline-cyan-700 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-cyan-700);
      }
    }
  }
  .hover\:outline-cyan-800 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-cyan-800);
      }
    }
  }
  .hover\:outline-cyan-900 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-cyan-900);
      }
    }
  }
  .hover\:outline-cyan-950 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-cyan-950);
      }
    }
  }
  .hover\:outline-emerald-50 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-emerald-50);
      }
    }
  }
  .hover\:outline-emerald-100 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-emerald-100);
      }
    }
  }
  .hover\:outline-emerald-200 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-emerald-200);
      }
    }
  }
  .hover\:outline-emerald-300 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-emerald-300);
      }
    }
  }
  .hover\:outline-emerald-400 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-emerald-400);
      }
    }
  }
  .hover\:outline-emerald-500 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-emerald-500);
      }
    }
  }
  .hover\:outline-emerald-600 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-emerald-600);
      }
    }
  }
  .hover\:outline-emerald-700 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-emerald-700);
      }
    }
  }
  .hover\:outline-emerald-800 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-emerald-800);
      }
    }
  }
  .hover\:outline-emerald-900 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-emerald-900);
      }
    }
  }
  .hover\:outline-emerald-950 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-emerald-950);
      }
    }
  }
  .hover\:outline-fuchsia-50 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-fuchsia-50);
      }
    }
  }
  .hover\:outline-fuchsia-100 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-fuchsia-100);
      }
    }
  }
  .hover\:outline-fuchsia-200 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-fuchsia-200);
      }
    }
  }
  .hover\:outline-fuchsia-300 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-fuchsia-300);
      }
    }
  }
  .hover\:outline-fuchsia-400 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-fuchsia-400);
      }
    }
  }
  .hover\:outline-fuchsia-500 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-fuchsia-500);
      }
    }
  }
  .hover\:outline-fuchsia-600 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-fuchsia-600);
      }
    }
  }
  .hover\:outline-fuchsia-700 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-fuchsia-700);
      }
    }
  }
  .hover\:outline-fuchsia-800 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-fuchsia-800);
      }
    }
  }
  .hover\:outline-fuchsia-900 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-fuchsia-900);
      }
    }
  }
  .hover\:outline-fuchsia-950 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-fuchsia-950);
      }
    }
  }
  .hover\:outline-gray-50 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-gray-50);
      }
    }
  }
  .hover\:outline-gray-100 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-gray-100);
      }
    }
  }
  .hover\:outline-gray-200 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-gray-200);
      }
    }
  }
  .hover\:outline-gray-300 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-gray-300);
      }
    }
  }
  .hover\:outline-gray-400 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-gray-400);
      }
    }
  }
  .hover\:outline-gray-500 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-gray-500);
      }
    }
  }
  .hover\:outline-gray-600 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-gray-600);
      }
    }
  }
  .hover\:outline-gray-700 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-gray-700);
      }
    }
  }
  .hover\:outline-gray-800 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-gray-800);
      }
    }
  }
  .hover\:outline-gray-900 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-gray-900);
      }
    }
  }
  .hover\:outline-gray-950 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-gray-950);
      }
    }
  }
  .hover\:outline-green-50 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-green-50);
      }
    }
  }
  .hover\:outline-green-100 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-green-100);
      }
    }
  }
  .hover\:outline-green-200 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-green-200);
      }
    }
  }
  .hover\:outline-green-300 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-green-300);
      }
    }
  }
  .hover\:outline-green-400 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-green-400);
      }
    }
  }
  .hover\:outline-green-500 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-green-500);
      }
    }
  }
  .hover\:outline-green-600 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-green-600);
      }
    }
  }
  .hover\:outline-green-700 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-green-700);
      }
    }
  }
  .hover\:outline-green-800 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-green-800);
      }
    }
  }
  .hover\:outline-green-900 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-green-900);
      }
    }
  }
  .hover\:outline-green-950 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-green-950);
      }
    }
  }
  .hover\:outline-indigo-50 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-indigo-50);
      }
    }
  }
  .hover\:outline-indigo-100 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-indigo-100);
      }
    }
  }
  .hover\:outline-indigo-200 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-indigo-200);
      }
    }
  }
  .hover\:outline-indigo-300 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-indigo-300);
      }
    }
  }
  .hover\:outline-indigo-400 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-indigo-400);
      }
    }
  }
  .hover\:outline-indigo-500 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-indigo-500);
      }
    }
  }
  .hover\:outline-indigo-600 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-indigo-600);
      }
    }
  }
  .hover\:outline-indigo-700 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-indigo-700);
      }
    }
  }
  .hover\:outline-indigo-800 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-indigo-800);
      }
    }
  }
  .hover\:outline-indigo-900 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-indigo-900);
      }
    }
  }
  .hover\:outline-indigo-950 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-indigo-950);
      }
    }
  }
  .hover\:outline-lime-50 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-lime-50);
      }
    }
  }
  .hover\:outline-lime-100 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-lime-100);
      }
    }
  }
  .hover\:outline-lime-200 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-lime-200);
      }
    }
  }
  .hover\:outline-lime-300 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-lime-300);
      }
    }
  }
  .hover\:outline-lime-400 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-lime-400);
      }
    }
  }
  .hover\:outline-lime-500 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-lime-500);
      }
    }
  }
  .hover\:outline-lime-600 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-lime-600);
      }
    }
  }
  .hover\:outline-lime-700 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-lime-700);
      }
    }
  }
  .hover\:outline-lime-800 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-lime-800);
      }
    }
  }
  .hover\:outline-lime-900 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-lime-900);
      }
    }
  }
  .hover\:outline-lime-950 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-lime-950);
      }
    }
  }
  .hover\:outline-neutral-50 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-neutral-50);
      }
    }
  }
  .hover\:outline-neutral-100 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-neutral-100);
      }
    }
  }
  .hover\:outline-neutral-200 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-neutral-200);
      }
    }
  }
  .hover\:outline-neutral-300 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-neutral-300);
      }
    }
  }
  .hover\:outline-neutral-400 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-neutral-400);
      }
    }
  }
  .hover\:outline-neutral-500 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-neutral-500);
      }
    }
  }
  .hover\:outline-neutral-600 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-neutral-600);
      }
    }
  }
  .hover\:outline-neutral-700 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-neutral-700);
      }
    }
  }
  .hover\:outline-neutral-800 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-neutral-800);
      }
    }
  }
  .hover\:outline-neutral-900 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-neutral-900);
      }
    }
  }
  .hover\:outline-neutral-950 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-neutral-950);
      }
    }
  }
  .hover\:outline-orange-50 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-orange-50);
      }
    }
  }
  .hover\:outline-orange-100 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-orange-100);
      }
    }
  }
  .hover\:outline-orange-200 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-orange-200);
      }
    }
  }
  .hover\:outline-orange-300 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-orange-300);
      }
    }
  }
  .hover\:outline-orange-400 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-orange-400);
      }
    }
  }
  .hover\:outline-orange-500 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-orange-500);
      }
    }
  }
  .hover\:outline-orange-600 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-orange-600);
      }
    }
  }
  .hover\:outline-orange-700 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-orange-700);
      }
    }
  }
  .hover\:outline-orange-800 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-orange-800);
      }
    }
  }
  .hover\:outline-orange-900 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-orange-900);
      }
    }
  }
  .hover\:outline-orange-950 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-orange-950);
      }
    }
  }
  .hover\:outline-pink-50 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-pink-50);
      }
    }
  }
  .hover\:outline-pink-100 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-pink-100);
      }
    }
  }
  .hover\:outline-pink-200 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-pink-200);
      }
    }
  }
  .hover\:outline-pink-300 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-pink-300);
      }
    }
  }
  .hover\:outline-pink-400 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-pink-400);
      }
    }
  }
  .hover\:outline-pink-500 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-pink-500);
      }
    }
  }
  .hover\:outline-pink-600 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-pink-600);
      }
    }
  }
  .hover\:outline-pink-700 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-pink-700);
      }
    }
  }
  .hover\:outline-pink-800 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-pink-800);
      }
    }
  }
  .hover\:outline-pink-900 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-pink-900);
      }
    }
  }
  .hover\:outline-pink-950 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-pink-950);
      }
    }
  }
  .hover\:outline-purple-50 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-purple-50);
      }
    }
  }
  .hover\:outline-purple-100 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-purple-100);
      }
    }
  }
  .hover\:outline-purple-200 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-purple-200);
      }
    }
  }
  .hover\:outline-purple-300 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-purple-300);
      }
    }
  }
  .hover\:outline-purple-400 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-purple-400);
      }
    }
  }
  .hover\:outline-purple-500 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-purple-500);
      }
    }
  }
  .hover\:outline-purple-600 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-purple-600);
      }
    }
  }
  .hover\:outline-purple-700 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-purple-700);
      }
    }
  }
  .hover\:outline-purple-800 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-purple-800);
      }
    }
  }
  .hover\:outline-purple-900 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-purple-900);
      }
    }
  }
  .hover\:outline-purple-950 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-purple-950);
      }
    }
  }
  .hover\:outline-red-50 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-red-50);
      }
    }
  }
  .hover\:outline-red-100 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-red-100);
      }
    }
  }
  .hover\:outline-red-200 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-red-200);
      }
    }
  }
  .hover\:outline-red-300 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-red-300);
      }
    }
  }
  .hover\:outline-red-400 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-red-400);
      }
    }
  }
  .hover\:outline-red-500 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-red-500);
      }
    }
  }
  .hover\:outline-red-600 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-red-600);
      }
    }
  }
  .hover\:outline-red-700 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-red-700);
      }
    }
  }
  .hover\:outline-red-800 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-red-800);
      }
    }
  }
  .hover\:outline-red-900 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-red-900);
      }
    }
  }
  .hover\:outline-red-950 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-red-950);
      }
    }
  }
  .hover\:outline-rose-50 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-rose-50);
      }
    }
  }
  .hover\:outline-rose-100 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-rose-100);
      }
    }
  }
  .hover\:outline-rose-200 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-rose-200);
      }
    }
  }
  .hover\:outline-rose-300 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-rose-300);
      }
    }
  }
  .hover\:outline-rose-400 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-rose-400);
      }
    }
  }
  .hover\:outline-rose-500 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-rose-500);
      }
    }
  }
  .hover\:outline-rose-600 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-rose-600);
      }
    }
  }
  .hover\:outline-rose-700 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-rose-700);
      }
    }
  }
  .hover\:outline-rose-800 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-rose-800);
      }
    }
  }
  .hover\:outline-rose-900 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-rose-900);
      }
    }
  }
  .hover\:outline-rose-950 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-rose-950);
      }
    }
  }
  .hover\:outline-sky-50 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-sky-50);
      }
    }
  }
  .hover\:outline-sky-100 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-sky-100);
      }
    }
  }
  .hover\:outline-sky-200 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-sky-200);
      }
    }
  }
  .hover\:outline-sky-300 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-sky-300);
      }
    }
  }
  .hover\:outline-sky-400 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-sky-400);
      }
    }
  }
  .hover\:outline-sky-500 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-sky-500);
      }
    }
  }
  .hover\:outline-sky-600 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-sky-600);
      }
    }
  }
  .hover\:outline-sky-700 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-sky-700);
      }
    }
  }
  .hover\:outline-sky-800 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-sky-800);
      }
    }
  }
  .hover\:outline-sky-900 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-sky-900);
      }
    }
  }
  .hover\:outline-sky-950 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-sky-950);
      }
    }
  }
  .hover\:outline-slate-50 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-slate-50);
      }
    }
  }
  .hover\:outline-slate-100 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-slate-100);
      }
    }
  }
  .hover\:outline-slate-200 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-slate-200);
      }
    }
  }
  .hover\:outline-slate-300 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-slate-300);
      }
    }
  }
  .hover\:outline-slate-400 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-slate-400);
      }
    }
  }
  .hover\:outline-slate-500 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-slate-500);
      }
    }
  }
  .hover\:outline-slate-600 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-slate-600);
      }
    }
  }
  .hover\:outline-slate-700 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-slate-700);
      }
    }
  }
  .hover\:outline-slate-800 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-slate-800);
      }
    }
  }
  .hover\:outline-slate-900 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-slate-900);
      }
    }
  }
  .hover\:outline-slate-950 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-slate-950);
      }
    }
  }
  .hover\:outline-stone-50 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-stone-50);
      }
    }
  }
  .hover\:outline-stone-100 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-stone-100);
      }
    }
  }
  .hover\:outline-stone-200 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-stone-200);
      }
    }
  }
  .hover\:outline-stone-300 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-stone-300);
      }
    }
  }
  .hover\:outline-stone-400 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-stone-400);
      }
    }
  }
  .hover\:outline-stone-500 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-stone-500);
      }
    }
  }
  .hover\:outline-stone-600 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-stone-600);
      }
    }
  }
  .hover\:outline-stone-700 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-stone-700);
      }
    }
  }
  .hover\:outline-stone-800 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-stone-800);
      }
    }
  }
  .hover\:outline-stone-900 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-stone-900);
      }
    }
  }
  .hover\:outline-stone-950 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-stone-950);
      }
    }
  }
  .hover\:outline-teal-50 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-teal-50);
      }
    }
  }
  .hover\:outline-teal-100 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-teal-100);
      }
    }
  }
  .hover\:outline-teal-200 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-teal-200);
      }
    }
  }
  .hover\:outline-teal-300 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-teal-300);
      }
    }
  }
  .hover\:outline-teal-400 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-teal-400);
      }
    }
  }
  .hover\:outline-teal-500 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-teal-500);
      }
    }
  }
  .hover\:outline-teal-600 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-teal-600);
      }
    }
  }
  .hover\:outline-teal-700 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-teal-700);
      }
    }
  }
  .hover\:outline-teal-800 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-teal-800);
      }
    }
  }
  .hover\:outline-teal-900 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-teal-900);
      }
    }
  }
  .hover\:outline-teal-950 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-teal-950);
      }
    }
  }
  .hover\:outline-violet-50 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-violet-50);
      }
    }
  }
  .hover\:outline-violet-100 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-violet-100);
      }
    }
  }
  .hover\:outline-violet-200 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-violet-200);
      }
    }
  }
  .hover\:outline-violet-300 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-violet-300);
      }
    }
  }
  .hover\:outline-violet-400 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-violet-400);
      }
    }
  }
  .hover\:outline-violet-500 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-violet-500);
      }
    }
  }
  .hover\:outline-violet-600 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-violet-600);
      }
    }
  }
  .hover\:outline-violet-700 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-violet-700);
      }
    }
  }
  .hover\:outline-violet-800 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-violet-800);
      }
    }
  }
  .hover\:outline-violet-900 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-violet-900);
      }
    }
  }
  .hover\:outline-violet-950 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-violet-950);
      }
    }
  }
  .hover\:outline-yellow-50 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-yellow-50);
      }
    }
  }
  .hover\:outline-yellow-100 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-yellow-100);
      }
    }
  }
  .hover\:outline-yellow-200 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-yellow-200);
      }
    }
  }
  .hover\:outline-yellow-300 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-yellow-300);
      }
    }
  }
  .hover\:outline-yellow-400 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-yellow-400);
      }
    }
  }
  .hover\:outline-yellow-500 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-yellow-500);
      }
    }
  }
  .hover\:outline-yellow-600 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-yellow-600);
      }
    }
  }
  .hover\:outline-yellow-700 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-yellow-700);
      }
    }
  }
  .hover\:outline-yellow-800 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-yellow-800);
      }
    }
  }
  .hover\:outline-yellow-900 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-yellow-900);
      }
    }
  }
  .hover\:outline-yellow-950 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-yellow-950);
      }
    }
  }
  .hover\:outline-zinc-50 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-zinc-50);
      }
    }
  }
  .hover\:outline-zinc-100 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-zinc-100);
      }
    }
  }
  .hover\:outline-zinc-200 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-zinc-200);
      }
    }
  }
  .hover\:outline-zinc-300 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-zinc-300);
      }
    }
  }
  .hover\:outline-zinc-400 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-zinc-400);
      }
    }
  }
  .hover\:outline-zinc-500 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-zinc-500);
      }
    }
  }
  .hover\:outline-zinc-600 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-zinc-600);
      }
    }
  }
  .hover\:outline-zinc-700 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-zinc-700);
      }
    }
  }
  .hover\:outline-zinc-800 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-zinc-800);
      }
    }
  }
  .hover\:outline-zinc-900 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-zinc-900);
      }
    }
  }
  .hover\:outline-zinc-950 {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-zinc-950);
      }
    }
  }
  .focus\:divide-amber-50 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-amber-50);
      }
    }
  }
  .focus\:divide-amber-100 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-amber-100);
      }
    }
  }
  .focus\:divide-amber-200 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-amber-200);
      }
    }
  }
  .focus\:divide-amber-300 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-amber-300);
      }
    }
  }
  .focus\:divide-amber-400 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-amber-400);
      }
    }
  }
  .focus\:divide-amber-500 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-amber-500);
      }
    }
  }
  .focus\:divide-amber-600 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-amber-600);
      }
    }
  }
  .focus\:divide-amber-700 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-amber-700);
      }
    }
  }
  .focus\:divide-amber-800 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-amber-800);
      }
    }
  }
  .focus\:divide-amber-900 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-amber-900);
      }
    }
  }
  .focus\:divide-amber-950 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-amber-950);
      }
    }
  }
  .focus\:divide-blue-50 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-blue-50);
      }
    }
  }
  .focus\:divide-blue-100 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-blue-100);
      }
    }
  }
  .focus\:divide-blue-200 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-blue-200);
      }
    }
  }
  .focus\:divide-blue-300 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-blue-300);
      }
    }
  }
  .focus\:divide-blue-400 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-blue-400);
      }
    }
  }
  .focus\:divide-blue-500 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-blue-500);
      }
    }
  }
  .focus\:divide-blue-600 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-blue-600);
      }
    }
  }
  .focus\:divide-blue-700 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-blue-700);
      }
    }
  }
  .focus\:divide-blue-800 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-blue-800);
      }
    }
  }
  .focus\:divide-blue-900 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-blue-900);
      }
    }
  }
  .focus\:divide-blue-950 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-blue-950);
      }
    }
  }
  .focus\:divide-cyan-50 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-cyan-50);
      }
    }
  }
  .focus\:divide-cyan-100 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-cyan-100);
      }
    }
  }
  .focus\:divide-cyan-200 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-cyan-200);
      }
    }
  }
  .focus\:divide-cyan-300 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-cyan-300);
      }
    }
  }
  .focus\:divide-cyan-400 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-cyan-400);
      }
    }
  }
  .focus\:divide-cyan-500 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-cyan-500);
      }
    }
  }
  .focus\:divide-cyan-600 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-cyan-600);
      }
    }
  }
  .focus\:divide-cyan-700 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-cyan-700);
      }
    }
  }
  .focus\:divide-cyan-800 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-cyan-800);
      }
    }
  }
  .focus\:divide-cyan-900 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-cyan-900);
      }
    }
  }
  .focus\:divide-cyan-950 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-cyan-950);
      }
    }
  }
  .focus\:divide-emerald-50 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-emerald-50);
      }
    }
  }
  .focus\:divide-emerald-100 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-emerald-100);
      }
    }
  }
  .focus\:divide-emerald-200 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-emerald-200);
      }
    }
  }
  .focus\:divide-emerald-300 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-emerald-300);
      }
    }
  }
  .focus\:divide-emerald-400 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-emerald-400);
      }
    }
  }
  .focus\:divide-emerald-500 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-emerald-500);
      }
    }
  }
  .focus\:divide-emerald-600 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-emerald-600);
      }
    }
  }
  .focus\:divide-emerald-700 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-emerald-700);
      }
    }
  }
  .focus\:divide-emerald-800 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-emerald-800);
      }
    }
  }
  .focus\:divide-emerald-900 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-emerald-900);
      }
    }
  }
  .focus\:divide-emerald-950 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-emerald-950);
      }
    }
  }
  .focus\:divide-fuchsia-50 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-fuchsia-50);
      }
    }
  }
  .focus\:divide-fuchsia-100 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-fuchsia-100);
      }
    }
  }
  .focus\:divide-fuchsia-200 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-fuchsia-200);
      }
    }
  }
  .focus\:divide-fuchsia-300 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-fuchsia-300);
      }
    }
  }
  .focus\:divide-fuchsia-400 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-fuchsia-400);
      }
    }
  }
  .focus\:divide-fuchsia-500 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-fuchsia-500);
      }
    }
  }
  .focus\:divide-fuchsia-600 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-fuchsia-600);
      }
    }
  }
  .focus\:divide-fuchsia-700 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-fuchsia-700);
      }
    }
  }
  .focus\:divide-fuchsia-800 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-fuchsia-800);
      }
    }
  }
  .focus\:divide-fuchsia-900 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-fuchsia-900);
      }
    }
  }
  .focus\:divide-fuchsia-950 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-fuchsia-950);
      }
    }
  }
  .focus\:divide-gray-50 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-gray-50);
      }
    }
  }
  .focus\:divide-gray-100 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-gray-100);
      }
    }
  }
  .focus\:divide-gray-200 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-gray-200);
      }
    }
  }
  .focus\:divide-gray-300 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-gray-300);
      }
    }
  }
  .focus\:divide-gray-400 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-gray-400);
      }
    }
  }
  .focus\:divide-gray-500 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-gray-500);
      }
    }
  }
  .focus\:divide-gray-600 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-gray-600);
      }
    }
  }
  .focus\:divide-gray-700 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-gray-700);
      }
    }
  }
  .focus\:divide-gray-800 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-gray-800);
      }
    }
  }
  .focus\:divide-gray-900 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-gray-900);
      }
    }
  }
  .focus\:divide-gray-950 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-gray-950);
      }
    }
  }
  .focus\:divide-green-50 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-green-50);
      }
    }
  }
  .focus\:divide-green-100 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-green-100);
      }
    }
  }
  .focus\:divide-green-200 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-green-200);
      }
    }
  }
  .focus\:divide-green-300 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-green-300);
      }
    }
  }
  .focus\:divide-green-400 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-green-400);
      }
    }
  }
  .focus\:divide-green-500 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-green-500);
      }
    }
  }
  .focus\:divide-green-600 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-green-600);
      }
    }
  }
  .focus\:divide-green-700 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-green-700);
      }
    }
  }
  .focus\:divide-green-800 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-green-800);
      }
    }
  }
  .focus\:divide-green-900 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-green-900);
      }
    }
  }
  .focus\:divide-green-950 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-green-950);
      }
    }
  }
  .focus\:divide-indigo-50 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-indigo-50);
      }
    }
  }
  .focus\:divide-indigo-100 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-indigo-100);
      }
    }
  }
  .focus\:divide-indigo-200 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-indigo-200);
      }
    }
  }
  .focus\:divide-indigo-300 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-indigo-300);
      }
    }
  }
  .focus\:divide-indigo-400 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-indigo-400);
      }
    }
  }
  .focus\:divide-indigo-500 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-indigo-500);
      }
    }
  }
  .focus\:divide-indigo-600 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-indigo-600);
      }
    }
  }
  .focus\:divide-indigo-700 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-indigo-700);
      }
    }
  }
  .focus\:divide-indigo-800 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-indigo-800);
      }
    }
  }
  .focus\:divide-indigo-900 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-indigo-900);
      }
    }
  }
  .focus\:divide-indigo-950 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-indigo-950);
      }
    }
  }
  .focus\:divide-lime-50 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-lime-50);
      }
    }
  }
  .focus\:divide-lime-100 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-lime-100);
      }
    }
  }
  .focus\:divide-lime-200 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-lime-200);
      }
    }
  }
  .focus\:divide-lime-300 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-lime-300);
      }
    }
  }
  .focus\:divide-lime-400 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-lime-400);
      }
    }
  }
  .focus\:divide-lime-500 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-lime-500);
      }
    }
  }
  .focus\:divide-lime-600 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-lime-600);
      }
    }
  }
  .focus\:divide-lime-700 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-lime-700);
      }
    }
  }
  .focus\:divide-lime-800 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-lime-800);
      }
    }
  }
  .focus\:divide-lime-900 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-lime-900);
      }
    }
  }
  .focus\:divide-lime-950 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-lime-950);
      }
    }
  }
  .focus\:divide-neutral-50 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-neutral-50);
      }
    }
  }
  .focus\:divide-neutral-100 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-neutral-100);
      }
    }
  }
  .focus\:divide-neutral-200 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-neutral-200);
      }
    }
  }
  .focus\:divide-neutral-300 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-neutral-300);
      }
    }
  }
  .focus\:divide-neutral-400 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-neutral-400);
      }
    }
  }
  .focus\:divide-neutral-500 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-neutral-500);
      }
    }
  }
  .focus\:divide-neutral-600 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-neutral-600);
      }
    }
  }
  .focus\:divide-neutral-700 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-neutral-700);
      }
    }
  }
  .focus\:divide-neutral-800 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-neutral-800);
      }
    }
  }
  .focus\:divide-neutral-900 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-neutral-900);
      }
    }
  }
  .focus\:divide-neutral-950 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-neutral-950);
      }
    }
  }
  .focus\:divide-orange-50 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-orange-50);
      }
    }
  }
  .focus\:divide-orange-100 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-orange-100);
      }
    }
  }
  .focus\:divide-orange-200 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-orange-200);
      }
    }
  }
  .focus\:divide-orange-300 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-orange-300);
      }
    }
  }
  .focus\:divide-orange-400 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-orange-400);
      }
    }
  }
  .focus\:divide-orange-500 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-orange-500);
      }
    }
  }
  .focus\:divide-orange-600 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-orange-600);
      }
    }
  }
  .focus\:divide-orange-700 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-orange-700);
      }
    }
  }
  .focus\:divide-orange-800 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-orange-800);
      }
    }
  }
  .focus\:divide-orange-900 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-orange-900);
      }
    }
  }
  .focus\:divide-orange-950 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-orange-950);
      }
    }
  }
  .focus\:divide-pink-50 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-pink-50);
      }
    }
  }
  .focus\:divide-pink-100 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-pink-100);
      }
    }
  }
  .focus\:divide-pink-200 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-pink-200);
      }
    }
  }
  .focus\:divide-pink-300 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-pink-300);
      }
    }
  }
  .focus\:divide-pink-400 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-pink-400);
      }
    }
  }
  .focus\:divide-pink-500 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-pink-500);
      }
    }
  }
  .focus\:divide-pink-600 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-pink-600);
      }
    }
  }
  .focus\:divide-pink-700 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-pink-700);
      }
    }
  }
  .focus\:divide-pink-800 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-pink-800);
      }
    }
  }
  .focus\:divide-pink-900 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-pink-900);
      }
    }
  }
  .focus\:divide-pink-950 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-pink-950);
      }
    }
  }
  .focus\:divide-purple-50 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-purple-50);
      }
    }
  }
  .focus\:divide-purple-100 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-purple-100);
      }
    }
  }
  .focus\:divide-purple-200 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-purple-200);
      }
    }
  }
  .focus\:divide-purple-300 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-purple-300);
      }
    }
  }
  .focus\:divide-purple-400 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-purple-400);
      }
    }
  }
  .focus\:divide-purple-500 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-purple-500);
      }
    }
  }
  .focus\:divide-purple-600 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-purple-600);
      }
    }
  }
  .focus\:divide-purple-700 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-purple-700);
      }
    }
  }
  .focus\:divide-purple-800 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-purple-800);
      }
    }
  }
  .focus\:divide-purple-900 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-purple-900);
      }
    }
  }
  .focus\:divide-purple-950 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-purple-950);
      }
    }
  }
  .focus\:divide-red-50 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-red-50);
      }
    }
  }
  .focus\:divide-red-100 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-red-100);
      }
    }
  }
  .focus\:divide-red-200 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-red-200);
      }
    }
  }
  .focus\:divide-red-300 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-red-300);
      }
    }
  }
  .focus\:divide-red-400 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-red-400);
      }
    }
  }
  .focus\:divide-red-500 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-red-500);
      }
    }
  }
  .focus\:divide-red-600 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-red-600);
      }
    }
  }
  .focus\:divide-red-700 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-red-700);
      }
    }
  }
  .focus\:divide-red-800 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-red-800);
      }
    }
  }
  .focus\:divide-red-900 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-red-900);
      }
    }
  }
  .focus\:divide-red-950 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-red-950);
      }
    }
  }
  .focus\:divide-rose-50 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-rose-50);
      }
    }
  }
  .focus\:divide-rose-100 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-rose-100);
      }
    }
  }
  .focus\:divide-rose-200 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-rose-200);
      }
    }
  }
  .focus\:divide-rose-300 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-rose-300);
      }
    }
  }
  .focus\:divide-rose-400 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-rose-400);
      }
    }
  }
  .focus\:divide-rose-500 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-rose-500);
      }
    }
  }
  .focus\:divide-rose-600 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-rose-600);
      }
    }
  }
  .focus\:divide-rose-700 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-rose-700);
      }
    }
  }
  .focus\:divide-rose-800 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-rose-800);
      }
    }
  }
  .focus\:divide-rose-900 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-rose-900);
      }
    }
  }
  .focus\:divide-rose-950 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-rose-950);
      }
    }
  }
  .focus\:divide-sky-50 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-sky-50);
      }
    }
  }
  .focus\:divide-sky-100 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-sky-100);
      }
    }
  }
  .focus\:divide-sky-200 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-sky-200);
      }
    }
  }
  .focus\:divide-sky-300 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-sky-300);
      }
    }
  }
  .focus\:divide-sky-400 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-sky-400);
      }
    }
  }
  .focus\:divide-sky-500 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-sky-500);
      }
    }
  }
  .focus\:divide-sky-600 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-sky-600);
      }
    }
  }
  .focus\:divide-sky-700 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-sky-700);
      }
    }
  }
  .focus\:divide-sky-800 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-sky-800);
      }
    }
  }
  .focus\:divide-sky-900 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-sky-900);
      }
    }
  }
  .focus\:divide-sky-950 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-sky-950);
      }
    }
  }
  .focus\:divide-slate-50 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-slate-50);
      }
    }
  }
  .focus\:divide-slate-100 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-slate-100);
      }
    }
  }
  .focus\:divide-slate-200 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-slate-200);
      }
    }
  }
  .focus\:divide-slate-300 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-slate-300);
      }
    }
  }
  .focus\:divide-slate-400 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-slate-400);
      }
    }
  }
  .focus\:divide-slate-500 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-slate-500);
      }
    }
  }
  .focus\:divide-slate-600 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-slate-600);
      }
    }
  }
  .focus\:divide-slate-700 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-slate-700);
      }
    }
  }
  .focus\:divide-slate-800 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-slate-800);
      }
    }
  }
  .focus\:divide-slate-900 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-slate-900);
      }
    }
  }
  .focus\:divide-slate-950 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-slate-950);
      }
    }
  }
  .focus\:divide-stone-50 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-stone-50);
      }
    }
  }
  .focus\:divide-stone-100 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-stone-100);
      }
    }
  }
  .focus\:divide-stone-200 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-stone-200);
      }
    }
  }
  .focus\:divide-stone-300 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-stone-300);
      }
    }
  }
  .focus\:divide-stone-400 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-stone-400);
      }
    }
  }
  .focus\:divide-stone-500 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-stone-500);
      }
    }
  }
  .focus\:divide-stone-600 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-stone-600);
      }
    }
  }
  .focus\:divide-stone-700 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-stone-700);
      }
    }
  }
  .focus\:divide-stone-800 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-stone-800);
      }
    }
  }
  .focus\:divide-stone-900 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-stone-900);
      }
    }
  }
  .focus\:divide-stone-950 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-stone-950);
      }
    }
  }
  .focus\:divide-teal-50 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-teal-50);
      }
    }
  }
  .focus\:divide-teal-100 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-teal-100);
      }
    }
  }
  .focus\:divide-teal-200 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-teal-200);
      }
    }
  }
  .focus\:divide-teal-300 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-teal-300);
      }
    }
  }
  .focus\:divide-teal-400 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-teal-400);
      }
    }
  }
  .focus\:divide-teal-500 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-teal-500);
      }
    }
  }
  .focus\:divide-teal-600 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-teal-600);
      }
    }
  }
  .focus\:divide-teal-700 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-teal-700);
      }
    }
  }
  .focus\:divide-teal-800 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-teal-800);
      }
    }
  }
  .focus\:divide-teal-900 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-teal-900);
      }
    }
  }
  .focus\:divide-teal-950 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-teal-950);
      }
    }
  }
  .focus\:divide-violet-50 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-violet-50);
      }
    }
  }
  .focus\:divide-violet-100 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-violet-100);
      }
    }
  }
  .focus\:divide-violet-200 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-violet-200);
      }
    }
  }
  .focus\:divide-violet-300 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-violet-300);
      }
    }
  }
  .focus\:divide-violet-400 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-violet-400);
      }
    }
  }
  .focus\:divide-violet-500 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-violet-500);
      }
    }
  }
  .focus\:divide-violet-600 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-violet-600);
      }
    }
  }
  .focus\:divide-violet-700 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-violet-700);
      }
    }
  }
  .focus\:divide-violet-800 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-violet-800);
      }
    }
  }
  .focus\:divide-violet-900 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-violet-900);
      }
    }
  }
  .focus\:divide-violet-950 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-violet-950);
      }
    }
  }
  .focus\:divide-yellow-50 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-yellow-50);
      }
    }
  }
  .focus\:divide-yellow-100 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-yellow-100);
      }
    }
  }
  .focus\:divide-yellow-200 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-yellow-200);
      }
    }
  }
  .focus\:divide-yellow-300 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-yellow-300);
      }
    }
  }
  .focus\:divide-yellow-400 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-yellow-400);
      }
    }
  }
  .focus\:divide-yellow-500 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-yellow-500);
      }
    }
  }
  .focus\:divide-yellow-600 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-yellow-600);
      }
    }
  }
  .focus\:divide-yellow-700 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-yellow-700);
      }
    }
  }
  .focus\:divide-yellow-800 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-yellow-800);
      }
    }
  }
  .focus\:divide-yellow-900 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-yellow-900);
      }
    }
  }
  .focus\:divide-yellow-950 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-yellow-950);
      }
    }
  }
  .focus\:divide-zinc-50 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-zinc-50);
      }
    }
  }
  .focus\:divide-zinc-100 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-zinc-100);
      }
    }
  }
  .focus\:divide-zinc-200 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-zinc-200);
      }
    }
  }
  .focus\:divide-zinc-300 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-zinc-300);
      }
    }
  }
  .focus\:divide-zinc-400 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-zinc-400);
      }
    }
  }
  .focus\:divide-zinc-500 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-zinc-500);
      }
    }
  }
  .focus\:divide-zinc-600 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-zinc-600);
      }
    }
  }
  .focus\:divide-zinc-700 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-zinc-700);
      }
    }
  }
  .focus\:divide-zinc-800 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-zinc-800);
      }
    }
  }
  .focus\:divide-zinc-900 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-zinc-900);
      }
    }
  }
  .focus\:divide-zinc-950 {
    &:focus {
      :where(& > :not(:last-child)) {
        border-color: var(--color-zinc-950);
      }
    }
  }
  .focus\:border-amber-50 {
    &:focus {
      border-color: var(--color-amber-50);
    }
  }
  .focus\:border-amber-100 {
    &:focus {
      border-color: var(--color-amber-100);
    }
  }
  .focus\:border-amber-200 {
    &:focus {
      border-color: var(--color-amber-200);
    }
  }
  .focus\:border-amber-300 {
    &:focus {
      border-color: var(--color-amber-300);
    }
  }
  .focus\:border-amber-400 {
    &:focus {
      border-color: var(--color-amber-400);
    }
  }
  .focus\:border-amber-500 {
    &:focus {
      border-color: var(--color-amber-500);
    }
  }
  .focus\:border-amber-600 {
    &:focus {
      border-color: var(--color-amber-600);
    }
  }
  .focus\:border-amber-700 {
    &:focus {
      border-color: var(--color-amber-700);
    }
  }
  .focus\:border-amber-800 {
    &:focus {
      border-color: var(--color-amber-800);
    }
  }
  .focus\:border-amber-900 {
    &:focus {
      border-color: var(--color-amber-900);
    }
  }
  .focus\:border-amber-950 {
    &:focus {
      border-color: var(--color-amber-950);
    }
  }
  .focus\:border-black {
    &:focus {
      border-color: var(--color-black);
    }
  }
  .focus\:border-blue-50 {
    &:focus {
      border-color: var(--color-blue-50);
    }
  }
  .focus\:border-blue-100 {
    &:focus {
      border-color: var(--color-blue-100);
    }
  }
  .focus\:border-blue-200 {
    &:focus {
      border-color: var(--color-blue-200);
    }
  }
  .focus\:border-blue-300 {
    &:focus {
      border-color: var(--color-blue-300);
    }
  }
  .focus\:border-blue-400 {
    &:focus {
      border-color: var(--color-blue-400);
    }
  }
  .focus\:border-blue-500 {
    &:focus {
      border-color: var(--color-blue-500);
    }
  }
  .focus\:border-blue-600 {
    &:focus {
      border-color: var(--color-blue-600);
    }
  }
  .focus\:border-blue-700 {
    &:focus {
      border-color: var(--color-blue-700);
    }
  }
  .focus\:border-blue-800 {
    &:focus {
      border-color: var(--color-blue-800);
    }
  }
  .focus\:border-blue-900 {
    &:focus {
      border-color: var(--color-blue-900);
    }
  }
  .focus\:border-blue-950 {
    &:focus {
      border-color: var(--color-blue-950);
    }
  }
  .focus\:border-current {
    &:focus {
      border-color: currentcolor;
    }
  }
  .focus\:border-cyan-50 {
    &:focus {
      border-color: var(--color-cyan-50);
    }
  }
  .focus\:border-cyan-100 {
    &:focus {
      border-color: var(--color-cyan-100);
    }
  }
  .focus\:border-cyan-200 {
    &:focus {
      border-color: var(--color-cyan-200);
    }
  }
  .focus\:border-cyan-300 {
    &:focus {
      border-color: var(--color-cyan-300);
    }
  }
  .focus\:border-cyan-400 {
    &:focus {
      border-color: var(--color-cyan-400);
    }
  }
  .focus\:border-cyan-500 {
    &:focus {
      border-color: var(--color-cyan-500);
    }
  }
  .focus\:border-cyan-600 {
    &:focus {
      border-color: var(--color-cyan-600);
    }
  }
  .focus\:border-cyan-700 {
    &:focus {
      border-color: var(--color-cyan-700);
    }
  }
  .focus\:border-cyan-800 {
    &:focus {
      border-color: var(--color-cyan-800);
    }
  }
  .focus\:border-cyan-900 {
    &:focus {
      border-color: var(--color-cyan-900);
    }
  }
  .focus\:border-cyan-950 {
    &:focus {
      border-color: var(--color-cyan-950);
    }
  }
  .focus\:border-emerald-50 {
    &:focus {
      border-color: var(--color-emerald-50);
    }
  }
  .focus\:border-emerald-100 {
    &:focus {
      border-color: var(--color-emerald-100);
    }
  }
  .focus\:border-emerald-200 {
    &:focus {
      border-color: var(--color-emerald-200);
    }
  }
  .focus\:border-emerald-300 {
    &:focus {
      border-color: var(--color-emerald-300);
    }
  }
  .focus\:border-emerald-400 {
    &:focus {
      border-color: var(--color-emerald-400);
    }
  }
  .focus\:border-emerald-500 {
    &:focus {
      border-color: var(--color-emerald-500);
    }
  }
  .focus\:border-emerald-600 {
    &:focus {
      border-color: var(--color-emerald-600);
    }
  }
  .focus\:border-emerald-700 {
    &:focus {
      border-color: var(--color-emerald-700);
    }
  }
  .focus\:border-emerald-800 {
    &:focus {
      border-color: var(--color-emerald-800);
    }
  }
  .focus\:border-emerald-900 {
    &:focus {
      border-color: var(--color-emerald-900);
    }
  }
  .focus\:border-emerald-950 {
    &:focus {
      border-color: var(--color-emerald-950);
    }
  }
  .focus\:border-fuchsia-50 {
    &:focus {
      border-color: var(--color-fuchsia-50);
    }
  }
  .focus\:border-fuchsia-100 {
    &:focus {
      border-color: var(--color-fuchsia-100);
    }
  }
  .focus\:border-fuchsia-200 {
    &:focus {
      border-color: var(--color-fuchsia-200);
    }
  }
  .focus\:border-fuchsia-300 {
    &:focus {
      border-color: var(--color-fuchsia-300);
    }
  }
  .focus\:border-fuchsia-400 {
    &:focus {
      border-color: var(--color-fuchsia-400);
    }
  }
  .focus\:border-fuchsia-500 {
    &:focus {
      border-color: var(--color-fuchsia-500);
    }
  }
  .focus\:border-fuchsia-600 {
    &:focus {
      border-color: var(--color-fuchsia-600);
    }
  }
  .focus\:border-fuchsia-700 {
    &:focus {
      border-color: var(--color-fuchsia-700);
    }
  }
  .focus\:border-fuchsia-800 {
    &:focus {
      border-color: var(--color-fuchsia-800);
    }
  }
  .focus\:border-fuchsia-900 {
    &:focus {
      border-color: var(--color-fuchsia-900);
    }
  }
  .focus\:border-fuchsia-950 {
    &:focus {
      border-color: var(--color-fuchsia-950);
    }
  }
  .focus\:border-gray-50 {
    &:focus {
      border-color: var(--color-gray-50);
    }
  }
  .focus\:border-gray-100 {
    &:focus {
      border-color: var(--color-gray-100);
    }
  }
  .focus\:border-gray-200 {
    &:focus {
      border-color: var(--color-gray-200);
    }
  }
  .focus\:border-gray-300 {
    &:focus {
      border-color: var(--color-gray-300);
    }
  }
  .focus\:border-gray-400 {
    &:focus {
      border-color: var(--color-gray-400);
    }
  }
  .focus\:border-gray-500 {
    &:focus {
      border-color: var(--color-gray-500);
    }
  }
  .focus\:border-gray-600 {
    &:focus {
      border-color: var(--color-gray-600);
    }
  }
  .focus\:border-gray-700 {
    &:focus {
      border-color: var(--color-gray-700);
    }
  }
  .focus\:border-gray-800 {
    &:focus {
      border-color: var(--color-gray-800);
    }
  }
  .focus\:border-gray-900 {
    &:focus {
      border-color: var(--color-gray-900);
    }
  }
  .focus\:border-gray-950 {
    &:focus {
      border-color: var(--color-gray-950);
    }
  }
  .focus\:border-green-50 {
    &:focus {
      border-color: var(--color-green-50);
    }
  }
  .focus\:border-green-100 {
    &:focus {
      border-color: var(--color-green-100);
    }
  }
  .focus\:border-green-200 {
    &:focus {
      border-color: var(--color-green-200);
    }
  }
  .focus\:border-green-300 {
    &:focus {
      border-color: var(--color-green-300);
    }
  }
  .focus\:border-green-400 {
    &:focus {
      border-color: var(--color-green-400);
    }
  }
  .focus\:border-green-500 {
    &:focus {
      border-color: var(--color-green-500);
    }
  }
  .focus\:border-green-600 {
    &:focus {
      border-color: var(--color-green-600);
    }
  }
  .focus\:border-green-700 {
    &:focus {
      border-color: var(--color-green-700);
    }
  }
  .focus\:border-green-800 {
    &:focus {
      border-color: var(--color-green-800);
    }
  }
  .focus\:border-green-900 {
    &:focus {
      border-color: var(--color-green-900);
    }
  }
  .focus\:border-green-950 {
    &:focus {
      border-color: var(--color-green-950);
    }
  }
  .focus\:border-indigo-50 {
    &:focus {
      border-color: var(--color-indigo-50);
    }
  }
  .focus\:border-indigo-100 {
    &:focus {
      border-color: var(--color-indigo-100);
    }
  }
  .focus\:border-indigo-200 {
    &:focus {
      border-color: var(--color-indigo-200);
    }
  }
  .focus\:border-indigo-300 {
    &:focus {
      border-color: var(--color-indigo-300);
    }
  }
  .focus\:border-indigo-400 {
    &:focus {
      border-color: var(--color-indigo-400);
    }
  }
  .focus\:border-indigo-500 {
    &:focus {
      border-color: var(--color-indigo-500);
    }
  }
  .focus\:border-indigo-600 {
    &:focus {
      border-color: var(--color-indigo-600);
    }
  }
  .focus\:border-indigo-700 {
    &:focus {
      border-color: var(--color-indigo-700);
    }
  }
  .focus\:border-indigo-800 {
    &:focus {
      border-color: var(--color-indigo-800);
    }
  }
  .focus\:border-indigo-900 {
    &:focus {
      border-color: var(--color-indigo-900);
    }
  }
  .focus\:border-indigo-950 {
    &:focus {
      border-color: var(--color-indigo-950);
    }
  }
  .focus\:border-inherit {
    &:focus {
      border-color: inherit;
    }
  }
  .focus\:border-lime-50 {
    &:focus {
      border-color: var(--color-lime-50);
    }
  }
  .focus\:border-lime-100 {
    &:focus {
      border-color: var(--color-lime-100);
    }
  }
  .focus\:border-lime-200 {
    &:focus {
      border-color: var(--color-lime-200);
    }
  }
  .focus\:border-lime-300 {
    &:focus {
      border-color: var(--color-lime-300);
    }
  }
  .focus\:border-lime-400 {
    &:focus {
      border-color: var(--color-lime-400);
    }
  }
  .focus\:border-lime-500 {
    &:focus {
      border-color: var(--color-lime-500);
    }
  }
  .focus\:border-lime-600 {
    &:focus {
      border-color: var(--color-lime-600);
    }
  }
  .focus\:border-lime-700 {
    &:focus {
      border-color: var(--color-lime-700);
    }
  }
  .focus\:border-lime-800 {
    &:focus {
      border-color: var(--color-lime-800);
    }
  }
  .focus\:border-lime-900 {
    &:focus {
      border-color: var(--color-lime-900);
    }
  }
  .focus\:border-lime-950 {
    &:focus {
      border-color: var(--color-lime-950);
    }
  }
  .focus\:border-neutral-50 {
    &:focus {
      border-color: var(--color-neutral-50);
    }
  }
  .focus\:border-neutral-100 {
    &:focus {
      border-color: var(--color-neutral-100);
    }
  }
  .focus\:border-neutral-200 {
    &:focus {
      border-color: var(--color-neutral-200);
    }
  }
  .focus\:border-neutral-300 {
    &:focus {
      border-color: var(--color-neutral-300);
    }
  }
  .focus\:border-neutral-400 {
    &:focus {
      border-color: var(--color-neutral-400);
    }
  }
  .focus\:border-neutral-500 {
    &:focus {
      border-color: var(--color-neutral-500);
    }
  }
  .focus\:border-neutral-600 {
    &:focus {
      border-color: var(--color-neutral-600);
    }
  }
  .focus\:border-neutral-700 {
    &:focus {
      border-color: var(--color-neutral-700);
    }
  }
  .focus\:border-neutral-800 {
    &:focus {
      border-color: var(--color-neutral-800);
    }
  }
  .focus\:border-neutral-900 {
    &:focus {
      border-color: var(--color-neutral-900);
    }
  }
  .focus\:border-neutral-950 {
    &:focus {
      border-color: var(--color-neutral-950);
    }
  }
  .focus\:border-orange-50 {
    &:focus {
      border-color: var(--color-orange-50);
    }
  }
  .focus\:border-orange-100 {
    &:focus {
      border-color: var(--color-orange-100);
    }
  }
  .focus\:border-orange-200 {
    &:focus {
      border-color: var(--color-orange-200);
    }
  }
  .focus\:border-orange-300 {
    &:focus {
      border-color: var(--color-orange-300);
    }
  }
  .focus\:border-orange-400 {
    &:focus {
      border-color: var(--color-orange-400);
    }
  }
  .focus\:border-orange-500 {
    &:focus {
      border-color: var(--color-orange-500);
    }
  }
  .focus\:border-orange-600 {
    &:focus {
      border-color: var(--color-orange-600);
    }
  }
  .focus\:border-orange-700 {
    &:focus {
      border-color: var(--color-orange-700);
    }
  }
  .focus\:border-orange-800 {
    &:focus {
      border-color: var(--color-orange-800);
    }
  }
  .focus\:border-orange-900 {
    &:focus {
      border-color: var(--color-orange-900);
    }
  }
  .focus\:border-orange-950 {
    &:focus {
      border-color: var(--color-orange-950);
    }
  }
  .focus\:border-pink-50 {
    &:focus {
      border-color: var(--color-pink-50);
    }
  }
  .focus\:border-pink-100 {
    &:focus {
      border-color: var(--color-pink-100);
    }
  }
  .focus\:border-pink-200 {
    &:focus {
      border-color: var(--color-pink-200);
    }
  }
  .focus\:border-pink-300 {
    &:focus {
      border-color: var(--color-pink-300);
    }
  }
  .focus\:border-pink-400 {
    &:focus {
      border-color: var(--color-pink-400);
    }
  }
  .focus\:border-pink-500 {
    &:focus {
      border-color: var(--color-pink-500);
    }
  }
  .focus\:border-pink-600 {
    &:focus {
      border-color: var(--color-pink-600);
    }
  }
  .focus\:border-pink-700 {
    &:focus {
      border-color: var(--color-pink-700);
    }
  }
  .focus\:border-pink-800 {
    &:focus {
      border-color: var(--color-pink-800);
    }
  }
  .focus\:border-pink-900 {
    &:focus {
      border-color: var(--color-pink-900);
    }
  }
  .focus\:border-pink-950 {
    &:focus {
      border-color: var(--color-pink-950);
    }
  }
  .focus\:border-purple-50 {
    &:focus {
      border-color: var(--color-purple-50);
    }
  }
  .focus\:border-purple-100 {
    &:focus {
      border-color: var(--color-purple-100);
    }
  }
  .focus\:border-purple-200 {
    &:focus {
      border-color: var(--color-purple-200);
    }
  }
  .focus\:border-purple-300 {
    &:focus {
      border-color: var(--color-purple-300);
    }
  }
  .focus\:border-purple-400 {
    &:focus {
      border-color: var(--color-purple-400);
    }
  }
  .focus\:border-purple-500 {
    &:focus {
      border-color: var(--color-purple-500);
    }
  }
  .focus\:border-purple-600 {
    &:focus {
      border-color: var(--color-purple-600);
    }
  }
  .focus\:border-purple-700 {
    &:focus {
      border-color: var(--color-purple-700);
    }
  }
  .focus\:border-purple-800 {
    &:focus {
      border-color: var(--color-purple-800);
    }
  }
  .focus\:border-purple-900 {
    &:focus {
      border-color: var(--color-purple-900);
    }
  }
  .focus\:border-purple-950 {
    &:focus {
      border-color: var(--color-purple-950);
    }
  }
  .focus\:border-red-50 {
    &:focus {
      border-color: var(--color-red-50);
    }
  }
  .focus\:border-red-100 {
    &:focus {
      border-color: var(--color-red-100);
    }
  }
  .focus\:border-red-200 {
    &:focus {
      border-color: var(--color-red-200);
    }
  }
  .focus\:border-red-300 {
    &:focus {
      border-color: var(--color-red-300);
    }
  }
  .focus\:border-red-400 {
    &:focus {
      border-color: var(--color-red-400);
    }
  }
  .focus\:border-red-500 {
    &:focus {
      border-color: var(--color-red-500);
    }
  }
  .focus\:border-red-600 {
    &:focus {
      border-color: var(--color-red-600);
    }
  }
  .focus\:border-red-700 {
    &:focus {
      border-color: var(--color-red-700);
    }
  }
  .focus\:border-red-800 {
    &:focus {
      border-color: var(--color-red-800);
    }
  }
  .focus\:border-red-900 {
    &:focus {
      border-color: var(--color-red-900);
    }
  }
  .focus\:border-red-950 {
    &:focus {
      border-color: var(--color-red-950);
    }
  }
  .focus\:border-rose-50 {
    &:focus {
      border-color: var(--color-rose-50);
    }
  }
  .focus\:border-rose-100 {
    &:focus {
      border-color: var(--color-rose-100);
    }
  }
  .focus\:border-rose-200 {
    &:focus {
      border-color: var(--color-rose-200);
    }
  }
  .focus\:border-rose-300 {
    &:focus {
      border-color: var(--color-rose-300);
    }
  }
  .focus\:border-rose-400 {
    &:focus {
      border-color: var(--color-rose-400);
    }
  }
  .focus\:border-rose-500 {
    &:focus {
      border-color: var(--color-rose-500);
    }
  }
  .focus\:border-rose-600 {
    &:focus {
      border-color: var(--color-rose-600);
    }
  }
  .focus\:border-rose-700 {
    &:focus {
      border-color: var(--color-rose-700);
    }
  }
  .focus\:border-rose-800 {
    &:focus {
      border-color: var(--color-rose-800);
    }
  }
  .focus\:border-rose-900 {
    &:focus {
      border-color: var(--color-rose-900);
    }
  }
  .focus\:border-rose-950 {
    &:focus {
      border-color: var(--color-rose-950);
    }
  }
  .focus\:border-sky-50 {
    &:focus {
      border-color: var(--color-sky-50);
    }
  }
  .focus\:border-sky-100 {
    &:focus {
      border-color: var(--color-sky-100);
    }
  }
  .focus\:border-sky-200 {
    &:focus {
      border-color: var(--color-sky-200);
    }
  }
  .focus\:border-sky-300 {
    &:focus {
      border-color: var(--color-sky-300);
    }
  }
  .focus\:border-sky-400 {
    &:focus {
      border-color: var(--color-sky-400);
    }
  }
  .focus\:border-sky-500 {
    &:focus {
      border-color: var(--color-sky-500);
    }
  }
  .focus\:border-sky-600 {
    &:focus {
      border-color: var(--color-sky-600);
    }
  }
  .focus\:border-sky-700 {
    &:focus {
      border-color: var(--color-sky-700);
    }
  }
  .focus\:border-sky-800 {
    &:focus {
      border-color: var(--color-sky-800);
    }
  }
  .focus\:border-sky-900 {
    &:focus {
      border-color: var(--color-sky-900);
    }
  }
  .focus\:border-sky-950 {
    &:focus {
      border-color: var(--color-sky-950);
    }
  }
  .focus\:border-slate-50 {
    &:focus {
      border-color: var(--color-slate-50);
    }
  }
  .focus\:border-slate-100 {
    &:focus {
      border-color: var(--color-slate-100);
    }
  }
  .focus\:border-slate-200 {
    &:focus {
      border-color: var(--color-slate-200);
    }
  }
  .focus\:border-slate-300 {
    &:focus {
      border-color: var(--color-slate-300);
    }
  }
  .focus\:border-slate-400 {
    &:focus {
      border-color: var(--color-slate-400);
    }
  }
  .focus\:border-slate-500 {
    &:focus {
      border-color: var(--color-slate-500);
    }
  }
  .focus\:border-slate-600 {
    &:focus {
      border-color: var(--color-slate-600);
    }
  }
  .focus\:border-slate-700 {
    &:focus {
      border-color: var(--color-slate-700);
    }
  }
  .focus\:border-slate-800 {
    &:focus {
      border-color: var(--color-slate-800);
    }
  }
  .focus\:border-slate-900 {
    &:focus {
      border-color: var(--color-slate-900);
    }
  }
  .focus\:border-slate-950 {
    &:focus {
      border-color: var(--color-slate-950);
    }
  }
  .focus\:border-stone-50 {
    &:focus {
      border-color: var(--color-stone-50);
    }
  }
  .focus\:border-stone-100 {
    &:focus {
      border-color: var(--color-stone-100);
    }
  }
  .focus\:border-stone-200 {
    &:focus {
      border-color: var(--color-stone-200);
    }
  }
  .focus\:border-stone-300 {
    &:focus {
      border-color: var(--color-stone-300);
    }
  }
  .focus\:border-stone-400 {
    &:focus {
      border-color: var(--color-stone-400);
    }
  }
  .focus\:border-stone-500 {
    &:focus {
      border-color: var(--color-stone-500);
    }
  }
  .focus\:border-stone-600 {
    &:focus {
      border-color: var(--color-stone-600);
    }
  }
  .focus\:border-stone-700 {
    &:focus {
      border-color: var(--color-stone-700);
    }
  }
  .focus\:border-stone-800 {
    &:focus {
      border-color: var(--color-stone-800);
    }
  }
  .focus\:border-stone-900 {
    &:focus {
      border-color: var(--color-stone-900);
    }
  }
  .focus\:border-stone-950 {
    &:focus {
      border-color: var(--color-stone-950);
    }
  }
  .focus\:border-teal-50 {
    &:focus {
      border-color: var(--color-teal-50);
    }
  }
  .focus\:border-teal-100 {
    &:focus {
      border-color: var(--color-teal-100);
    }
  }
  .focus\:border-teal-200 {
    &:focus {
      border-color: var(--color-teal-200);
    }
  }
  .focus\:border-teal-300 {
    &:focus {
      border-color: var(--color-teal-300);
    }
  }
  .focus\:border-teal-400 {
    &:focus {
      border-color: var(--color-teal-400);
    }
  }
  .focus\:border-teal-500 {
    &:focus {
      border-color: var(--color-teal-500);
    }
  }
  .focus\:border-teal-600 {
    &:focus {
      border-color: var(--color-teal-600);
    }
  }
  .focus\:border-teal-700 {
    &:focus {
      border-color: var(--color-teal-700);
    }
  }
  .focus\:border-teal-800 {
    &:focus {
      border-color: var(--color-teal-800);
    }
  }
  .focus\:border-teal-900 {
    &:focus {
      border-color: var(--color-teal-900);
    }
  }
  .focus\:border-teal-950 {
    &:focus {
      border-color: var(--color-teal-950);
    }
  }
  .focus\:border-transparent {
    &:focus {
      border-color: transparent;
    }
  }
  .focus\:border-violet-50 {
    &:focus {
      border-color: var(--color-violet-50);
    }
  }
  .focus\:border-violet-100 {
    &:focus {
      border-color: var(--color-violet-100);
    }
  }
  .focus\:border-violet-200 {
    &:focus {
      border-color: var(--color-violet-200);
    }
  }
  .focus\:border-violet-300 {
    &:focus {
      border-color: var(--color-violet-300);
    }
  }
  .focus\:border-violet-400 {
    &:focus {
      border-color: var(--color-violet-400);
    }
  }
  .focus\:border-violet-500 {
    &:focus {
      border-color: var(--color-violet-500);
    }
  }
  .focus\:border-violet-600 {
    &:focus {
      border-color: var(--color-violet-600);
    }
  }
  .focus\:border-violet-700 {
    &:focus {
      border-color: var(--color-violet-700);
    }
  }
  .focus\:border-violet-800 {
    &:focus {
      border-color: var(--color-violet-800);
    }
  }
  .focus\:border-violet-900 {
    &:focus {
      border-color: var(--color-violet-900);
    }
  }
  .focus\:border-violet-950 {
    &:focus {
      border-color: var(--color-violet-950);
    }
  }
  .focus\:border-white {
    &:focus {
      border-color: var(--color-white);
    }
  }
  .focus\:border-yellow-50 {
    &:focus {
      border-color: var(--color-yellow-50);
    }
  }
  .focus\:border-yellow-100 {
    &:focus {
      border-color: var(--color-yellow-100);
    }
  }
  .focus\:border-yellow-200 {
    &:focus {
      border-color: var(--color-yellow-200);
    }
  }
  .focus\:border-yellow-300 {
    &:focus {
      border-color: var(--color-yellow-300);
    }
  }
  .focus\:border-yellow-400 {
    &:focus {
      border-color: var(--color-yellow-400);
    }
  }
  .focus\:border-yellow-500 {
    &:focus {
      border-color: var(--color-yellow-500);
    }
  }
  .focus\:border-yellow-600 {
    &:focus {
      border-color: var(--color-yellow-600);
    }
  }
  .focus\:border-yellow-700 {
    &:focus {
      border-color: var(--color-yellow-700);
    }
  }
  .focus\:border-yellow-800 {
    &:focus {
      border-color: var(--color-yellow-800);
    }
  }
  .focus\:border-yellow-900 {
    &:focus {
      border-color: var(--color-yellow-900);
    }
  }
  .focus\:border-yellow-950 {
    &:focus {
      border-color: var(--color-yellow-950);
    }
  }
  .focus\:border-zinc-50 {
    &:focus {
      border-color: var(--color-zinc-50);
    }
  }
  .focus\:border-zinc-100 {
    &:focus {
      border-color: var(--color-zinc-100);
    }
  }
  .focus\:border-zinc-200 {
    &:focus {
      border-color: var(--color-zinc-200);
    }
  }
  .focus\:border-zinc-300 {
    &:focus {
      border-color: var(--color-zinc-300);
    }
  }
  .focus\:border-zinc-400 {
    &:focus {
      border-color: var(--color-zinc-400);
    }
  }
  .focus\:border-zinc-500 {
    &:focus {
      border-color: var(--color-zinc-500);
    }
  }
  .focus\:border-zinc-600 {
    &:focus {
      border-color: var(--color-zinc-600);
    }
  }
  .focus\:border-zinc-700 {
    &:focus {
      border-color: var(--color-zinc-700);
    }
  }
  .focus\:border-zinc-800 {
    &:focus {
      border-color: var(--color-zinc-800);
    }
  }
  .focus\:border-zinc-900 {
    &:focus {
      border-color: var(--color-zinc-900);
    }
  }
  .focus\:border-zinc-950 {
    &:focus {
      border-color: var(--color-zinc-950);
    }
  }
  .focus\:bg-amber-50 {
    &:focus {
      background-color: var(--color-amber-50);
    }
  }
  .focus\:bg-amber-100 {
    &:focus {
      background-color: var(--color-amber-100);
    }
  }
  .focus\:bg-amber-200 {
    &:focus {
      background-color: var(--color-amber-200);
    }
  }
  .focus\:bg-amber-300 {
    &:focus {
      background-color: var(--color-amber-300);
    }
  }
  .focus\:bg-amber-400 {
    &:focus {
      background-color: var(--color-amber-400);
    }
  }
  .focus\:bg-amber-500 {
    &:focus {
      background-color: var(--color-amber-500);
    }
  }
  .focus\:bg-amber-600 {
    &:focus {
      background-color: var(--color-amber-600);
    }
  }
  .focus\:bg-amber-700 {
    &:focus {
      background-color: var(--color-amber-700);
    }
  }
  .focus\:bg-amber-800 {
    &:focus {
      background-color: var(--color-amber-800);
    }
  }
  .focus\:bg-amber-900 {
    &:focus {
      background-color: var(--color-amber-900);
    }
  }
  .focus\:bg-amber-950 {
    &:focus {
      background-color: var(--color-amber-950);
    }
  }
  .focus\:bg-black {
    &:focus {
      background-color: var(--color-black);
    }
  }
  .focus\:bg-blue-50 {
    &:focus {
      background-color: var(--color-blue-50);
    }
  }
  .focus\:bg-blue-100 {
    &:focus {
      background-color: var(--color-blue-100);
    }
  }
  .focus\:bg-blue-200 {
    &:focus {
      background-color: var(--color-blue-200);
    }
  }
  .focus\:bg-blue-300 {
    &:focus {
      background-color: var(--color-blue-300);
    }
  }
  .focus\:bg-blue-400 {
    &:focus {
      background-color: var(--color-blue-400);
    }
  }
  .focus\:bg-blue-500 {
    &:focus {
      background-color: var(--color-blue-500);
    }
  }
  .focus\:bg-blue-600 {
    &:focus {
      background-color: var(--color-blue-600);
    }
  }
  .focus\:bg-blue-700 {
    &:focus {
      background-color: var(--color-blue-700);
    }
  }
  .focus\:bg-blue-800 {
    &:focus {
      background-color: var(--color-blue-800);
    }
  }
  .focus\:bg-blue-900 {
    &:focus {
      background-color: var(--color-blue-900);
    }
  }
  .focus\:bg-blue-950 {
    &:focus {
      background-color: var(--color-blue-950);
    }
  }
  .focus\:bg-current {
    &:focus {
      background-color: currentcolor;
    }
  }
  .focus\:bg-cyan-50 {
    &:focus {
      background-color: var(--color-cyan-50);
    }
  }
  .focus\:bg-cyan-100 {
    &:focus {
      background-color: var(--color-cyan-100);
    }
  }
  .focus\:bg-cyan-200 {
    &:focus {
      background-color: var(--color-cyan-200);
    }
  }
  .focus\:bg-cyan-300 {
    &:focus {
      background-color: var(--color-cyan-300);
    }
  }
  .focus\:bg-cyan-400 {
    &:focus {
      background-color: var(--color-cyan-400);
    }
  }
  .focus\:bg-cyan-500 {
    &:focus {
      background-color: var(--color-cyan-500);
    }
  }
  .focus\:bg-cyan-600 {
    &:focus {
      background-color: var(--color-cyan-600);
    }
  }
  .focus\:bg-cyan-700 {
    &:focus {
      background-color: var(--color-cyan-700);
    }
  }
  .focus\:bg-cyan-800 {
    &:focus {
      background-color: var(--color-cyan-800);
    }
  }
  .focus\:bg-cyan-900 {
    &:focus {
      background-color: var(--color-cyan-900);
    }
  }
  .focus\:bg-cyan-950 {
    &:focus {
      background-color: var(--color-cyan-950);
    }
  }
  .focus\:bg-emerald-50 {
    &:focus {
      background-color: var(--color-emerald-50);
    }
  }
  .focus\:bg-emerald-100 {
    &:focus {
      background-color: var(--color-emerald-100);
    }
  }
  .focus\:bg-emerald-200 {
    &:focus {
      background-color: var(--color-emerald-200);
    }
  }
  .focus\:bg-emerald-300 {
    &:focus {
      background-color: var(--color-emerald-300);
    }
  }
  .focus\:bg-emerald-400 {
    &:focus {
      background-color: var(--color-emerald-400);
    }
  }
  .focus\:bg-emerald-500 {
    &:focus {
      background-color: var(--color-emerald-500);
    }
  }
  .focus\:bg-emerald-600 {
    &:focus {
      background-color: var(--color-emerald-600);
    }
  }
  .focus\:bg-emerald-700 {
    &:focus {
      background-color: var(--color-emerald-700);
    }
  }
  .focus\:bg-emerald-800 {
    &:focus {
      background-color: var(--color-emerald-800);
    }
  }
  .focus\:bg-emerald-900 {
    &:focus {
      background-color: var(--color-emerald-900);
    }
  }
  .focus\:bg-emerald-950 {
    &:focus {
      background-color: var(--color-emerald-950);
    }
  }
  .focus\:bg-fuchsia-50 {
    &:focus {
      background-color: var(--color-fuchsia-50);
    }
  }
  .focus\:bg-fuchsia-100 {
    &:focus {
      background-color: var(--color-fuchsia-100);
    }
  }
  .focus\:bg-fuchsia-200 {
    &:focus {
      background-color: var(--color-fuchsia-200);
    }
  }
  .focus\:bg-fuchsia-300 {
    &:focus {
      background-color: var(--color-fuchsia-300);
    }
  }
  .focus\:bg-fuchsia-400 {
    &:focus {
      background-color: var(--color-fuchsia-400);
    }
  }
  .focus\:bg-fuchsia-500 {
    &:focus {
      background-color: var(--color-fuchsia-500);
    }
  }
  .focus\:bg-fuchsia-600 {
    &:focus {
      background-color: var(--color-fuchsia-600);
    }
  }
  .focus\:bg-fuchsia-700 {
    &:focus {
      background-color: var(--color-fuchsia-700);
    }
  }
  .focus\:bg-fuchsia-800 {
    &:focus {
      background-color: var(--color-fuchsia-800);
    }
  }
  .focus\:bg-fuchsia-900 {
    &:focus {
      background-color: var(--color-fuchsia-900);
    }
  }
  .focus\:bg-fuchsia-950 {
    &:focus {
      background-color: var(--color-fuchsia-950);
    }
  }
  .focus\:bg-gray-50 {
    &:focus {
      background-color: var(--color-gray-50);
    }
  }
  .focus\:bg-gray-100 {
    &:focus {
      background-color: var(--color-gray-100);
    }
  }
  .focus\:bg-gray-200 {
    &:focus {
      background-color: var(--color-gray-200);
    }
  }
  .focus\:bg-gray-300 {
    &:focus {
      background-color: var(--color-gray-300);
    }
  }
  .focus\:bg-gray-400 {
    &:focus {
      background-color: var(--color-gray-400);
    }
  }
  .focus\:bg-gray-500 {
    &:focus {
      background-color: var(--color-gray-500);
    }
  }
  .focus\:bg-gray-600 {
    &:focus {
      background-color: var(--color-gray-600);
    }
  }
  .focus\:bg-gray-700 {
    &:focus {
      background-color: var(--color-gray-700);
    }
  }
  .focus\:bg-gray-800 {
    &:focus {
      background-color: var(--color-gray-800);
    }
  }
  .focus\:bg-gray-900 {
    &:focus {
      background-color: var(--color-gray-900);
    }
  }
  .focus\:bg-gray-950 {
    &:focus {
      background-color: var(--color-gray-950);
    }
  }
  .focus\:bg-green-50 {
    &:focus {
      background-color: var(--color-green-50);
    }
  }
  .focus\:bg-green-100 {
    &:focus {
      background-color: var(--color-green-100);
    }
  }
  .focus\:bg-green-200 {
    &:focus {
      background-color: var(--color-green-200);
    }
  }
  .focus\:bg-green-300 {
    &:focus {
      background-color: var(--color-green-300);
    }
  }
  .focus\:bg-green-400 {
    &:focus {
      background-color: var(--color-green-400);
    }
  }
  .focus\:bg-green-500 {
    &:focus {
      background-color: var(--color-green-500);
    }
  }
  .focus\:bg-green-600 {
    &:focus {
      background-color: var(--color-green-600);
    }
  }
  .focus\:bg-green-700 {
    &:focus {
      background-color: var(--color-green-700);
    }
  }
  .focus\:bg-green-800 {
    &:focus {
      background-color: var(--color-green-800);
    }
  }
  .focus\:bg-green-900 {
    &:focus {
      background-color: var(--color-green-900);
    }
  }
  .focus\:bg-green-950 {
    &:focus {
      background-color: var(--color-green-950);
    }
  }
  .focus\:bg-indigo-50 {
    &:focus {
      background-color: var(--color-indigo-50);
    }
  }
  .focus\:bg-indigo-100 {
    &:focus {
      background-color: var(--color-indigo-100);
    }
  }
  .focus\:bg-indigo-200 {
    &:focus {
      background-color: var(--color-indigo-200);
    }
  }
  .focus\:bg-indigo-300 {
    &:focus {
      background-color: var(--color-indigo-300);
    }
  }
  .focus\:bg-indigo-400 {
    &:focus {
      background-color: var(--color-indigo-400);
    }
  }
  .focus\:bg-indigo-500 {
    &:focus {
      background-color: var(--color-indigo-500);
    }
  }
  .focus\:bg-indigo-600 {
    &:focus {
      background-color: var(--color-indigo-600);
    }
  }
  .focus\:bg-indigo-700 {
    &:focus {
      background-color: var(--color-indigo-700);
    }
  }
  .focus\:bg-indigo-800 {
    &:focus {
      background-color: var(--color-indigo-800);
    }
  }
  .focus\:bg-indigo-900 {
    &:focus {
      background-color: var(--color-indigo-900);
    }
  }
  .focus\:bg-indigo-950 {
    &:focus {
      background-color: var(--color-indigo-950);
    }
  }
  .focus\:bg-inherit {
    &:focus {
      background-color: inherit;
    }
  }
  .focus\:bg-lime-50 {
    &:focus {
      background-color: var(--color-lime-50);
    }
  }
  .focus\:bg-lime-100 {
    &:focus {
      background-color: var(--color-lime-100);
    }
  }
  .focus\:bg-lime-200 {
    &:focus {
      background-color: var(--color-lime-200);
    }
  }
  .focus\:bg-lime-300 {
    &:focus {
      background-color: var(--color-lime-300);
    }
  }
  .focus\:bg-lime-400 {
    &:focus {
      background-color: var(--color-lime-400);
    }
  }
  .focus\:bg-lime-500 {
    &:focus {
      background-color: var(--color-lime-500);
    }
  }
  .focus\:bg-lime-600 {
    &:focus {
      background-color: var(--color-lime-600);
    }
  }
  .focus\:bg-lime-700 {
    &:focus {
      background-color: var(--color-lime-700);
    }
  }
  .focus\:bg-lime-800 {
    &:focus {
      background-color: var(--color-lime-800);
    }
  }
  .focus\:bg-lime-900 {
    &:focus {
      background-color: var(--color-lime-900);
    }
  }
  .focus\:bg-lime-950 {
    &:focus {
      background-color: var(--color-lime-950);
    }
  }
  .focus\:bg-neutral-50 {
    &:focus {
      background-color: var(--color-neutral-50);
    }
  }
  .focus\:bg-neutral-100 {
    &:focus {
      background-color: var(--color-neutral-100);
    }
  }
  .focus\:bg-neutral-200 {
    &:focus {
      background-color: var(--color-neutral-200);
    }
  }
  .focus\:bg-neutral-300 {
    &:focus {
      background-color: var(--color-neutral-300);
    }
  }
  .focus\:bg-neutral-400 {
    &:focus {
      background-color: var(--color-neutral-400);
    }
  }
  .focus\:bg-neutral-500 {
    &:focus {
      background-color: var(--color-neutral-500);
    }
  }
  .focus\:bg-neutral-600 {
    &:focus {
      background-color: var(--color-neutral-600);
    }
  }
  .focus\:bg-neutral-700 {
    &:focus {
      background-color: var(--color-neutral-700);
    }
  }
  .focus\:bg-neutral-800 {
    &:focus {
      background-color: var(--color-neutral-800);
    }
  }
  .focus\:bg-neutral-900 {
    &:focus {
      background-color: var(--color-neutral-900);
    }
  }
  .focus\:bg-neutral-950 {
    &:focus {
      background-color: var(--color-neutral-950);
    }
  }
  .focus\:bg-orange-50 {
    &:focus {
      background-color: var(--color-orange-50);
    }
  }
  .focus\:bg-orange-100 {
    &:focus {
      background-color: var(--color-orange-100);
    }
  }
  .focus\:bg-orange-200 {
    &:focus {
      background-color: var(--color-orange-200);
    }
  }
  .focus\:bg-orange-300 {
    &:focus {
      background-color: var(--color-orange-300);
    }
  }
  .focus\:bg-orange-400 {
    &:focus {
      background-color: var(--color-orange-400);
    }
  }
  .focus\:bg-orange-500 {
    &:focus {
      background-color: var(--color-orange-500);
    }
  }
  .focus\:bg-orange-600 {
    &:focus {
      background-color: var(--color-orange-600);
    }
  }
  .focus\:bg-orange-700 {
    &:focus {
      background-color: var(--color-orange-700);
    }
  }
  .focus\:bg-orange-800 {
    &:focus {
      background-color: var(--color-orange-800);
    }
  }
  .focus\:bg-orange-900 {
    &:focus {
      background-color: var(--color-orange-900);
    }
  }
  .focus\:bg-orange-950 {
    &:focus {
      background-color: var(--color-orange-950);
    }
  }
  .focus\:bg-pink-50 {
    &:focus {
      background-color: var(--color-pink-50);
    }
  }
  .focus\:bg-pink-100 {
    &:focus {
      background-color: var(--color-pink-100);
    }
  }
  .focus\:bg-pink-200 {
    &:focus {
      background-color: var(--color-pink-200);
    }
  }
  .focus\:bg-pink-300 {
    &:focus {
      background-color: var(--color-pink-300);
    }
  }
  .focus\:bg-pink-400 {
    &:focus {
      background-color: var(--color-pink-400);
    }
  }
  .focus\:bg-pink-500 {
    &:focus {
      background-color: var(--color-pink-500);
    }
  }
  .focus\:bg-pink-600 {
    &:focus {
      background-color: var(--color-pink-600);
    }
  }
  .focus\:bg-pink-700 {
    &:focus {
      background-color: var(--color-pink-700);
    }
  }
  .focus\:bg-pink-800 {
    &:focus {
      background-color: var(--color-pink-800);
    }
  }
  .focus\:bg-pink-900 {
    &:focus {
      background-color: var(--color-pink-900);
    }
  }
  .focus\:bg-pink-950 {
    &:focus {
      background-color: var(--color-pink-950);
    }
  }
  .focus\:bg-purple-50 {
    &:focus {
      background-color: var(--color-purple-50);
    }
  }
  .focus\:bg-purple-100 {
    &:focus {
      background-color: var(--color-purple-100);
    }
  }
  .focus\:bg-purple-200 {
    &:focus {
      background-color: var(--color-purple-200);
    }
  }
  .focus\:bg-purple-300 {
    &:focus {
      background-color: var(--color-purple-300);
    }
  }
  .focus\:bg-purple-400 {
    &:focus {
      background-color: var(--color-purple-400);
    }
  }
  .focus\:bg-purple-500 {
    &:focus {
      background-color: var(--color-purple-500);
    }
  }
  .focus\:bg-purple-600 {
    &:focus {
      background-color: var(--color-purple-600);
    }
  }
  .focus\:bg-purple-700 {
    &:focus {
      background-color: var(--color-purple-700);
    }
  }
  .focus\:bg-purple-800 {
    &:focus {
      background-color: var(--color-purple-800);
    }
  }
  .focus\:bg-purple-900 {
    &:focus {
      background-color: var(--color-purple-900);
    }
  }
  .focus\:bg-purple-950 {
    &:focus {
      background-color: var(--color-purple-950);
    }
  }
  .focus\:bg-red-50 {
    &:focus {
      background-color: var(--color-red-50);
    }
  }
  .focus\:bg-red-100 {
    &:focus {
      background-color: var(--color-red-100);
    }
  }
  .focus\:bg-red-200 {
    &:focus {
      background-color: var(--color-red-200);
    }
  }
  .focus\:bg-red-300 {
    &:focus {
      background-color: var(--color-red-300);
    }
  }
  .focus\:bg-red-400 {
    &:focus {
      background-color: var(--color-red-400);
    }
  }
  .focus\:bg-red-500 {
    &:focus {
      background-color: var(--color-red-500);
    }
  }
  .focus\:bg-red-600 {
    &:focus {
      background-color: var(--color-red-600);
    }
  }
  .focus\:bg-red-700 {
    &:focus {
      background-color: var(--color-red-700);
    }
  }
  .focus\:bg-red-800 {
    &:focus {
      background-color: var(--color-red-800);
    }
  }
  .focus\:bg-red-900 {
    &:focus {
      background-color: var(--color-red-900);
    }
  }
  .focus\:bg-red-950 {
    &:focus {
      background-color: var(--color-red-950);
    }
  }
  .focus\:bg-rose-50 {
    &:focus {
      background-color: var(--color-rose-50);
    }
  }
  .focus\:bg-rose-100 {
    &:focus {
      background-color: var(--color-rose-100);
    }
  }
  .focus\:bg-rose-200 {
    &:focus {
      background-color: var(--color-rose-200);
    }
  }
  .focus\:bg-rose-300 {
    &:focus {
      background-color: var(--color-rose-300);
    }
  }
  .focus\:bg-rose-400 {
    &:focus {
      background-color: var(--color-rose-400);
    }
  }
  .focus\:bg-rose-500 {
    &:focus {
      background-color: var(--color-rose-500);
    }
  }
  .focus\:bg-rose-600 {
    &:focus {
      background-color: var(--color-rose-600);
    }
  }
  .focus\:bg-rose-700 {
    &:focus {
      background-color: var(--color-rose-700);
    }
  }
  .focus\:bg-rose-800 {
    &:focus {
      background-color: var(--color-rose-800);
    }
  }
  .focus\:bg-rose-900 {
    &:focus {
      background-color: var(--color-rose-900);
    }
  }
  .focus\:bg-rose-950 {
    &:focus {
      background-color: var(--color-rose-950);
    }
  }
  .focus\:bg-sky-50 {
    &:focus {
      background-color: var(--color-sky-50);
    }
  }
  .focus\:bg-sky-100 {
    &:focus {
      background-color: var(--color-sky-100);
    }
  }
  .focus\:bg-sky-200 {
    &:focus {
      background-color: var(--color-sky-200);
    }
  }
  .focus\:bg-sky-300 {
    &:focus {
      background-color: var(--color-sky-300);
    }
  }
  .focus\:bg-sky-400 {
    &:focus {
      background-color: var(--color-sky-400);
    }
  }
  .focus\:bg-sky-500 {
    &:focus {
      background-color: var(--color-sky-500);
    }
  }
  .focus\:bg-sky-600 {
    &:focus {
      background-color: var(--color-sky-600);
    }
  }
  .focus\:bg-sky-700 {
    &:focus {
      background-color: var(--color-sky-700);
    }
  }
  .focus\:bg-sky-800 {
    &:focus {
      background-color: var(--color-sky-800);
    }
  }
  .focus\:bg-sky-900 {
    &:focus {
      background-color: var(--color-sky-900);
    }
  }
  .focus\:bg-sky-950 {
    &:focus {
      background-color: var(--color-sky-950);
    }
  }
  .focus\:bg-slate-50 {
    &:focus {
      background-color: var(--color-slate-50);
    }
  }
  .focus\:bg-slate-100 {
    &:focus {
      background-color: var(--color-slate-100);
    }
  }
  .focus\:bg-slate-200 {
    &:focus {
      background-color: var(--color-slate-200);
    }
  }
  .focus\:bg-slate-300 {
    &:focus {
      background-color: var(--color-slate-300);
    }
  }
  .focus\:bg-slate-400 {
    &:focus {
      background-color: var(--color-slate-400);
    }
  }
  .focus\:bg-slate-500 {
    &:focus {
      background-color: var(--color-slate-500);
    }
  }
  .focus\:bg-slate-600 {
    &:focus {
      background-color: var(--color-slate-600);
    }
  }
  .focus\:bg-slate-700 {
    &:focus {
      background-color: var(--color-slate-700);
    }
  }
  .focus\:bg-slate-800 {
    &:focus {
      background-color: var(--color-slate-800);
    }
  }
  .focus\:bg-slate-900 {
    &:focus {
      background-color: var(--color-slate-900);
    }
  }
  .focus\:bg-slate-950 {
    &:focus {
      background-color: var(--color-slate-950);
    }
  }
  .focus\:bg-stone-50 {
    &:focus {
      background-color: var(--color-stone-50);
    }
  }
  .focus\:bg-stone-100 {
    &:focus {
      background-color: var(--color-stone-100);
    }
  }
  .focus\:bg-stone-200 {
    &:focus {
      background-color: var(--color-stone-200);
    }
  }
  .focus\:bg-stone-300 {
    &:focus {
      background-color: var(--color-stone-300);
    }
  }
  .focus\:bg-stone-400 {
    &:focus {
      background-color: var(--color-stone-400);
    }
  }
  .focus\:bg-stone-500 {
    &:focus {
      background-color: var(--color-stone-500);
    }
  }
  .focus\:bg-stone-600 {
    &:focus {
      background-color: var(--color-stone-600);
    }
  }
  .focus\:bg-stone-700 {
    &:focus {
      background-color: var(--color-stone-700);
    }
  }
  .focus\:bg-stone-800 {
    &:focus {
      background-color: var(--color-stone-800);
    }
  }
  .focus\:bg-stone-900 {
    &:focus {
      background-color: var(--color-stone-900);
    }
  }
  .focus\:bg-stone-950 {
    &:focus {
      background-color: var(--color-stone-950);
    }
  }
  .focus\:bg-teal-50 {
    &:focus {
      background-color: var(--color-teal-50);
    }
  }
  .focus\:bg-teal-100 {
    &:focus {
      background-color: var(--color-teal-100);
    }
  }
  .focus\:bg-teal-200 {
    &:focus {
      background-color: var(--color-teal-200);
    }
  }
  .focus\:bg-teal-300 {
    &:focus {
      background-color: var(--color-teal-300);
    }
  }
  .focus\:bg-teal-400 {
    &:focus {
      background-color: var(--color-teal-400);
    }
  }
  .focus\:bg-teal-500 {
    &:focus {
      background-color: var(--color-teal-500);
    }
  }
  .focus\:bg-teal-600 {
    &:focus {
      background-color: var(--color-teal-600);
    }
  }
  .focus\:bg-teal-700 {
    &:focus {
      background-color: var(--color-teal-700);
    }
  }
  .focus\:bg-teal-800 {
    &:focus {
      background-color: var(--color-teal-800);
    }
  }
  .focus\:bg-teal-900 {
    &:focus {
      background-color: var(--color-teal-900);
    }
  }
  .focus\:bg-teal-950 {
    &:focus {
      background-color: var(--color-teal-950);
    }
  }
  .focus\:bg-transparent {
    &:focus {
      background-color: transparent;
    }
  }
  .focus\:bg-violet-50 {
    &:focus {
      background-color: var(--color-violet-50);
    }
  }
  .focus\:bg-violet-100 {
    &:focus {
      background-color: var(--color-violet-100);
    }
  }
  .focus\:bg-violet-200 {
    &:focus {
      background-color: var(--color-violet-200);
    }
  }
  .focus\:bg-violet-300 {
    &:focus {
      background-color: var(--color-violet-300);
    }
  }
  .focus\:bg-violet-400 {
    &:focus {
      background-color: var(--color-violet-400);
    }
  }
  .focus\:bg-violet-500 {
    &:focus {
      background-color: var(--color-violet-500);
    }
  }
  .focus\:bg-violet-600 {
    &:focus {
      background-color: var(--color-violet-600);
    }
  }
  .focus\:bg-violet-700 {
    &:focus {
      background-color: var(--color-violet-700);
    }
  }
  .focus\:bg-violet-800 {
    &:focus {
      background-color: var(--color-violet-800);
    }
  }
  .focus\:bg-violet-900 {
    &:focus {
      background-color: var(--color-violet-900);
    }
  }
  .focus\:bg-violet-950 {
    &:focus {
      background-color: var(--color-violet-950);
    }
  }
  .focus\:bg-white {
    &:focus {
      background-color: var(--color-white);
    }
  }
  .focus\:bg-yellow-50 {
    &:focus {
      background-color: var(--color-yellow-50);
    }
  }
  .focus\:bg-yellow-100 {
    &:focus {
      background-color: var(--color-yellow-100);
    }
  }
  .focus\:bg-yellow-200 {
    &:focus {
      background-color: var(--color-yellow-200);
    }
  }
  .focus\:bg-yellow-300 {
    &:focus {
      background-color: var(--color-yellow-300);
    }
  }
  .focus\:bg-yellow-400 {
    &:focus {
      background-color: var(--color-yellow-400);
    }
  }
  .focus\:bg-yellow-500 {
    &:focus {
      background-color: var(--color-yellow-500);
    }
  }
  .focus\:bg-yellow-600 {
    &:focus {
      background-color: var(--color-yellow-600);
    }
  }
  .focus\:bg-yellow-700 {
    &:focus {
      background-color: var(--color-yellow-700);
    }
  }
  .focus\:bg-yellow-800 {
    &:focus {
      background-color: var(--color-yellow-800);
    }
  }
  .focus\:bg-yellow-900 {
    &:focus {
      background-color: var(--color-yellow-900);
    }
  }
  .focus\:bg-yellow-950 {
    &:focus {
      background-color: var(--color-yellow-950);
    }
  }
  .focus\:bg-zinc-50 {
    &:focus {
      background-color: var(--color-zinc-50);
    }
  }
  .focus\:bg-zinc-100 {
    &:focus {
      background-color: var(--color-zinc-100);
    }
  }
  .focus\:bg-zinc-200 {
    &:focus {
      background-color: var(--color-zinc-200);
    }
  }
  .focus\:bg-zinc-300 {
    &:focus {
      background-color: var(--color-zinc-300);
    }
  }
  .focus\:bg-zinc-400 {
    &:focus {
      background-color: var(--color-zinc-400);
    }
  }
  .focus\:bg-zinc-500 {
    &:focus {
      background-color: var(--color-zinc-500);
    }
  }
  .focus\:bg-zinc-600 {
    &:focus {
      background-color: var(--color-zinc-600);
    }
  }
  .focus\:bg-zinc-700 {
    &:focus {
      background-color: var(--color-zinc-700);
    }
  }
  .focus\:bg-zinc-800 {
    &:focus {
      background-color: var(--color-zinc-800);
    }
  }
  .focus\:bg-zinc-900 {
    &:focus {
      background-color: var(--color-zinc-900);
    }
  }
  .focus\:bg-zinc-950 {
    &:focus {
      background-color: var(--color-zinc-950);
    }
  }
  .focus\:text-amber-50 {
    &:focus {
      color: var(--color-amber-50);
    }
  }
  .focus\:text-amber-100 {
    &:focus {
      color: var(--color-amber-100);
    }
  }
  .focus\:text-amber-200 {
    &:focus {
      color: var(--color-amber-200);
    }
  }
  .focus\:text-amber-300 {
    &:focus {
      color: var(--color-amber-300);
    }
  }
  .focus\:text-amber-400 {
    &:focus {
      color: var(--color-amber-400);
    }
  }
  .focus\:text-amber-500 {
    &:focus {
      color: var(--color-amber-500);
    }
  }
  .focus\:text-amber-600 {
    &:focus {
      color: var(--color-amber-600);
    }
  }
  .focus\:text-amber-700 {
    &:focus {
      color: var(--color-amber-700);
    }
  }
  .focus\:text-amber-800 {
    &:focus {
      color: var(--color-amber-800);
    }
  }
  .focus\:text-amber-900 {
    &:focus {
      color: var(--color-amber-900);
    }
  }
  .focus\:text-amber-950 {
    &:focus {
      color: var(--color-amber-950);
    }
  }
  .focus\:text-black {
    &:focus {
      color: var(--color-black);
    }
  }
  .focus\:text-blue-50 {
    &:focus {
      color: var(--color-blue-50);
    }
  }
  .focus\:text-blue-100 {
    &:focus {
      color: var(--color-blue-100);
    }
  }
  .focus\:text-blue-200 {
    &:focus {
      color: var(--color-blue-200);
    }
  }
  .focus\:text-blue-300 {
    &:focus {
      color: var(--color-blue-300);
    }
  }
  .focus\:text-blue-400 {
    &:focus {
      color: var(--color-blue-400);
    }
  }
  .focus\:text-blue-500 {
    &:focus {
      color: var(--color-blue-500);
    }
  }
  .focus\:text-blue-600 {
    &:focus {
      color: var(--color-blue-600);
    }
  }
  .focus\:text-blue-700 {
    &:focus {
      color: var(--color-blue-700);
    }
  }
  .focus\:text-blue-800 {
    &:focus {
      color: var(--color-blue-800);
    }
  }
  .focus\:text-blue-900 {
    &:focus {
      color: var(--color-blue-900);
    }
  }
  .focus\:text-blue-950 {
    &:focus {
      color: var(--color-blue-950);
    }
  }
  .focus\:text-current {
    &:focus {
      color: currentcolor;
    }
  }
  .focus\:text-cyan-50 {
    &:focus {
      color: var(--color-cyan-50);
    }
  }
  .focus\:text-cyan-100 {
    &:focus {
      color: var(--color-cyan-100);
    }
  }
  .focus\:text-cyan-200 {
    &:focus {
      color: var(--color-cyan-200);
    }
  }
  .focus\:text-cyan-300 {
    &:focus {
      color: var(--color-cyan-300);
    }
  }
  .focus\:text-cyan-400 {
    &:focus {
      color: var(--color-cyan-400);
    }
  }
  .focus\:text-cyan-500 {
    &:focus {
      color: var(--color-cyan-500);
    }
  }
  .focus\:text-cyan-600 {
    &:focus {
      color: var(--color-cyan-600);
    }
  }
  .focus\:text-cyan-700 {
    &:focus {
      color: var(--color-cyan-700);
    }
  }
  .focus\:text-cyan-800 {
    &:focus {
      color: var(--color-cyan-800);
    }
  }
  .focus\:text-cyan-900 {
    &:focus {
      color: var(--color-cyan-900);
    }
  }
  .focus\:text-cyan-950 {
    &:focus {
      color: var(--color-cyan-950);
    }
  }
  .focus\:text-emerald-50 {
    &:focus {
      color: var(--color-emerald-50);
    }
  }
  .focus\:text-emerald-100 {
    &:focus {
      color: var(--color-emerald-100);
    }
  }
  .focus\:text-emerald-200 {
    &:focus {
      color: var(--color-emerald-200);
    }
  }
  .focus\:text-emerald-300 {
    &:focus {
      color: var(--color-emerald-300);
    }
  }
  .focus\:text-emerald-400 {
    &:focus {
      color: var(--color-emerald-400);
    }
  }
  .focus\:text-emerald-500 {
    &:focus {
      color: var(--color-emerald-500);
    }
  }
  .focus\:text-emerald-600 {
    &:focus {
      color: var(--color-emerald-600);
    }
  }
  .focus\:text-emerald-700 {
    &:focus {
      color: var(--color-emerald-700);
    }
  }
  .focus\:text-emerald-800 {
    &:focus {
      color: var(--color-emerald-800);
    }
  }
  .focus\:text-emerald-900 {
    &:focus {
      color: var(--color-emerald-900);
    }
  }
  .focus\:text-emerald-950 {
    &:focus {
      color: var(--color-emerald-950);
    }
  }
  .focus\:text-fuchsia-50 {
    &:focus {
      color: var(--color-fuchsia-50);
    }
  }
  .focus\:text-fuchsia-100 {
    &:focus {
      color: var(--color-fuchsia-100);
    }
  }
  .focus\:text-fuchsia-200 {
    &:focus {
      color: var(--color-fuchsia-200);
    }
  }
  .focus\:text-fuchsia-300 {
    &:focus {
      color: var(--color-fuchsia-300);
    }
  }
  .focus\:text-fuchsia-400 {
    &:focus {
      color: var(--color-fuchsia-400);
    }
  }
  .focus\:text-fuchsia-500 {
    &:focus {
      color: var(--color-fuchsia-500);
    }
  }
  .focus\:text-fuchsia-600 {
    &:focus {
      color: var(--color-fuchsia-600);
    }
  }
  .focus\:text-fuchsia-700 {
    &:focus {
      color: var(--color-fuchsia-700);
    }
  }
  .focus\:text-fuchsia-800 {
    &:focus {
      color: var(--color-fuchsia-800);
    }
  }
  .focus\:text-fuchsia-900 {
    &:focus {
      color: var(--color-fuchsia-900);
    }
  }
  .focus\:text-fuchsia-950 {
    &:focus {
      color: var(--color-fuchsia-950);
    }
  }
  .focus\:text-gray-50 {
    &:focus {
      color: var(--color-gray-50);
    }
  }
  .focus\:text-gray-100 {
    &:focus {
      color: var(--color-gray-100);
    }
  }
  .focus\:text-gray-200 {
    &:focus {
      color: var(--color-gray-200);
    }
  }
  .focus\:text-gray-300 {
    &:focus {
      color: var(--color-gray-300);
    }
  }
  .focus\:text-gray-400 {
    &:focus {
      color: var(--color-gray-400);
    }
  }
  .focus\:text-gray-500 {
    &:focus {
      color: var(--color-gray-500);
    }
  }
  .focus\:text-gray-600 {
    &:focus {
      color: var(--color-gray-600);
    }
  }
  .focus\:text-gray-700 {
    &:focus {
      color: var(--color-gray-700);
    }
  }
  .focus\:text-gray-800 {
    &:focus {
      color: var(--color-gray-800);
    }
  }
  .focus\:text-gray-900 {
    &:focus {
      color: var(--color-gray-900);
    }
  }
  .focus\:text-gray-950 {
    &:focus {
      color: var(--color-gray-950);
    }
  }
  .focus\:text-green-50 {
    &:focus {
      color: var(--color-green-50);
    }
  }
  .focus\:text-green-100 {
    &:focus {
      color: var(--color-green-100);
    }
  }
  .focus\:text-green-200 {
    &:focus {
      color: var(--color-green-200);
    }
  }
  .focus\:text-green-300 {
    &:focus {
      color: var(--color-green-300);
    }
  }
  .focus\:text-green-400 {
    &:focus {
      color: var(--color-green-400);
    }
  }
  .focus\:text-green-500 {
    &:focus {
      color: var(--color-green-500);
    }
  }
  .focus\:text-green-600 {
    &:focus {
      color: var(--color-green-600);
    }
  }
  .focus\:text-green-700 {
    &:focus {
      color: var(--color-green-700);
    }
  }
  .focus\:text-green-800 {
    &:focus {
      color: var(--color-green-800);
    }
  }
  .focus\:text-green-900 {
    &:focus {
      color: var(--color-green-900);
    }
  }
  .focus\:text-green-950 {
    &:focus {
      color: var(--color-green-950);
    }
  }
  .focus\:text-indigo-50 {
    &:focus {
      color: var(--color-indigo-50);
    }
  }
  .focus\:text-indigo-100 {
    &:focus {
      color: var(--color-indigo-100);
    }
  }
  .focus\:text-indigo-200 {
    &:focus {
      color: var(--color-indigo-200);
    }
  }
  .focus\:text-indigo-300 {
    &:focus {
      color: var(--color-indigo-300);
    }
  }
  .focus\:text-indigo-400 {
    &:focus {
      color: var(--color-indigo-400);
    }
  }
  .focus\:text-indigo-500 {
    &:focus {
      color: var(--color-indigo-500);
    }
  }
  .focus\:text-indigo-600 {
    &:focus {
      color: var(--color-indigo-600);
    }
  }
  .focus\:text-indigo-700 {
    &:focus {
      color: var(--color-indigo-700);
    }
  }
  .focus\:text-indigo-800 {
    &:focus {
      color: var(--color-indigo-800);
    }
  }
  .focus\:text-indigo-900 {
    &:focus {
      color: var(--color-indigo-900);
    }
  }
  .focus\:text-indigo-950 {
    &:focus {
      color: var(--color-indigo-950);
    }
  }
  .focus\:text-inherit {
    &:focus {
      color: inherit;
    }
  }
  .focus\:text-lime-50 {
    &:focus {
      color: var(--color-lime-50);
    }
  }
  .focus\:text-lime-100 {
    &:focus {
      color: var(--color-lime-100);
    }
  }
  .focus\:text-lime-200 {
    &:focus {
      color: var(--color-lime-200);
    }
  }
  .focus\:text-lime-300 {
    &:focus {
      color: var(--color-lime-300);
    }
  }
  .focus\:text-lime-400 {
    &:focus {
      color: var(--color-lime-400);
    }
  }
  .focus\:text-lime-500 {
    &:focus {
      color: var(--color-lime-500);
    }
  }
  .focus\:text-lime-600 {
    &:focus {
      color: var(--color-lime-600);
    }
  }
  .focus\:text-lime-700 {
    &:focus {
      color: var(--color-lime-700);
    }
  }
  .focus\:text-lime-800 {
    &:focus {
      color: var(--color-lime-800);
    }
  }
  .focus\:text-lime-900 {
    &:focus {
      color: var(--color-lime-900);
    }
  }
  .focus\:text-lime-950 {
    &:focus {
      color: var(--color-lime-950);
    }
  }
  .focus\:text-neutral-50 {
    &:focus {
      color: var(--color-neutral-50);
    }
  }
  .focus\:text-neutral-100 {
    &:focus {
      color: var(--color-neutral-100);
    }
  }
  .focus\:text-neutral-200 {
    &:focus {
      color: var(--color-neutral-200);
    }
  }
  .focus\:text-neutral-300 {
    &:focus {
      color: var(--color-neutral-300);
    }
  }
  .focus\:text-neutral-400 {
    &:focus {
      color: var(--color-neutral-400);
    }
  }
  .focus\:text-neutral-500 {
    &:focus {
      color: var(--color-neutral-500);
    }
  }
  .focus\:text-neutral-600 {
    &:focus {
      color: var(--color-neutral-600);
    }
  }
  .focus\:text-neutral-700 {
    &:focus {
      color: var(--color-neutral-700);
    }
  }
  .focus\:text-neutral-800 {
    &:focus {
      color: var(--color-neutral-800);
    }
  }
  .focus\:text-neutral-900 {
    &:focus {
      color: var(--color-neutral-900);
    }
  }
  .focus\:text-neutral-950 {
    &:focus {
      color: var(--color-neutral-950);
    }
  }
  .focus\:text-orange-50 {
    &:focus {
      color: var(--color-orange-50);
    }
  }
  .focus\:text-orange-100 {
    &:focus {
      color: var(--color-orange-100);
    }
  }
  .focus\:text-orange-200 {
    &:focus {
      color: var(--color-orange-200);
    }
  }
  .focus\:text-orange-300 {
    &:focus {
      color: var(--color-orange-300);
    }
  }
  .focus\:text-orange-400 {
    &:focus {
      color: var(--color-orange-400);
    }
  }
  .focus\:text-orange-500 {
    &:focus {
      color: var(--color-orange-500);
    }
  }
  .focus\:text-orange-600 {
    &:focus {
      color: var(--color-orange-600);
    }
  }
  .focus\:text-orange-700 {
    &:focus {
      color: var(--color-orange-700);
    }
  }
  .focus\:text-orange-800 {
    &:focus {
      color: var(--color-orange-800);
    }
  }
  .focus\:text-orange-900 {
    &:focus {
      color: var(--color-orange-900);
    }
  }
  .focus\:text-orange-950 {
    &:focus {
      color: var(--color-orange-950);
    }
  }
  .focus\:text-pink-50 {
    &:focus {
      color: var(--color-pink-50);
    }
  }
  .focus\:text-pink-100 {
    &:focus {
      color: var(--color-pink-100);
    }
  }
  .focus\:text-pink-200 {
    &:focus {
      color: var(--color-pink-200);
    }
  }
  .focus\:text-pink-300 {
    &:focus {
      color: var(--color-pink-300);
    }
  }
  .focus\:text-pink-400 {
    &:focus {
      color: var(--color-pink-400);
    }
  }
  .focus\:text-pink-500 {
    &:focus {
      color: var(--color-pink-500);
    }
  }
  .focus\:text-pink-600 {
    &:focus {
      color: var(--color-pink-600);
    }
  }
  .focus\:text-pink-700 {
    &:focus {
      color: var(--color-pink-700);
    }
  }
  .focus\:text-pink-800 {
    &:focus {
      color: var(--color-pink-800);
    }
  }
  .focus\:text-pink-900 {
    &:focus {
      color: var(--color-pink-900);
    }
  }
  .focus\:text-pink-950 {
    &:focus {
      color: var(--color-pink-950);
    }
  }
  .focus\:text-purple-50 {
    &:focus {
      color: var(--color-purple-50);
    }
  }
  .focus\:text-purple-100 {
    &:focus {
      color: var(--color-purple-100);
    }
  }
  .focus\:text-purple-200 {
    &:focus {
      color: var(--color-purple-200);
    }
  }
  .focus\:text-purple-300 {
    &:focus {
      color: var(--color-purple-300);
    }
  }
  .focus\:text-purple-400 {
    &:focus {
      color: var(--color-purple-400);
    }
  }
  .focus\:text-purple-500 {
    &:focus {
      color: var(--color-purple-500);
    }
  }
  .focus\:text-purple-600 {
    &:focus {
      color: var(--color-purple-600);
    }
  }
  .focus\:text-purple-700 {
    &:focus {
      color: var(--color-purple-700);
    }
  }
  .focus\:text-purple-800 {
    &:focus {
      color: var(--color-purple-800);
    }
  }
  .focus\:text-purple-900 {
    &:focus {
      color: var(--color-purple-900);
    }
  }
  .focus\:text-purple-950 {
    &:focus {
      color: var(--color-purple-950);
    }
  }
  .focus\:text-red-50 {
    &:focus {
      color: var(--color-red-50);
    }
  }
  .focus\:text-red-100 {
    &:focus {
      color: var(--color-red-100);
    }
  }
  .focus\:text-red-200 {
    &:focus {
      color: var(--color-red-200);
    }
  }
  .focus\:text-red-300 {
    &:focus {
      color: var(--color-red-300);
    }
  }
  .focus\:text-red-400 {
    &:focus {
      color: var(--color-red-400);
    }
  }
  .focus\:text-red-500 {
    &:focus {
      color: var(--color-red-500);
    }
  }
  .focus\:text-red-600 {
    &:focus {
      color: var(--color-red-600);
    }
  }
  .focus\:text-red-700 {
    &:focus {
      color: var(--color-red-700);
    }
  }
  .focus\:text-red-800 {
    &:focus {
      color: var(--color-red-800);
    }
  }
  .focus\:text-red-900 {
    &:focus {
      color: var(--color-red-900);
    }
  }
  .focus\:text-red-950 {
    &:focus {
      color: var(--color-red-950);
    }
  }
  .focus\:text-rose-50 {
    &:focus {
      color: var(--color-rose-50);
    }
  }
  .focus\:text-rose-100 {
    &:focus {
      color: var(--color-rose-100);
    }
  }
  .focus\:text-rose-200 {
    &:focus {
      color: var(--color-rose-200);
    }
  }
  .focus\:text-rose-300 {
    &:focus {
      color: var(--color-rose-300);
    }
  }
  .focus\:text-rose-400 {
    &:focus {
      color: var(--color-rose-400);
    }
  }
  .focus\:text-rose-500 {
    &:focus {
      color: var(--color-rose-500);
    }
  }
  .focus\:text-rose-600 {
    &:focus {
      color: var(--color-rose-600);
    }
  }
  .focus\:text-rose-700 {
    &:focus {
      color: var(--color-rose-700);
    }
  }
  .focus\:text-rose-800 {
    &:focus {
      color: var(--color-rose-800);
    }
  }
  .focus\:text-rose-900 {
    &:focus {
      color: var(--color-rose-900);
    }
  }
  .focus\:text-rose-950 {
    &:focus {
      color: var(--color-rose-950);
    }
  }
  .focus\:text-sky-50 {
    &:focus {
      color: var(--color-sky-50);
    }
  }
  .focus\:text-sky-100 {
    &:focus {
      color: var(--color-sky-100);
    }
  }
  .focus\:text-sky-200 {
    &:focus {
      color: var(--color-sky-200);
    }
  }
  .focus\:text-sky-300 {
    &:focus {
      color: var(--color-sky-300);
    }
  }
  .focus\:text-sky-400 {
    &:focus {
      color: var(--color-sky-400);
    }
  }
  .focus\:text-sky-500 {
    &:focus {
      color: var(--color-sky-500);
    }
  }
  .focus\:text-sky-600 {
    &:focus {
      color: var(--color-sky-600);
    }
  }
  .focus\:text-sky-700 {
    &:focus {
      color: var(--color-sky-700);
    }
  }
  .focus\:text-sky-800 {
    &:focus {
      color: var(--color-sky-800);
    }
  }
  .focus\:text-sky-900 {
    &:focus {
      color: var(--color-sky-900);
    }
  }
  .focus\:text-sky-950 {
    &:focus {
      color: var(--color-sky-950);
    }
  }
  .focus\:text-slate-50 {
    &:focus {
      color: var(--color-slate-50);
    }
  }
  .focus\:text-slate-100 {
    &:focus {
      color: var(--color-slate-100);
    }
  }
  .focus\:text-slate-200 {
    &:focus {
      color: var(--color-slate-200);
    }
  }
  .focus\:text-slate-300 {
    &:focus {
      color: var(--color-slate-300);
    }
  }
  .focus\:text-slate-400 {
    &:focus {
      color: var(--color-slate-400);
    }
  }
  .focus\:text-slate-500 {
    &:focus {
      color: var(--color-slate-500);
    }
  }
  .focus\:text-slate-600 {
    &:focus {
      color: var(--color-slate-600);
    }
  }
  .focus\:text-slate-700 {
    &:focus {
      color: var(--color-slate-700);
    }
  }
  .focus\:text-slate-800 {
    &:focus {
      color: var(--color-slate-800);
    }
  }
  .focus\:text-slate-900 {
    &:focus {
      color: var(--color-slate-900);
    }
  }
  .focus\:text-slate-950 {
    &:focus {
      color: var(--color-slate-950);
    }
  }
  .focus\:text-stone-50 {
    &:focus {
      color: var(--color-stone-50);
    }
  }
  .focus\:text-stone-100 {
    &:focus {
      color: var(--color-stone-100);
    }
  }
  .focus\:text-stone-200 {
    &:focus {
      color: var(--color-stone-200);
    }
  }
  .focus\:text-stone-300 {
    &:focus {
      color: var(--color-stone-300);
    }
  }
  .focus\:text-stone-400 {
    &:focus {
      color: var(--color-stone-400);
    }
  }
  .focus\:text-stone-500 {
    &:focus {
      color: var(--color-stone-500);
    }
  }
  .focus\:text-stone-600 {
    &:focus {
      color: var(--color-stone-600);
    }
  }
  .focus\:text-stone-700 {
    &:focus {
      color: var(--color-stone-700);
    }
  }
  .focus\:text-stone-800 {
    &:focus {
      color: var(--color-stone-800);
    }
  }
  .focus\:text-stone-900 {
    &:focus {
      color: var(--color-stone-900);
    }
  }
  .focus\:text-stone-950 {
    &:focus {
      color: var(--color-stone-950);
    }
  }
  .focus\:text-teal-50 {
    &:focus {
      color: var(--color-teal-50);
    }
  }
  .focus\:text-teal-100 {
    &:focus {
      color: var(--color-teal-100);
    }
  }
  .focus\:text-teal-200 {
    &:focus {
      color: var(--color-teal-200);
    }
  }
  .focus\:text-teal-300 {
    &:focus {
      color: var(--color-teal-300);
    }
  }
  .focus\:text-teal-400 {
    &:focus {
      color: var(--color-teal-400);
    }
  }
  .focus\:text-teal-500 {
    &:focus {
      color: var(--color-teal-500);
    }
  }
  .focus\:text-teal-600 {
    &:focus {
      color: var(--color-teal-600);
    }
  }
  .focus\:text-teal-700 {
    &:focus {
      color: var(--color-teal-700);
    }
  }
  .focus\:text-teal-800 {
    &:focus {
      color: var(--color-teal-800);
    }
  }
  .focus\:text-teal-900 {
    &:focus {
      color: var(--color-teal-900);
    }
  }
  .focus\:text-teal-950 {
    &:focus {
      color: var(--color-teal-950);
    }
  }
  .focus\:text-transparent {
    &:focus {
      color: transparent;
    }
  }
  .focus\:text-violet-50 {
    &:focus {
      color: var(--color-violet-50);
    }
  }
  .focus\:text-violet-100 {
    &:focus {
      color: var(--color-violet-100);
    }
  }
  .focus\:text-violet-200 {
    &:focus {
      color: var(--color-violet-200);
    }
  }
  .focus\:text-violet-300 {
    &:focus {
      color: var(--color-violet-300);
    }
  }
  .focus\:text-violet-400 {
    &:focus {
      color: var(--color-violet-400);
    }
  }
  .focus\:text-violet-500 {
    &:focus {
      color: var(--color-violet-500);
    }
  }
  .focus\:text-violet-600 {
    &:focus {
      color: var(--color-violet-600);
    }
  }
  .focus\:text-violet-700 {
    &:focus {
      color: var(--color-violet-700);
    }
  }
  .focus\:text-violet-800 {
    &:focus {
      color: var(--color-violet-800);
    }
  }
  .focus\:text-violet-900 {
    &:focus {
      color: var(--color-violet-900);
    }
  }
  .focus\:text-violet-950 {
    &:focus {
      color: var(--color-violet-950);
    }
  }
  .focus\:text-white {
    &:focus {
      color: var(--color-white);
    }
  }
  .focus\:text-yellow-50 {
    &:focus {
      color: var(--color-yellow-50);
    }
  }
  .focus\:text-yellow-100 {
    &:focus {
      color: var(--color-yellow-100);
    }
  }
  .focus\:text-yellow-200 {
    &:focus {
      color: var(--color-yellow-200);
    }
  }
  .focus\:text-yellow-300 {
    &:focus {
      color: var(--color-yellow-300);
    }
  }
  .focus\:text-yellow-400 {
    &:focus {
      color: var(--color-yellow-400);
    }
  }
  .focus\:text-yellow-500 {
    &:focus {
      color: var(--color-yellow-500);
    }
  }
  .focus\:text-yellow-600 {
    &:focus {
      color: var(--color-yellow-600);
    }
  }
  .focus\:text-yellow-700 {
    &:focus {
      color: var(--color-yellow-700);
    }
  }
  .focus\:text-yellow-800 {
    &:focus {
      color: var(--color-yellow-800);
    }
  }
  .focus\:text-yellow-900 {
    &:focus {
      color: var(--color-yellow-900);
    }
  }
  .focus\:text-yellow-950 {
    &:focus {
      color: var(--color-yellow-950);
    }
  }
  .focus\:text-zinc-50 {
    &:focus {
      color: var(--color-zinc-50);
    }
  }
  .focus\:text-zinc-100 {
    &:focus {
      color: var(--color-zinc-100);
    }
  }
  .focus\:text-zinc-200 {
    &:focus {
      color: var(--color-zinc-200);
    }
  }
  .focus\:text-zinc-300 {
    &:focus {
      color: var(--color-zinc-300);
    }
  }
  .focus\:text-zinc-400 {
    &:focus {
      color: var(--color-zinc-400);
    }
  }
  .focus\:text-zinc-500 {
    &:focus {
      color: var(--color-zinc-500);
    }
  }
  .focus\:text-zinc-600 {
    &:focus {
      color: var(--color-zinc-600);
    }
  }
  .focus\:text-zinc-700 {
    &:focus {
      color: var(--color-zinc-700);
    }
  }
  .focus\:text-zinc-800 {
    &:focus {
      color: var(--color-zinc-800);
    }
  }
  .focus\:text-zinc-900 {
    &:focus {
      color: var(--color-zinc-900);
    }
  }
  .focus\:text-zinc-950 {
    &:focus {
      color: var(--color-zinc-950);
    }
  }
  .focus\:ring-amber-50 {
    &:focus {
      --tw-ring-color: var(--color-amber-50);
    }
  }
  .focus\:ring-amber-100 {
    &:focus {
      --tw-ring-color: var(--color-amber-100);
    }
  }
  .focus\:ring-amber-200 {
    &:focus {
      --tw-ring-color: var(--color-amber-200);
    }
  }
  .focus\:ring-amber-300 {
    &:focus {
      --tw-ring-color: var(--color-amber-300);
    }
  }
  .focus\:ring-amber-400 {
    &:focus {
      --tw-ring-color: var(--color-amber-400);
    }
  }
  .focus\:ring-amber-500 {
    &:focus {
      --tw-ring-color: var(--color-amber-500);
    }
  }
  .focus\:ring-amber-600 {
    &:focus {
      --tw-ring-color: var(--color-amber-600);
    }
  }
  .focus\:ring-amber-700 {
    &:focus {
      --tw-ring-color: var(--color-amber-700);
    }
  }
  .focus\:ring-amber-800 {
    &:focus {
      --tw-ring-color: var(--color-amber-800);
    }
  }
  .focus\:ring-amber-900 {
    &:focus {
      --tw-ring-color: var(--color-amber-900);
    }
  }
  .focus\:ring-amber-950 {
    &:focus {
      --tw-ring-color: var(--color-amber-950);
    }
  }
  .focus\:ring-blue-50 {
    &:focus {
      --tw-ring-color: var(--color-blue-50);
    }
  }
  .focus\:ring-blue-100 {
    &:focus {
      --tw-ring-color: var(--color-blue-100);
    }
  }
  .focus\:ring-blue-200 {
    &:focus {
      --tw-ring-color: var(--color-blue-200);
    }
  }
  .focus\:ring-blue-300 {
    &:focus {
      --tw-ring-color: var(--color-blue-300);
    }
  }
  .focus\:ring-blue-400 {
    &:focus {
      --tw-ring-color: var(--color-blue-400);
    }
  }
  .focus\:ring-blue-500 {
    &:focus {
      --tw-ring-color: var(--color-blue-500);
    }
  }
  .focus\:ring-blue-600 {
    &:focus {
      --tw-ring-color: var(--color-blue-600);
    }
  }
  .focus\:ring-blue-700 {
    &:focus {
      --tw-ring-color: var(--color-blue-700);
    }
  }
  .focus\:ring-blue-800 {
    &:focus {
      --tw-ring-color: var(--color-blue-800);
    }
  }
  .focus\:ring-blue-900 {
    &:focus {
      --tw-ring-color: var(--color-blue-900);
    }
  }
  .focus\:ring-blue-950 {
    &:focus {
      --tw-ring-color: var(--color-blue-950);
    }
  }
  .focus\:ring-cyan-50 {
    &:focus {
      --tw-ring-color: var(--color-cyan-50);
    }
  }
  .focus\:ring-cyan-100 {
    &:focus {
      --tw-ring-color: var(--color-cyan-100);
    }
  }
  .focus\:ring-cyan-200 {
    &:focus {
      --tw-ring-color: var(--color-cyan-200);
    }
  }
  .focus\:ring-cyan-300 {
    &:focus {
      --tw-ring-color: var(--color-cyan-300);
    }
  }
  .focus\:ring-cyan-400 {
    &:focus {
      --tw-ring-color: var(--color-cyan-400);
    }
  }
  .focus\:ring-cyan-500 {
    &:focus {
      --tw-ring-color: var(--color-cyan-500);
    }
  }
  .focus\:ring-cyan-600 {
    &:focus {
      --tw-ring-color: var(--color-cyan-600);
    }
  }
  .focus\:ring-cyan-700 {
    &:focus {
      --tw-ring-color: var(--color-cyan-700);
    }
  }
  .focus\:ring-cyan-800 {
    &:focus {
      --tw-ring-color: var(--color-cyan-800);
    }
  }
  .focus\:ring-cyan-900 {
    &:focus {
      --tw-ring-color: var(--color-cyan-900);
    }
  }
  .focus\:ring-cyan-950 {
    &:focus {
      --tw-ring-color: var(--color-cyan-950);
    }
  }
  .focus\:ring-emerald-50 {
    &:focus {
      --tw-ring-color: var(--color-emerald-50);
    }
  }
  .focus\:ring-emerald-100 {
    &:focus {
      --tw-ring-color: var(--color-emerald-100);
    }
  }
  .focus\:ring-emerald-200 {
    &:focus {
      --tw-ring-color: var(--color-emerald-200);
    }
  }
  .focus\:ring-emerald-300 {
    &:focus {
      --tw-ring-color: var(--color-emerald-300);
    }
  }
  .focus\:ring-emerald-400 {
    &:focus {
      --tw-ring-color: var(--color-emerald-400);
    }
  }
  .focus\:ring-emerald-500 {
    &:focus {
      --tw-ring-color: var(--color-emerald-500);
    }
  }
  .focus\:ring-emerald-600 {
    &:focus {
      --tw-ring-color: var(--color-emerald-600);
    }
  }
  .focus\:ring-emerald-700 {
    &:focus {
      --tw-ring-color: var(--color-emerald-700);
    }
  }
  .focus\:ring-emerald-800 {
    &:focus {
      --tw-ring-color: var(--color-emerald-800);
    }
  }
  .focus\:ring-emerald-900 {
    &:focus {
      --tw-ring-color: var(--color-emerald-900);
    }
  }
  .focus\:ring-emerald-950 {
    &:focus {
      --tw-ring-color: var(--color-emerald-950);
    }
  }
  .focus\:ring-fuchsia-50 {
    &:focus {
      --tw-ring-color: var(--color-fuchsia-50);
    }
  }
  .focus\:ring-fuchsia-100 {
    &:focus {
      --tw-ring-color: var(--color-fuchsia-100);
    }
  }
  .focus\:ring-fuchsia-200 {
    &:focus {
      --tw-ring-color: var(--color-fuchsia-200);
    }
  }
  .focus\:ring-fuchsia-300 {
    &:focus {
      --tw-ring-color: var(--color-fuchsia-300);
    }
  }
  .focus\:ring-fuchsia-400 {
    &:focus {
      --tw-ring-color: var(--color-fuchsia-400);
    }
  }
  .focus\:ring-fuchsia-500 {
    &:focus {
      --tw-ring-color: var(--color-fuchsia-500);
    }
  }
  .focus\:ring-fuchsia-600 {
    &:focus {
      --tw-ring-color: var(--color-fuchsia-600);
    }
  }
  .focus\:ring-fuchsia-700 {
    &:focus {
      --tw-ring-color: var(--color-fuchsia-700);
    }
  }
  .focus\:ring-fuchsia-800 {
    &:focus {
      --tw-ring-color: var(--color-fuchsia-800);
    }
  }
  .focus\:ring-fuchsia-900 {
    &:focus {
      --tw-ring-color: var(--color-fuchsia-900);
    }
  }
  .focus\:ring-fuchsia-950 {
    &:focus {
      --tw-ring-color: var(--color-fuchsia-950);
    }
  }
  .focus\:ring-gray-50 {
    &:focus {
      --tw-ring-color: var(--color-gray-50);
    }
  }
  .focus\:ring-gray-100 {
    &:focus {
      --tw-ring-color: var(--color-gray-100);
    }
  }
  .focus\:ring-gray-200 {
    &:focus {
      --tw-ring-color: var(--color-gray-200);
    }
  }
  .focus\:ring-gray-300 {
    &:focus {
      --tw-ring-color: var(--color-gray-300);
    }
  }
  .focus\:ring-gray-400 {
    &:focus {
      --tw-ring-color: var(--color-gray-400);
    }
  }
  .focus\:ring-gray-500 {
    &:focus {
      --tw-ring-color: var(--color-gray-500);
    }
  }
  .focus\:ring-gray-600 {
    &:focus {
      --tw-ring-color: var(--color-gray-600);
    }
  }
  .focus\:ring-gray-700 {
    &:focus {
      --tw-ring-color: var(--color-gray-700);
    }
  }
  .focus\:ring-gray-800 {
    &:focus {
      --tw-ring-color: var(--color-gray-800);
    }
  }
  .focus\:ring-gray-900 {
    &:focus {
      --tw-ring-color: var(--color-gray-900);
    }
  }
  .focus\:ring-gray-950 {
    &:focus {
      --tw-ring-color: var(--color-gray-950);
    }
  }
  .focus\:ring-green-50 {
    &:focus {
      --tw-ring-color: var(--color-green-50);
    }
  }
  .focus\:ring-green-100 {
    &:focus {
      --tw-ring-color: var(--color-green-100);
    }
  }
  .focus\:ring-green-200 {
    &:focus {
      --tw-ring-color: var(--color-green-200);
    }
  }
  .focus\:ring-green-300 {
    &:focus {
      --tw-ring-color: var(--color-green-300);
    }
  }
  .focus\:ring-green-400 {
    &:focus {
      --tw-ring-color: var(--color-green-400);
    }
  }
  .focus\:ring-green-500 {
    &:focus {
      --tw-ring-color: var(--color-green-500);
    }
  }
  .focus\:ring-green-600 {
    &:focus {
      --tw-ring-color: var(--color-green-600);
    }
  }
  .focus\:ring-green-700 {
    &:focus {
      --tw-ring-color: var(--color-green-700);
    }
  }
  .focus\:ring-green-800 {
    &:focus {
      --tw-ring-color: var(--color-green-800);
    }
  }
  .focus\:ring-green-900 {
    &:focus {
      --tw-ring-color: var(--color-green-900);
    }
  }
  .focus\:ring-green-950 {
    &:focus {
      --tw-ring-color: var(--color-green-950);
    }
  }
  .focus\:ring-indigo-50 {
    &:focus {
      --tw-ring-color: var(--color-indigo-50);
    }
  }
  .focus\:ring-indigo-100 {
    &:focus {
      --tw-ring-color: var(--color-indigo-100);
    }
  }
  .focus\:ring-indigo-200 {
    &:focus {
      --tw-ring-color: var(--color-indigo-200);
    }
  }
  .focus\:ring-indigo-300 {
    &:focus {
      --tw-ring-color: var(--color-indigo-300);
    }
  }
  .focus\:ring-indigo-400 {
    &:focus {
      --tw-ring-color: var(--color-indigo-400);
    }
  }
  .focus\:ring-indigo-500 {
    &:focus {
      --tw-ring-color: var(--color-indigo-500);
    }
  }
  .focus\:ring-indigo-600 {
    &:focus {
      --tw-ring-color: var(--color-indigo-600);
    }
  }
  .focus\:ring-indigo-700 {
    &:focus {
      --tw-ring-color: var(--color-indigo-700);
    }
  }
  .focus\:ring-indigo-800 {
    &:focus {
      --tw-ring-color: var(--color-indigo-800);
    }
  }
  .focus\:ring-indigo-900 {
    &:focus {
      --tw-ring-color: var(--color-indigo-900);
    }
  }
  .focus\:ring-indigo-950 {
    &:focus {
      --tw-ring-color: var(--color-indigo-950);
    }
  }
  .focus\:ring-lime-50 {
    &:focus {
      --tw-ring-color: var(--color-lime-50);
    }
  }
  .focus\:ring-lime-100 {
    &:focus {
      --tw-ring-color: var(--color-lime-100);
    }
  }
  .focus\:ring-lime-200 {
    &:focus {
      --tw-ring-color: var(--color-lime-200);
    }
  }
  .focus\:ring-lime-300 {
    &:focus {
      --tw-ring-color: var(--color-lime-300);
    }
  }
  .focus\:ring-lime-400 {
    &:focus {
      --tw-ring-color: var(--color-lime-400);
    }
  }
  .focus\:ring-lime-500 {
    &:focus {
      --tw-ring-color: var(--color-lime-500);
    }
  }
  .focus\:ring-lime-600 {
    &:focus {
      --tw-ring-color: var(--color-lime-600);
    }
  }
  .focus\:ring-lime-700 {
    &:focus {
      --tw-ring-color: var(--color-lime-700);
    }
  }
  .focus\:ring-lime-800 {
    &:focus {
      --tw-ring-color: var(--color-lime-800);
    }
  }
  .focus\:ring-lime-900 {
    &:focus {
      --tw-ring-color: var(--color-lime-900);
    }
  }
  .focus\:ring-lime-950 {
    &:focus {
      --tw-ring-color: var(--color-lime-950);
    }
  }
  .focus\:ring-neutral-50 {
    &:focus {
      --tw-ring-color: var(--color-neutral-50);
    }
  }
  .focus\:ring-neutral-100 {
    &:focus {
      --tw-ring-color: var(--color-neutral-100);
    }
  }
  .focus\:ring-neutral-200 {
    &:focus {
      --tw-ring-color: var(--color-neutral-200);
    }
  }
  .focus\:ring-neutral-300 {
    &:focus {
      --tw-ring-color: var(--color-neutral-300);
    }
  }
  .focus\:ring-neutral-400 {
    &:focus {
      --tw-ring-color: var(--color-neutral-400);
    }
  }
  .focus\:ring-neutral-500 {
    &:focus {
      --tw-ring-color: var(--color-neutral-500);
    }
  }
  .focus\:ring-neutral-600 {
    &:focus {
      --tw-ring-color: var(--color-neutral-600);
    }
  }
  .focus\:ring-neutral-700 {
    &:focus {
      --tw-ring-color: var(--color-neutral-700);
    }
  }
  .focus\:ring-neutral-800 {
    &:focus {
      --tw-ring-color: var(--color-neutral-800);
    }
  }
  .focus\:ring-neutral-900 {
    &:focus {
      --tw-ring-color: var(--color-neutral-900);
    }
  }
  .focus\:ring-neutral-950 {
    &:focus {
      --tw-ring-color: var(--color-neutral-950);
    }
  }
  .focus\:ring-orange-50 {
    &:focus {
      --tw-ring-color: var(--color-orange-50);
    }
  }
  .focus\:ring-orange-100 {
    &:focus {
      --tw-ring-color: var(--color-orange-100);
    }
  }
  .focus\:ring-orange-200 {
    &:focus {
      --tw-ring-color: var(--color-orange-200);
    }
  }
  .focus\:ring-orange-300 {
    &:focus {
      --tw-ring-color: var(--color-orange-300);
    }
  }
  .focus\:ring-orange-400 {
    &:focus {
      --tw-ring-color: var(--color-orange-400);
    }
  }
  .focus\:ring-orange-500 {
    &:focus {
      --tw-ring-color: var(--color-orange-500);
    }
  }
  .focus\:ring-orange-600 {
    &:focus {
      --tw-ring-color: var(--color-orange-600);
    }
  }
  .focus\:ring-orange-700 {
    &:focus {
      --tw-ring-color: var(--color-orange-700);
    }
  }
  .focus\:ring-orange-800 {
    &:focus {
      --tw-ring-color: var(--color-orange-800);
    }
  }
  .focus\:ring-orange-900 {
    &:focus {
      --tw-ring-color: var(--color-orange-900);
    }
  }
  .focus\:ring-orange-950 {
    &:focus {
      --tw-ring-color: var(--color-orange-950);
    }
  }
  .focus\:ring-pink-50 {
    &:focus {
      --tw-ring-color: var(--color-pink-50);
    }
  }
  .focus\:ring-pink-100 {
    &:focus {
      --tw-ring-color: var(--color-pink-100);
    }
  }
  .focus\:ring-pink-200 {
    &:focus {
      --tw-ring-color: var(--color-pink-200);
    }
  }
  .focus\:ring-pink-300 {
    &:focus {
      --tw-ring-color: var(--color-pink-300);
    }
  }
  .focus\:ring-pink-400 {
    &:focus {
      --tw-ring-color: var(--color-pink-400);
    }
  }
  .focus\:ring-pink-500 {
    &:focus {
      --tw-ring-color: var(--color-pink-500);
    }
  }
  .focus\:ring-pink-600 {
    &:focus {
      --tw-ring-color: var(--color-pink-600);
    }
  }
  .focus\:ring-pink-700 {
    &:focus {
      --tw-ring-color: var(--color-pink-700);
    }
  }
  .focus\:ring-pink-800 {
    &:focus {
      --tw-ring-color: var(--color-pink-800);
    }
  }
  .focus\:ring-pink-900 {
    &:focus {
      --tw-ring-color: var(--color-pink-900);
    }
  }
  .focus\:ring-pink-950 {
    &:focus {
      --tw-ring-color: var(--color-pink-950);
    }
  }
  .focus\:ring-purple-50 {
    &:focus {
      --tw-ring-color: var(--color-purple-50);
    }
  }
  .focus\:ring-purple-100 {
    &:focus {
      --tw-ring-color: var(--color-purple-100);
    }
  }
  .focus\:ring-purple-200 {
    &:focus {
      --tw-ring-color: var(--color-purple-200);
    }
  }
  .focus\:ring-purple-300 {
    &:focus {
      --tw-ring-color: var(--color-purple-300);
    }
  }
  .focus\:ring-purple-400 {
    &:focus {
      --tw-ring-color: var(--color-purple-400);
    }
  }
  .focus\:ring-purple-500 {
    &:focus {
      --tw-ring-color: var(--color-purple-500);
    }
  }
  .focus\:ring-purple-600 {
    &:focus {
      --tw-ring-color: var(--color-purple-600);
    }
  }
  .focus\:ring-purple-700 {
    &:focus {
      --tw-ring-color: var(--color-purple-700);
    }
  }
  .focus\:ring-purple-800 {
    &:focus {
      --tw-ring-color: var(--color-purple-800);
    }
  }
  .focus\:ring-purple-900 {
    &:focus {
      --tw-ring-color: var(--color-purple-900);
    }
  }
  .focus\:ring-purple-950 {
    &:focus {
      --tw-ring-color: var(--color-purple-950);
    }
  }
  .focus\:ring-red-50 {
    &:focus {
      --tw-ring-color: var(--color-red-50);
    }
  }
  .focus\:ring-red-100 {
    &:focus {
      --tw-ring-color: var(--color-red-100);
    }
  }
  .focus\:ring-red-200 {
    &:focus {
      --tw-ring-color: var(--color-red-200);
    }
  }
  .focus\:ring-red-300 {
    &:focus {
      --tw-ring-color: var(--color-red-300);
    }
  }
  .focus\:ring-red-400 {
    &:focus {
      --tw-ring-color: var(--color-red-400);
    }
  }
  .focus\:ring-red-500 {
    &:focus {
      --tw-ring-color: var(--color-red-500);
    }
  }
  .focus\:ring-red-600 {
    &:focus {
      --tw-ring-color: var(--color-red-600);
    }
  }
  .focus\:ring-red-700 {
    &:focus {
      --tw-ring-color: var(--color-red-700);
    }
  }
  .focus\:ring-red-800 {
    &:focus {
      --tw-ring-color: var(--color-red-800);
    }
  }
  .focus\:ring-red-900 {
    &:focus {
      --tw-ring-color: var(--color-red-900);
    }
  }
  .focus\:ring-red-950 {
    &:focus {
      --tw-ring-color: var(--color-red-950);
    }
  }
  .focus\:ring-rose-50 {
    &:focus {
      --tw-ring-color: var(--color-rose-50);
    }
  }
  .focus\:ring-rose-100 {
    &:focus {
      --tw-ring-color: var(--color-rose-100);
    }
  }
  .focus\:ring-rose-200 {
    &:focus {
      --tw-ring-color: var(--color-rose-200);
    }
  }
  .focus\:ring-rose-300 {
    &:focus {
      --tw-ring-color: var(--color-rose-300);
    }
  }
  .focus\:ring-rose-400 {
    &:focus {
      --tw-ring-color: var(--color-rose-400);
    }
  }
  .focus\:ring-rose-500 {
    &:focus {
      --tw-ring-color: var(--color-rose-500);
    }
  }
  .focus\:ring-rose-600 {
    &:focus {
      --tw-ring-color: var(--color-rose-600);
    }
  }
  .focus\:ring-rose-700 {
    &:focus {
      --tw-ring-color: var(--color-rose-700);
    }
  }
  .focus\:ring-rose-800 {
    &:focus {
      --tw-ring-color: var(--color-rose-800);
    }
  }
  .focus\:ring-rose-900 {
    &:focus {
      --tw-ring-color: var(--color-rose-900);
    }
  }
  .focus\:ring-rose-950 {
    &:focus {
      --tw-ring-color: var(--color-rose-950);
    }
  }
  .focus\:ring-sky-50 {
    &:focus {
      --tw-ring-color: var(--color-sky-50);
    }
  }
  .focus\:ring-sky-100 {
    &:focus {
      --tw-ring-color: var(--color-sky-100);
    }
  }
  .focus\:ring-sky-200 {
    &:focus {
      --tw-ring-color: var(--color-sky-200);
    }
  }
  .focus\:ring-sky-300 {
    &:focus {
      --tw-ring-color: var(--color-sky-300);
    }
  }
  .focus\:ring-sky-400 {
    &:focus {
      --tw-ring-color: var(--color-sky-400);
    }
  }
  .focus\:ring-sky-500 {
    &:focus {
      --tw-ring-color: var(--color-sky-500);
    }
  }
  .focus\:ring-sky-600 {
    &:focus {
      --tw-ring-color: var(--color-sky-600);
    }
  }
  .focus\:ring-sky-700 {
    &:focus {
      --tw-ring-color: var(--color-sky-700);
    }
  }
  .focus\:ring-sky-800 {
    &:focus {
      --tw-ring-color: var(--color-sky-800);
    }
  }
  .focus\:ring-sky-900 {
    &:focus {
      --tw-ring-color: var(--color-sky-900);
    }
  }
  .focus\:ring-sky-950 {
    &:focus {
      --tw-ring-color: var(--color-sky-950);
    }
  }
  .focus\:ring-slate-50 {
    &:focus {
      --tw-ring-color: var(--color-slate-50);
    }
  }
  .focus\:ring-slate-100 {
    &:focus {
      --tw-ring-color: var(--color-slate-100);
    }
  }
  .focus\:ring-slate-200 {
    &:focus {
      --tw-ring-color: var(--color-slate-200);
    }
  }
  .focus\:ring-slate-300 {
    &:focus {
      --tw-ring-color: var(--color-slate-300);
    }
  }
  .focus\:ring-slate-400 {
    &:focus {
      --tw-ring-color: var(--color-slate-400);
    }
  }
  .focus\:ring-slate-500 {
    &:focus {
      --tw-ring-color: var(--color-slate-500);
    }
  }
  .focus\:ring-slate-600 {
    &:focus {
      --tw-ring-color: var(--color-slate-600);
    }
  }
  .focus\:ring-slate-700 {
    &:focus {
      --tw-ring-color: var(--color-slate-700);
    }
  }
  .focus\:ring-slate-800 {
    &:focus {
      --tw-ring-color: var(--color-slate-800);
    }
  }
  .focus\:ring-slate-900 {
    &:focus {
      --tw-ring-color: var(--color-slate-900);
    }
  }
  .focus\:ring-slate-950 {
    &:focus {
      --tw-ring-color: var(--color-slate-950);
    }
  }
  .focus\:ring-stone-50 {
    &:focus {
      --tw-ring-color: var(--color-stone-50);
    }
  }
  .focus\:ring-stone-100 {
    &:focus {
      --tw-ring-color: var(--color-stone-100);
    }
  }
  .focus\:ring-stone-200 {
    &:focus {
      --tw-ring-color: var(--color-stone-200);
    }
  }
  .focus\:ring-stone-300 {
    &:focus {
      --tw-ring-color: var(--color-stone-300);
    }
  }
  .focus\:ring-stone-400 {
    &:focus {
      --tw-ring-color: var(--color-stone-400);
    }
  }
  .focus\:ring-stone-500 {
    &:focus {
      --tw-ring-color: var(--color-stone-500);
    }
  }
  .focus\:ring-stone-600 {
    &:focus {
      --tw-ring-color: var(--color-stone-600);
    }
  }
  .focus\:ring-stone-700 {
    &:focus {
      --tw-ring-color: var(--color-stone-700);
    }
  }
  .focus\:ring-stone-800 {
    &:focus {
      --tw-ring-color: var(--color-stone-800);
    }
  }
  .focus\:ring-stone-900 {
    &:focus {
      --tw-ring-color: var(--color-stone-900);
    }
  }
  .focus\:ring-stone-950 {
    &:focus {
      --tw-ring-color: var(--color-stone-950);
    }
  }
  .focus\:ring-teal-50 {
    &:focus {
      --tw-ring-color: var(--color-teal-50);
    }
  }
  .focus\:ring-teal-100 {
    &:focus {
      --tw-ring-color: var(--color-teal-100);
    }
  }
  .focus\:ring-teal-200 {
    &:focus {
      --tw-ring-color: var(--color-teal-200);
    }
  }
  .focus\:ring-teal-300 {
    &:focus {
      --tw-ring-color: var(--color-teal-300);
    }
  }
  .focus\:ring-teal-400 {
    &:focus {
      --tw-ring-color: var(--color-teal-400);
    }
  }
  .focus\:ring-teal-500 {
    &:focus {
      --tw-ring-color: var(--color-teal-500);
    }
  }
  .focus\:ring-teal-600 {
    &:focus {
      --tw-ring-color: var(--color-teal-600);
    }
  }
  .focus\:ring-teal-700 {
    &:focus {
      --tw-ring-color: var(--color-teal-700);
    }
  }
  .focus\:ring-teal-800 {
    &:focus {
      --tw-ring-color: var(--color-teal-800);
    }
  }
  .focus\:ring-teal-900 {
    &:focus {
      --tw-ring-color: var(--color-teal-900);
    }
  }
  .focus\:ring-teal-950 {
    &:focus {
      --tw-ring-color: var(--color-teal-950);
    }
  }
  .focus\:ring-violet-50 {
    &:focus {
      --tw-ring-color: var(--color-violet-50);
    }
  }
  .focus\:ring-violet-100 {
    &:focus {
      --tw-ring-color: var(--color-violet-100);
    }
  }
  .focus\:ring-violet-200 {
    &:focus {
      --tw-ring-color: var(--color-violet-200);
    }
  }
  .focus\:ring-violet-300 {
    &:focus {
      --tw-ring-color: var(--color-violet-300);
    }
  }
  .focus\:ring-violet-400 {
    &:focus {
      --tw-ring-color: var(--color-violet-400);
    }
  }
  .focus\:ring-violet-500 {
    &:focus {
      --tw-ring-color: var(--color-violet-500);
    }
  }
  .focus\:ring-violet-600 {
    &:focus {
      --tw-ring-color: var(--color-violet-600);
    }
  }
  .focus\:ring-violet-700 {
    &:focus {
      --tw-ring-color: var(--color-violet-700);
    }
  }
  .focus\:ring-violet-800 {
    &:focus {
      --tw-ring-color: var(--color-violet-800);
    }
  }
  .focus\:ring-violet-900 {
    &:focus {
      --tw-ring-color: var(--color-violet-900);
    }
  }
  .focus\:ring-violet-950 {
    &:focus {
      --tw-ring-color: var(--color-violet-950);
    }
  }
  .focus\:ring-yellow-50 {
    &:focus {
      --tw-ring-color: var(--color-yellow-50);
    }
  }
  .focus\:ring-yellow-100 {
    &:focus {
      --tw-ring-color: var(--color-yellow-100);
    }
  }
  .focus\:ring-yellow-200 {
    &:focus {
      --tw-ring-color: var(--color-yellow-200);
    }
  }
  .focus\:ring-yellow-300 {
    &:focus {
      --tw-ring-color: var(--color-yellow-300);
    }
  }
  .focus\:ring-yellow-400 {
    &:focus {
      --tw-ring-color: var(--color-yellow-400);
    }
  }
  .focus\:ring-yellow-500 {
    &:focus {
      --tw-ring-color: var(--color-yellow-500);
    }
  }
  .focus\:ring-yellow-600 {
    &:focus {
      --tw-ring-color: var(--color-yellow-600);
    }
  }
  .focus\:ring-yellow-700 {
    &:focus {
      --tw-ring-color: var(--color-yellow-700);
    }
  }
  .focus\:ring-yellow-800 {
    &:focus {
      --tw-ring-color: var(--color-yellow-800);
    }
  }
  .focus\:ring-yellow-900 {
    &:focus {
      --tw-ring-color: var(--color-yellow-900);
    }
  }
  .focus\:ring-yellow-950 {
    &:focus {
      --tw-ring-color: var(--color-yellow-950);
    }
  }
  .focus\:ring-zinc-50 {
    &:focus {
      --tw-ring-color: var(--color-zinc-50);
    }
  }
  .focus\:ring-zinc-100 {
    &:focus {
      --tw-ring-color: var(--color-zinc-100);
    }
  }
  .focus\:ring-zinc-200 {
    &:focus {
      --tw-ring-color: var(--color-zinc-200);
    }
  }
  .focus\:ring-zinc-300 {
    &:focus {
      --tw-ring-color: var(--color-zinc-300);
    }
  }
  .focus\:ring-zinc-400 {
    &:focus {
      --tw-ring-color: var(--color-zinc-400);
    }
  }
  .focus\:ring-zinc-500 {
    &:focus {
      --tw-ring-color: var(--color-zinc-500);
    }
  }
  .focus\:ring-zinc-600 {
    &:focus {
      --tw-ring-color: var(--color-zinc-600);
    }
  }
  .focus\:ring-zinc-700 {
    &:focus {
      --tw-ring-color: var(--color-zinc-700);
    }
  }
  .focus\:ring-zinc-800 {
    &:focus {
      --tw-ring-color: var(--color-zinc-800);
    }
  }
  .focus\:ring-zinc-900 {
    &:focus {
      --tw-ring-color: var(--color-zinc-900);
    }
  }
  .focus\:ring-zinc-950 {
    &:focus {
      --tw-ring-color: var(--color-zinc-950);
    }
  }
  .focus\:ring-offset-amber-50 {
    &:focus {
      --tw-ring-offset-color: var(--color-amber-50);
    }
  }
  .focus\:ring-offset-amber-100 {
    &:focus {
      --tw-ring-offset-color: var(--color-amber-100);
    }
  }
  .focus\:ring-offset-amber-200 {
    &:focus {
      --tw-ring-offset-color: var(--color-amber-200);
    }
  }
  .focus\:ring-offset-amber-300 {
    &:focus {
      --tw-ring-offset-color: var(--color-amber-300);
    }
  }
  .focus\:ring-offset-amber-400 {
    &:focus {
      --tw-ring-offset-color: var(--color-amber-400);
    }
  }
  .focus\:ring-offset-amber-500 {
    &:focus {
      --tw-ring-offset-color: var(--color-amber-500);
    }
  }
  .focus\:ring-offset-amber-600 {
    &:focus {
      --tw-ring-offset-color: var(--color-amber-600);
    }
  }
  .focus\:ring-offset-amber-700 {
    &:focus {
      --tw-ring-offset-color: var(--color-amber-700);
    }
  }
  .focus\:ring-offset-amber-800 {
    &:focus {
      --tw-ring-offset-color: var(--color-amber-800);
    }
  }
  .focus\:ring-offset-amber-900 {
    &:focus {
      --tw-ring-offset-color: var(--color-amber-900);
    }
  }
  .focus\:ring-offset-amber-950 {
    &:focus {
      --tw-ring-offset-color: var(--color-amber-950);
    }
  }
  .focus\:ring-offset-blue-50 {
    &:focus {
      --tw-ring-offset-color: var(--color-blue-50);
    }
  }
  .focus\:ring-offset-blue-100 {
    &:focus {
      --tw-ring-offset-color: var(--color-blue-100);
    }
  }
  .focus\:ring-offset-blue-200 {
    &:focus {
      --tw-ring-offset-color: var(--color-blue-200);
    }
  }
  .focus\:ring-offset-blue-300 {
    &:focus {
      --tw-ring-offset-color: var(--color-blue-300);
    }
  }
  .focus\:ring-offset-blue-400 {
    &:focus {
      --tw-ring-offset-color: var(--color-blue-400);
    }
  }
  .focus\:ring-offset-blue-500 {
    &:focus {
      --tw-ring-offset-color: var(--color-blue-500);
    }
  }
  .focus\:ring-offset-blue-600 {
    &:focus {
      --tw-ring-offset-color: var(--color-blue-600);
    }
  }
  .focus\:ring-offset-blue-700 {
    &:focus {
      --tw-ring-offset-color: var(--color-blue-700);
    }
  }
  .focus\:ring-offset-blue-800 {
    &:focus {
      --tw-ring-offset-color: var(--color-blue-800);
    }
  }
  .focus\:ring-offset-blue-900 {
    &:focus {
      --tw-ring-offset-color: var(--color-blue-900);
    }
  }
  .focus\:ring-offset-blue-950 {
    &:focus {
      --tw-ring-offset-color: var(--color-blue-950);
    }
  }
  .focus\:ring-offset-cyan-50 {
    &:focus {
      --tw-ring-offset-color: var(--color-cyan-50);
    }
  }
  .focus\:ring-offset-cyan-100 {
    &:focus {
      --tw-ring-offset-color: var(--color-cyan-100);
    }
  }
  .focus\:ring-offset-cyan-200 {
    &:focus {
      --tw-ring-offset-color: var(--color-cyan-200);
    }
  }
  .focus\:ring-offset-cyan-300 {
    &:focus {
      --tw-ring-offset-color: var(--color-cyan-300);
    }
  }
  .focus\:ring-offset-cyan-400 {
    &:focus {
      --tw-ring-offset-color: var(--color-cyan-400);
    }
  }
  .focus\:ring-offset-cyan-500 {
    &:focus {
      --tw-ring-offset-color: var(--color-cyan-500);
    }
  }
  .focus\:ring-offset-cyan-600 {
    &:focus {
      --tw-ring-offset-color: var(--color-cyan-600);
    }
  }
  .focus\:ring-offset-cyan-700 {
    &:focus {
      --tw-ring-offset-color: var(--color-cyan-700);
    }
  }
  .focus\:ring-offset-cyan-800 {
    &:focus {
      --tw-ring-offset-color: var(--color-cyan-800);
    }
  }
  .focus\:ring-offset-cyan-900 {
    &:focus {
      --tw-ring-offset-color: var(--color-cyan-900);
    }
  }
  .focus\:ring-offset-cyan-950 {
    &:focus {
      --tw-ring-offset-color: var(--color-cyan-950);
    }
  }
  .focus\:ring-offset-emerald-50 {
    &:focus {
      --tw-ring-offset-color: var(--color-emerald-50);
    }
  }
  .focus\:ring-offset-emerald-100 {
    &:focus {
      --tw-ring-offset-color: var(--color-emerald-100);
    }
  }
  .focus\:ring-offset-emerald-200 {
    &:focus {
      --tw-ring-offset-color: var(--color-emerald-200);
    }
  }
  .focus\:ring-offset-emerald-300 {
    &:focus {
      --tw-ring-offset-color: var(--color-emerald-300);
    }
  }
  .focus\:ring-offset-emerald-400 {
    &:focus {
      --tw-ring-offset-color: var(--color-emerald-400);
    }
  }
  .focus\:ring-offset-emerald-500 {
    &:focus {
      --tw-ring-offset-color: var(--color-emerald-500);
    }
  }
  .focus\:ring-offset-emerald-600 {
    &:focus {
      --tw-ring-offset-color: var(--color-emerald-600);
    }
  }
  .focus\:ring-offset-emerald-700 {
    &:focus {
      --tw-ring-offset-color: var(--color-emerald-700);
    }
  }
  .focus\:ring-offset-emerald-800 {
    &:focus {
      --tw-ring-offset-color: var(--color-emerald-800);
    }
  }
  .focus\:ring-offset-emerald-900 {
    &:focus {
      --tw-ring-offset-color: var(--color-emerald-900);
    }
  }
  .focus\:ring-offset-emerald-950 {
    &:focus {
      --tw-ring-offset-color: var(--color-emerald-950);
    }
  }
  .focus\:ring-offset-fuchsia-50 {
    &:focus {
      --tw-ring-offset-color: var(--color-fuchsia-50);
    }
  }
  .focus\:ring-offset-fuchsia-100 {
    &:focus {
      --tw-ring-offset-color: var(--color-fuchsia-100);
    }
  }
  .focus\:ring-offset-fuchsia-200 {
    &:focus {
      --tw-ring-offset-color: var(--color-fuchsia-200);
    }
  }
  .focus\:ring-offset-fuchsia-300 {
    &:focus {
      --tw-ring-offset-color: var(--color-fuchsia-300);
    }
  }
  .focus\:ring-offset-fuchsia-400 {
    &:focus {
      --tw-ring-offset-color: var(--color-fuchsia-400);
    }
  }
  .focus\:ring-offset-fuchsia-500 {
    &:focus {
      --tw-ring-offset-color: var(--color-fuchsia-500);
    }
  }
  .focus\:ring-offset-fuchsia-600 {
    &:focus {
      --tw-ring-offset-color: var(--color-fuchsia-600);
    }
  }
  .focus\:ring-offset-fuchsia-700 {
    &:focus {
      --tw-ring-offset-color: var(--color-fuchsia-700);
    }
  }
  .focus\:ring-offset-fuchsia-800 {
    &:focus {
      --tw-ring-offset-color: var(--color-fuchsia-800);
    }
  }
  .focus\:ring-offset-fuchsia-900 {
    &:focus {
      --tw-ring-offset-color: var(--color-fuchsia-900);
    }
  }
  .focus\:ring-offset-fuchsia-950 {
    &:focus {
      --tw-ring-offset-color: var(--color-fuchsia-950);
    }
  }
  .focus\:ring-offset-gray-50 {
    &:focus {
      --tw-ring-offset-color: var(--color-gray-50);
    }
  }
  .focus\:ring-offset-gray-100 {
    &:focus {
      --tw-ring-offset-color: var(--color-gray-100);
    }
  }
  .focus\:ring-offset-gray-200 {
    &:focus {
      --tw-ring-offset-color: var(--color-gray-200);
    }
  }
  .focus\:ring-offset-gray-300 {
    &:focus {
      --tw-ring-offset-color: var(--color-gray-300);
    }
  }
  .focus\:ring-offset-gray-400 {
    &:focus {
      --tw-ring-offset-color: var(--color-gray-400);
    }
  }
  .focus\:ring-offset-gray-500 {
    &:focus {
      --tw-ring-offset-color: var(--color-gray-500);
    }
  }
  .focus\:ring-offset-gray-600 {
    &:focus {
      --tw-ring-offset-color: var(--color-gray-600);
    }
  }
  .focus\:ring-offset-gray-700 {
    &:focus {
      --tw-ring-offset-color: var(--color-gray-700);
    }
  }
  .focus\:ring-offset-gray-800 {
    &:focus {
      --tw-ring-offset-color: var(--color-gray-800);
    }
  }
  .focus\:ring-offset-gray-900 {
    &:focus {
      --tw-ring-offset-color: var(--color-gray-900);
    }
  }
  .focus\:ring-offset-gray-950 {
    &:focus {
      --tw-ring-offset-color: var(--color-gray-950);
    }
  }
  .focus\:ring-offset-green-50 {
    &:focus {
      --tw-ring-offset-color: var(--color-green-50);
    }
  }
  .focus\:ring-offset-green-100 {
    &:focus {
      --tw-ring-offset-color: var(--color-green-100);
    }
  }
  .focus\:ring-offset-green-200 {
    &:focus {
      --tw-ring-offset-color: var(--color-green-200);
    }
  }
  .focus\:ring-offset-green-300 {
    &:focus {
      --tw-ring-offset-color: var(--color-green-300);
    }
  }
  .focus\:ring-offset-green-400 {
    &:focus {
      --tw-ring-offset-color: var(--color-green-400);
    }
  }
  .focus\:ring-offset-green-500 {
    &:focus {
      --tw-ring-offset-color: var(--color-green-500);
    }
  }
  .focus\:ring-offset-green-600 {
    &:focus {
      --tw-ring-offset-color: var(--color-green-600);
    }
  }
  .focus\:ring-offset-green-700 {
    &:focus {
      --tw-ring-offset-color: var(--color-green-700);
    }
  }
  .focus\:ring-offset-green-800 {
    &:focus {
      --tw-ring-offset-color: var(--color-green-800);
    }
  }
  .focus\:ring-offset-green-900 {
    &:focus {
      --tw-ring-offset-color: var(--color-green-900);
    }
  }
  .focus\:ring-offset-green-950 {
    &:focus {
      --tw-ring-offset-color: var(--color-green-950);
    }
  }
  .focus\:ring-offset-indigo-50 {
    &:focus {
      --tw-ring-offset-color: var(--color-indigo-50);
    }
  }
  .focus\:ring-offset-indigo-100 {
    &:focus {
      --tw-ring-offset-color: var(--color-indigo-100);
    }
  }
  .focus\:ring-offset-indigo-200 {
    &:focus {
      --tw-ring-offset-color: var(--color-indigo-200);
    }
  }
  .focus\:ring-offset-indigo-300 {
    &:focus {
      --tw-ring-offset-color: var(--color-indigo-300);
    }
  }
  .focus\:ring-offset-indigo-400 {
    &:focus {
      --tw-ring-offset-color: var(--color-indigo-400);
    }
  }
  .focus\:ring-offset-indigo-500 {
    &:focus {
      --tw-ring-offset-color: var(--color-indigo-500);
    }
  }
  .focus\:ring-offset-indigo-600 {
    &:focus {
      --tw-ring-offset-color: var(--color-indigo-600);
    }
  }
  .focus\:ring-offset-indigo-700 {
    &:focus {
      --tw-ring-offset-color: var(--color-indigo-700);
    }
  }
  .focus\:ring-offset-indigo-800 {
    &:focus {
      --tw-ring-offset-color: var(--color-indigo-800);
    }
  }
  .focus\:ring-offset-indigo-900 {
    &:focus {
      --tw-ring-offset-color: var(--color-indigo-900);
    }
  }
  .focus\:ring-offset-indigo-950 {
    &:focus {
      --tw-ring-offset-color: var(--color-indigo-950);
    }
  }
  .focus\:ring-offset-lime-50 {
    &:focus {
      --tw-ring-offset-color: var(--color-lime-50);
    }
  }
  .focus\:ring-offset-lime-100 {
    &:focus {
      --tw-ring-offset-color: var(--color-lime-100);
    }
  }
  .focus\:ring-offset-lime-200 {
    &:focus {
      --tw-ring-offset-color: var(--color-lime-200);
    }
  }
  .focus\:ring-offset-lime-300 {
    &:focus {
      --tw-ring-offset-color: var(--color-lime-300);
    }
  }
  .focus\:ring-offset-lime-400 {
    &:focus {
      --tw-ring-offset-color: var(--color-lime-400);
    }
  }
  .focus\:ring-offset-lime-500 {
    &:focus {
      --tw-ring-offset-color: var(--color-lime-500);
    }
  }
  .focus\:ring-offset-lime-600 {
    &:focus {
      --tw-ring-offset-color: var(--color-lime-600);
    }
  }
  .focus\:ring-offset-lime-700 {
    &:focus {
      --tw-ring-offset-color: var(--color-lime-700);
    }
  }
  .focus\:ring-offset-lime-800 {
    &:focus {
      --tw-ring-offset-color: var(--color-lime-800);
    }
  }
  .focus\:ring-offset-lime-900 {
    &:focus {
      --tw-ring-offset-color: var(--color-lime-900);
    }
  }
  .focus\:ring-offset-lime-950 {
    &:focus {
      --tw-ring-offset-color: var(--color-lime-950);
    }
  }
  .focus\:ring-offset-neutral-50 {
    &:focus {
      --tw-ring-offset-color: var(--color-neutral-50);
    }
  }
  .focus\:ring-offset-neutral-100 {
    &:focus {
      --tw-ring-offset-color: var(--color-neutral-100);
    }
  }
  .focus\:ring-offset-neutral-200 {
    &:focus {
      --tw-ring-offset-color: var(--color-neutral-200);
    }
  }
  .focus\:ring-offset-neutral-300 {
    &:focus {
      --tw-ring-offset-color: var(--color-neutral-300);
    }
  }
  .focus\:ring-offset-neutral-400 {
    &:focus {
      --tw-ring-offset-color: var(--color-neutral-400);
    }
  }
  .focus\:ring-offset-neutral-500 {
    &:focus {
      --tw-ring-offset-color: var(--color-neutral-500);
    }
  }
  .focus\:ring-offset-neutral-600 {
    &:focus {
      --tw-ring-offset-color: var(--color-neutral-600);
    }
  }
  .focus\:ring-offset-neutral-700 {
    &:focus {
      --tw-ring-offset-color: var(--color-neutral-700);
    }
  }
  .focus\:ring-offset-neutral-800 {
    &:focus {
      --tw-ring-offset-color: var(--color-neutral-800);
    }
  }
  .focus\:ring-offset-neutral-900 {
    &:focus {
      --tw-ring-offset-color: var(--color-neutral-900);
    }
  }
  .focus\:ring-offset-neutral-950 {
    &:focus {
      --tw-ring-offset-color: var(--color-neutral-950);
    }
  }
  .focus\:ring-offset-orange-50 {
    &:focus {
      --tw-ring-offset-color: var(--color-orange-50);
    }
  }
  .focus\:ring-offset-orange-100 {
    &:focus {
      --tw-ring-offset-color: var(--color-orange-100);
    }
  }
  .focus\:ring-offset-orange-200 {
    &:focus {
      --tw-ring-offset-color: var(--color-orange-200);
    }
  }
  .focus\:ring-offset-orange-300 {
    &:focus {
      --tw-ring-offset-color: var(--color-orange-300);
    }
  }
  .focus\:ring-offset-orange-400 {
    &:focus {
      --tw-ring-offset-color: var(--color-orange-400);
    }
  }
  .focus\:ring-offset-orange-500 {
    &:focus {
      --tw-ring-offset-color: var(--color-orange-500);
    }
  }
  .focus\:ring-offset-orange-600 {
    &:focus {
      --tw-ring-offset-color: var(--color-orange-600);
    }
  }
  .focus\:ring-offset-orange-700 {
    &:focus {
      --tw-ring-offset-color: var(--color-orange-700);
    }
  }
  .focus\:ring-offset-orange-800 {
    &:focus {
      --tw-ring-offset-color: var(--color-orange-800);
    }
  }
  .focus\:ring-offset-orange-900 {
    &:focus {
      --tw-ring-offset-color: var(--color-orange-900);
    }
  }
  .focus\:ring-offset-orange-950 {
    &:focus {
      --tw-ring-offset-color: var(--color-orange-950);
    }
  }
  .focus\:ring-offset-pink-50 {
    &:focus {
      --tw-ring-offset-color: var(--color-pink-50);
    }
  }
  .focus\:ring-offset-pink-100 {
    &:focus {
      --tw-ring-offset-color: var(--color-pink-100);
    }
  }
  .focus\:ring-offset-pink-200 {
    &:focus {
      --tw-ring-offset-color: var(--color-pink-200);
    }
  }
  .focus\:ring-offset-pink-300 {
    &:focus {
      --tw-ring-offset-color: var(--color-pink-300);
    }
  }
  .focus\:ring-offset-pink-400 {
    &:focus {
      --tw-ring-offset-color: var(--color-pink-400);
    }
  }
  .focus\:ring-offset-pink-500 {
    &:focus {
      --tw-ring-offset-color: var(--color-pink-500);
    }
  }
  .focus\:ring-offset-pink-600 {
    &:focus {
      --tw-ring-offset-color: var(--color-pink-600);
    }
  }
  .focus\:ring-offset-pink-700 {
    &:focus {
      --tw-ring-offset-color: var(--color-pink-700);
    }
  }
  .focus\:ring-offset-pink-800 {
    &:focus {
      --tw-ring-offset-color: var(--color-pink-800);
    }
  }
  .focus\:ring-offset-pink-900 {
    &:focus {
      --tw-ring-offset-color: var(--color-pink-900);
    }
  }
  .focus\:ring-offset-pink-950 {
    &:focus {
      --tw-ring-offset-color: var(--color-pink-950);
    }
  }
  .focus\:ring-offset-purple-50 {
    &:focus {
      --tw-ring-offset-color: var(--color-purple-50);
    }
  }
  .focus\:ring-offset-purple-100 {
    &:focus {
      --tw-ring-offset-color: var(--color-purple-100);
    }
  }
  .focus\:ring-offset-purple-200 {
    &:focus {
      --tw-ring-offset-color: var(--color-purple-200);
    }
  }
  .focus\:ring-offset-purple-300 {
    &:focus {
      --tw-ring-offset-color: var(--color-purple-300);
    }
  }
  .focus\:ring-offset-purple-400 {
    &:focus {
      --tw-ring-offset-color: var(--color-purple-400);
    }
  }
  .focus\:ring-offset-purple-500 {
    &:focus {
      --tw-ring-offset-color: var(--color-purple-500);
    }
  }
  .focus\:ring-offset-purple-600 {
    &:focus {
      --tw-ring-offset-color: var(--color-purple-600);
    }
  }
  .focus\:ring-offset-purple-700 {
    &:focus {
      --tw-ring-offset-color: var(--color-purple-700);
    }
  }
  .focus\:ring-offset-purple-800 {
    &:focus {
      --tw-ring-offset-color: var(--color-purple-800);
    }
  }
  .focus\:ring-offset-purple-900 {
    &:focus {
      --tw-ring-offset-color: var(--color-purple-900);
    }
  }
  .focus\:ring-offset-purple-950 {
    &:focus {
      --tw-ring-offset-color: var(--color-purple-950);
    }
  }
  .focus\:ring-offset-red-50 {
    &:focus {
      --tw-ring-offset-color: var(--color-red-50);
    }
  }
  .focus\:ring-offset-red-100 {
    &:focus {
      --tw-ring-offset-color: var(--color-red-100);
    }
  }
  .focus\:ring-offset-red-200 {
    &:focus {
      --tw-ring-offset-color: var(--color-red-200);
    }
  }
  .focus\:ring-offset-red-300 {
    &:focus {
      --tw-ring-offset-color: var(--color-red-300);
    }
  }
  .focus\:ring-offset-red-400 {
    &:focus {
      --tw-ring-offset-color: var(--color-red-400);
    }
  }
  .focus\:ring-offset-red-500 {
    &:focus {
      --tw-ring-offset-color: var(--color-red-500);
    }
  }
  .focus\:ring-offset-red-600 {
    &:focus {
      --tw-ring-offset-color: var(--color-red-600);
    }
  }
  .focus\:ring-offset-red-700 {
    &:focus {
      --tw-ring-offset-color: var(--color-red-700);
    }
  }
  .focus\:ring-offset-red-800 {
    &:focus {
      --tw-ring-offset-color: var(--color-red-800);
    }
  }
  .focus\:ring-offset-red-900 {
    &:focus {
      --tw-ring-offset-color: var(--color-red-900);
    }
  }
  .focus\:ring-offset-red-950 {
    &:focus {
      --tw-ring-offset-color: var(--color-red-950);
    }
  }
  .focus\:ring-offset-rose-50 {
    &:focus {
      --tw-ring-offset-color: var(--color-rose-50);
    }
  }
  .focus\:ring-offset-rose-100 {
    &:focus {
      --tw-ring-offset-color: var(--color-rose-100);
    }
  }
  .focus\:ring-offset-rose-200 {
    &:focus {
      --tw-ring-offset-color: var(--color-rose-200);
    }
  }
  .focus\:ring-offset-rose-300 {
    &:focus {
      --tw-ring-offset-color: var(--color-rose-300);
    }
  }
  .focus\:ring-offset-rose-400 {
    &:focus {
      --tw-ring-offset-color: var(--color-rose-400);
    }
  }
  .focus\:ring-offset-rose-500 {
    &:focus {
      --tw-ring-offset-color: var(--color-rose-500);
    }
  }
  .focus\:ring-offset-rose-600 {
    &:focus {
      --tw-ring-offset-color: var(--color-rose-600);
    }
  }
  .focus\:ring-offset-rose-700 {
    &:focus {
      --tw-ring-offset-color: var(--color-rose-700);
    }
  }
  .focus\:ring-offset-rose-800 {
    &:focus {
      --tw-ring-offset-color: var(--color-rose-800);
    }
  }
  .focus\:ring-offset-rose-900 {
    &:focus {
      --tw-ring-offset-color: var(--color-rose-900);
    }
  }
  .focus\:ring-offset-rose-950 {
    &:focus {
      --tw-ring-offset-color: var(--color-rose-950);
    }
  }
  .focus\:ring-offset-sky-50 {
    &:focus {
      --tw-ring-offset-color: var(--color-sky-50);
    }
  }
  .focus\:ring-offset-sky-100 {
    &:focus {
      --tw-ring-offset-color: var(--color-sky-100);
    }
  }
  .focus\:ring-offset-sky-200 {
    &:focus {
      --tw-ring-offset-color: var(--color-sky-200);
    }
  }
  .focus\:ring-offset-sky-300 {
    &:focus {
      --tw-ring-offset-color: var(--color-sky-300);
    }
  }
  .focus\:ring-offset-sky-400 {
    &:focus {
      --tw-ring-offset-color: var(--color-sky-400);
    }
  }
  .focus\:ring-offset-sky-500 {
    &:focus {
      --tw-ring-offset-color: var(--color-sky-500);
    }
  }
  .focus\:ring-offset-sky-600 {
    &:focus {
      --tw-ring-offset-color: var(--color-sky-600);
    }
  }
  .focus\:ring-offset-sky-700 {
    &:focus {
      --tw-ring-offset-color: var(--color-sky-700);
    }
  }
  .focus\:ring-offset-sky-800 {
    &:focus {
      --tw-ring-offset-color: var(--color-sky-800);
    }
  }
  .focus\:ring-offset-sky-900 {
    &:focus {
      --tw-ring-offset-color: var(--color-sky-900);
    }
  }
  .focus\:ring-offset-sky-950 {
    &:focus {
      --tw-ring-offset-color: var(--color-sky-950);
    }
  }
  .focus\:ring-offset-slate-50 {
    &:focus {
      --tw-ring-offset-color: var(--color-slate-50);
    }
  }
  .focus\:ring-offset-slate-100 {
    &:focus {
      --tw-ring-offset-color: var(--color-slate-100);
    }
  }
  .focus\:ring-offset-slate-200 {
    &:focus {
      --tw-ring-offset-color: var(--color-slate-200);
    }
  }
  .focus\:ring-offset-slate-300 {
    &:focus {
      --tw-ring-offset-color: var(--color-slate-300);
    }
  }
  .focus\:ring-offset-slate-400 {
    &:focus {
      --tw-ring-offset-color: var(--color-slate-400);
    }
  }
  .focus\:ring-offset-slate-500 {
    &:focus {
      --tw-ring-offset-color: var(--color-slate-500);
    }
  }
  .focus\:ring-offset-slate-600 {
    &:focus {
      --tw-ring-offset-color: var(--color-slate-600);
    }
  }
  .focus\:ring-offset-slate-700 {
    &:focus {
      --tw-ring-offset-color: var(--color-slate-700);
    }
  }
  .focus\:ring-offset-slate-800 {
    &:focus {
      --tw-ring-offset-color: var(--color-slate-800);
    }
  }
  .focus\:ring-offset-slate-900 {
    &:focus {
      --tw-ring-offset-color: var(--color-slate-900);
    }
  }
  .focus\:ring-offset-slate-950 {
    &:focus {
      --tw-ring-offset-color: var(--color-slate-950);
    }
  }
  .focus\:ring-offset-stone-50 {
    &:focus {
      --tw-ring-offset-color: var(--color-stone-50);
    }
  }
  .focus\:ring-offset-stone-100 {
    &:focus {
      --tw-ring-offset-color: var(--color-stone-100);
    }
  }
  .focus\:ring-offset-stone-200 {
    &:focus {
      --tw-ring-offset-color: var(--color-stone-200);
    }
  }
  .focus\:ring-offset-stone-300 {
    &:focus {
      --tw-ring-offset-color: var(--color-stone-300);
    }
  }
  .focus\:ring-offset-stone-400 {
    &:focus {
      --tw-ring-offset-color: var(--color-stone-400);
    }
  }
  .focus\:ring-offset-stone-500 {
    &:focus {
      --tw-ring-offset-color: var(--color-stone-500);
    }
  }
  .focus\:ring-offset-stone-600 {
    &:focus {
      --tw-ring-offset-color: var(--color-stone-600);
    }
  }
  .focus\:ring-offset-stone-700 {
    &:focus {
      --tw-ring-offset-color: var(--color-stone-700);
    }
  }
  .focus\:ring-offset-stone-800 {
    &:focus {
      --tw-ring-offset-color: var(--color-stone-800);
    }
  }
  .focus\:ring-offset-stone-900 {
    &:focus {
      --tw-ring-offset-color: var(--color-stone-900);
    }
  }
  .focus\:ring-offset-stone-950 {
    &:focus {
      --tw-ring-offset-color: var(--color-stone-950);
    }
  }
  .focus\:ring-offset-teal-50 {
    &:focus {
      --tw-ring-offset-color: var(--color-teal-50);
    }
  }
  .focus\:ring-offset-teal-100 {
    &:focus {
      --tw-ring-offset-color: var(--color-teal-100);
    }
  }
  .focus\:ring-offset-teal-200 {
    &:focus {
      --tw-ring-offset-color: var(--color-teal-200);
    }
  }
  .focus\:ring-offset-teal-300 {
    &:focus {
      --tw-ring-offset-color: var(--color-teal-300);
    }
  }
  .focus\:ring-offset-teal-400 {
    &:focus {
      --tw-ring-offset-color: var(--color-teal-400);
    }
  }
  .focus\:ring-offset-teal-500 {
    &:focus {
      --tw-ring-offset-color: var(--color-teal-500);
    }
  }
  .focus\:ring-offset-teal-600 {
    &:focus {
      --tw-ring-offset-color: var(--color-teal-600);
    }
  }
  .focus\:ring-offset-teal-700 {
    &:focus {
      --tw-ring-offset-color: var(--color-teal-700);
    }
  }
  .focus\:ring-offset-teal-800 {
    &:focus {
      --tw-ring-offset-color: var(--color-teal-800);
    }
  }
  .focus\:ring-offset-teal-900 {
    &:focus {
      --tw-ring-offset-color: var(--color-teal-900);
    }
  }
  .focus\:ring-offset-teal-950 {
    &:focus {
      --tw-ring-offset-color: var(--color-teal-950);
    }
  }
  .focus\:ring-offset-violet-50 {
    &:focus {
      --tw-ring-offset-color: var(--color-violet-50);
    }
  }
  .focus\:ring-offset-violet-100 {
    &:focus {
      --tw-ring-offset-color: var(--color-violet-100);
    }
  }
  .focus\:ring-offset-violet-200 {
    &:focus {
      --tw-ring-offset-color: var(--color-violet-200);
    }
  }
  .focus\:ring-offset-violet-300 {
    &:focus {
      --tw-ring-offset-color: var(--color-violet-300);
    }
  }
  .focus\:ring-offset-violet-400 {
    &:focus {
      --tw-ring-offset-color: var(--color-violet-400);
    }
  }
  .focus\:ring-offset-violet-500 {
    &:focus {
      --tw-ring-offset-color: var(--color-violet-500);
    }
  }
  .focus\:ring-offset-violet-600 {
    &:focus {
      --tw-ring-offset-color: var(--color-violet-600);
    }
  }
  .focus\:ring-offset-violet-700 {
    &:focus {
      --tw-ring-offset-color: var(--color-violet-700);
    }
  }
  .focus\:ring-offset-violet-800 {
    &:focus {
      --tw-ring-offset-color: var(--color-violet-800);
    }
  }
  .focus\:ring-offset-violet-900 {
    &:focus {
      --tw-ring-offset-color: var(--color-violet-900);
    }
  }
  .focus\:ring-offset-violet-950 {
    &:focus {
      --tw-ring-offset-color: var(--color-violet-950);
    }
  }
  .focus\:ring-offset-yellow-50 {
    &:focus {
      --tw-ring-offset-color: var(--color-yellow-50);
    }
  }
  .focus\:ring-offset-yellow-100 {
    &:focus {
      --tw-ring-offset-color: var(--color-yellow-100);
    }
  }
  .focus\:ring-offset-yellow-200 {
    &:focus {
      --tw-ring-offset-color: var(--color-yellow-200);
    }
  }
  .focus\:ring-offset-yellow-300 {
    &:focus {
      --tw-ring-offset-color: var(--color-yellow-300);
    }
  }
  .focus\:ring-offset-yellow-400 {
    &:focus {
      --tw-ring-offset-color: var(--color-yellow-400);
    }
  }
  .focus\:ring-offset-yellow-500 {
    &:focus {
      --tw-ring-offset-color: var(--color-yellow-500);
    }
  }
  .focus\:ring-offset-yellow-600 {
    &:focus {
      --tw-ring-offset-color: var(--color-yellow-600);
    }
  }
  .focus\:ring-offset-yellow-700 {
    &:focus {
      --tw-ring-offset-color: var(--color-yellow-700);
    }
  }
  .focus\:ring-offset-yellow-800 {
    &:focus {
      --tw-ring-offset-color: var(--color-yellow-800);
    }
  }
  .focus\:ring-offset-yellow-900 {
    &:focus {
      --tw-ring-offset-color: var(--color-yellow-900);
    }
  }
  .focus\:ring-offset-yellow-950 {
    &:focus {
      --tw-ring-offset-color: var(--color-yellow-950);
    }
  }
  .focus\:ring-offset-zinc-50 {
    &:focus {
      --tw-ring-offset-color: var(--color-zinc-50);
    }
  }
  .focus\:ring-offset-zinc-100 {
    &:focus {
      --tw-ring-offset-color: var(--color-zinc-100);
    }
  }
  .focus\:ring-offset-zinc-200 {
    &:focus {
      --tw-ring-offset-color: var(--color-zinc-200);
    }
  }
  .focus\:ring-offset-zinc-300 {
    &:focus {
      --tw-ring-offset-color: var(--color-zinc-300);
    }
  }
  .focus\:ring-offset-zinc-400 {
    &:focus {
      --tw-ring-offset-color: var(--color-zinc-400);
    }
  }
  .focus\:ring-offset-zinc-500 {
    &:focus {
      --tw-ring-offset-color: var(--color-zinc-500);
    }
  }
  .focus\:ring-offset-zinc-600 {
    &:focus {
      --tw-ring-offset-color: var(--color-zinc-600);
    }
  }
  .focus\:ring-offset-zinc-700 {
    &:focus {
      --tw-ring-offset-color: var(--color-zinc-700);
    }
  }
  .focus\:ring-offset-zinc-800 {
    &:focus {
      --tw-ring-offset-color: var(--color-zinc-800);
    }
  }
  .focus\:ring-offset-zinc-900 {
    &:focus {
      --tw-ring-offset-color: var(--color-zinc-900);
    }
  }
  .focus\:ring-offset-zinc-950 {
    &:focus {
      --tw-ring-offset-color: var(--color-zinc-950);
    }
  }
  .focus\:outline-amber-50 {
    &:focus {
      outline-color: var(--color-amber-50);
    }
  }
  .focus\:outline-amber-100 {
    &:focus {
      outline-color: var(--color-amber-100);
    }
  }
  .focus\:outline-amber-200 {
    &:focus {
      outline-color: var(--color-amber-200);
    }
  }
  .focus\:outline-amber-300 {
    &:focus {
      outline-color: var(--color-amber-300);
    }
  }
  .focus\:outline-amber-400 {
    &:focus {
      outline-color: var(--color-amber-400);
    }
  }
  .focus\:outline-amber-500 {
    &:focus {
      outline-color: var(--color-amber-500);
    }
  }
  .focus\:outline-amber-600 {
    &:focus {
      outline-color: var(--color-amber-600);
    }
  }
  .focus\:outline-amber-700 {
    &:focus {
      outline-color: var(--color-amber-700);
    }
  }
  .focus\:outline-amber-800 {
    &:focus {
      outline-color: var(--color-amber-800);
    }
  }
  .focus\:outline-amber-900 {
    &:focus {
      outline-color: var(--color-amber-900);
    }
  }
  .focus\:outline-amber-950 {
    &:focus {
      outline-color: var(--color-amber-950);
    }
  }
  .focus\:outline-blue-50 {
    &:focus {
      outline-color: var(--color-blue-50);
    }
  }
  .focus\:outline-blue-100 {
    &:focus {
      outline-color: var(--color-blue-100);
    }
  }
  .focus\:outline-blue-200 {
    &:focus {
      outline-color: var(--color-blue-200);
    }
  }
  .focus\:outline-blue-300 {
    &:focus {
      outline-color: var(--color-blue-300);
    }
  }
  .focus\:outline-blue-400 {
    &:focus {
      outline-color: var(--color-blue-400);
    }
  }
  .focus\:outline-blue-500 {
    &:focus {
      outline-color: var(--color-blue-500);
    }
  }
  .focus\:outline-blue-600 {
    &:focus {
      outline-color: var(--color-blue-600);
    }
  }
  .focus\:outline-blue-700 {
    &:focus {
      outline-color: var(--color-blue-700);
    }
  }
  .focus\:outline-blue-800 {
    &:focus {
      outline-color: var(--color-blue-800);
    }
  }
  .focus\:outline-blue-900 {
    &:focus {
      outline-color: var(--color-blue-900);
    }
  }
  .focus\:outline-blue-950 {
    &:focus {
      outline-color: var(--color-blue-950);
    }
  }
  .focus\:outline-cyan-50 {
    &:focus {
      outline-color: var(--color-cyan-50);
    }
  }
  .focus\:outline-cyan-100 {
    &:focus {
      outline-color: var(--color-cyan-100);
    }
  }
  .focus\:outline-cyan-200 {
    &:focus {
      outline-color: var(--color-cyan-200);
    }
  }
  .focus\:outline-cyan-300 {
    &:focus {
      outline-color: var(--color-cyan-300);
    }
  }
  .focus\:outline-cyan-400 {
    &:focus {
      outline-color: var(--color-cyan-400);
    }
  }
  .focus\:outline-cyan-500 {
    &:focus {
      outline-color: var(--color-cyan-500);
    }
  }
  .focus\:outline-cyan-600 {
    &:focus {
      outline-color: var(--color-cyan-600);
    }
  }
  .focus\:outline-cyan-700 {
    &:focus {
      outline-color: var(--color-cyan-700);
    }
  }
  .focus\:outline-cyan-800 {
    &:focus {
      outline-color: var(--color-cyan-800);
    }
  }
  .focus\:outline-cyan-900 {
    &:focus {
      outline-color: var(--color-cyan-900);
    }
  }
  .focus\:outline-cyan-950 {
    &:focus {
      outline-color: var(--color-cyan-950);
    }
  }
  .focus\:outline-emerald-50 {
    &:focus {
      outline-color: var(--color-emerald-50);
    }
  }
  .focus\:outline-emerald-100 {
    &:focus {
      outline-color: var(--color-emerald-100);
    }
  }
  .focus\:outline-emerald-200 {
    &:focus {
      outline-color: var(--color-emerald-200);
    }
  }
  .focus\:outline-emerald-300 {
    &:focus {
      outline-color: var(--color-emerald-300);
    }
  }
  .focus\:outline-emerald-400 {
    &:focus {
      outline-color: var(--color-emerald-400);
    }
  }
  .focus\:outline-emerald-500 {
    &:focus {
      outline-color: var(--color-emerald-500);
    }
  }
  .focus\:outline-emerald-600 {
    &:focus {
      outline-color: var(--color-emerald-600);
    }
  }
  .focus\:outline-emerald-700 {
    &:focus {
      outline-color: var(--color-emerald-700);
    }
  }
  .focus\:outline-emerald-800 {
    &:focus {
      outline-color: var(--color-emerald-800);
    }
  }
  .focus\:outline-emerald-900 {
    &:focus {
      outline-color: var(--color-emerald-900);
    }
  }
  .focus\:outline-emerald-950 {
    &:focus {
      outline-color: var(--color-emerald-950);
    }
  }
  .focus\:outline-fuchsia-50 {
    &:focus {
      outline-color: var(--color-fuchsia-50);
    }
  }
  .focus\:outline-fuchsia-100 {
    &:focus {
      outline-color: var(--color-fuchsia-100);
    }
  }
  .focus\:outline-fuchsia-200 {
    &:focus {
      outline-color: var(--color-fuchsia-200);
    }
  }
  .focus\:outline-fuchsia-300 {
    &:focus {
      outline-color: var(--color-fuchsia-300);
    }
  }
  .focus\:outline-fuchsia-400 {
    &:focus {
      outline-color: var(--color-fuchsia-400);
    }
  }
  .focus\:outline-fuchsia-500 {
    &:focus {
      outline-color: var(--color-fuchsia-500);
    }
  }
  .focus\:outline-fuchsia-600 {
    &:focus {
      outline-color: var(--color-fuchsia-600);
    }
  }
  .focus\:outline-fuchsia-700 {
    &:focus {
      outline-color: var(--color-fuchsia-700);
    }
  }
  .focus\:outline-fuchsia-800 {
    &:focus {
      outline-color: var(--color-fuchsia-800);
    }
  }
  .focus\:outline-fuchsia-900 {
    &:focus {
      outline-color: var(--color-fuchsia-900);
    }
  }
  .focus\:outline-fuchsia-950 {
    &:focus {
      outline-color: var(--color-fuchsia-950);
    }
  }
  .focus\:outline-gray-50 {
    &:focus {
      outline-color: var(--color-gray-50);
    }
  }
  .focus\:outline-gray-100 {
    &:focus {
      outline-color: var(--color-gray-100);
    }
  }
  .focus\:outline-gray-200 {
    &:focus {
      outline-color: var(--color-gray-200);
    }
  }
  .focus\:outline-gray-300 {
    &:focus {
      outline-color: var(--color-gray-300);
    }
  }
  .focus\:outline-gray-400 {
    &:focus {
      outline-color: var(--color-gray-400);
    }
  }
  .focus\:outline-gray-500 {
    &:focus {
      outline-color: var(--color-gray-500);
    }
  }
  .focus\:outline-gray-600 {
    &:focus {
      outline-color: var(--color-gray-600);
    }
  }
  .focus\:outline-gray-700 {
    &:focus {
      outline-color: var(--color-gray-700);
    }
  }
  .focus\:outline-gray-800 {
    &:focus {
      outline-color: var(--color-gray-800);
    }
  }
  .focus\:outline-gray-900 {
    &:focus {
      outline-color: var(--color-gray-900);
    }
  }
  .focus\:outline-gray-950 {
    &:focus {
      outline-color: var(--color-gray-950);
    }
  }
  .focus\:outline-green-50 {
    &:focus {
      outline-color: var(--color-green-50);
    }
  }
  .focus\:outline-green-100 {
    &:focus {
      outline-color: var(--color-green-100);
    }
  }
  .focus\:outline-green-200 {
    &:focus {
      outline-color: var(--color-green-200);
    }
  }
  .focus\:outline-green-300 {
    &:focus {
      outline-color: var(--color-green-300);
    }
  }
  .focus\:outline-green-400 {
    &:focus {
      outline-color: var(--color-green-400);
    }
  }
  .focus\:outline-green-500 {
    &:focus {
      outline-color: var(--color-green-500);
    }
  }
  .focus\:outline-green-600 {
    &:focus {
      outline-color: var(--color-green-600);
    }
  }
  .focus\:outline-green-700 {
    &:focus {
      outline-color: var(--color-green-700);
    }
  }
  .focus\:outline-green-800 {
    &:focus {
      outline-color: var(--color-green-800);
    }
  }
  .focus\:outline-green-900 {
    &:focus {
      outline-color: var(--color-green-900);
    }
  }
  .focus\:outline-green-950 {
    &:focus {
      outline-color: var(--color-green-950);
    }
  }
  .focus\:outline-indigo-50 {
    &:focus {
      outline-color: var(--color-indigo-50);
    }
  }
  .focus\:outline-indigo-100 {
    &:focus {
      outline-color: var(--color-indigo-100);
    }
  }
  .focus\:outline-indigo-200 {
    &:focus {
      outline-color: var(--color-indigo-200);
    }
  }
  .focus\:outline-indigo-300 {
    &:focus {
      outline-color: var(--color-indigo-300);
    }
  }
  .focus\:outline-indigo-400 {
    &:focus {
      outline-color: var(--color-indigo-400);
    }
  }
  .focus\:outline-indigo-500 {
    &:focus {
      outline-color: var(--color-indigo-500);
    }
  }
  .focus\:outline-indigo-600 {
    &:focus {
      outline-color: var(--color-indigo-600);
    }
  }
  .focus\:outline-indigo-700 {
    &:focus {
      outline-color: var(--color-indigo-700);
    }
  }
  .focus\:outline-indigo-800 {
    &:focus {
      outline-color: var(--color-indigo-800);
    }
  }
  .focus\:outline-indigo-900 {
    &:focus {
      outline-color: var(--color-indigo-900);
    }
  }
  .focus\:outline-indigo-950 {
    &:focus {
      outline-color: var(--color-indigo-950);
    }
  }
  .focus\:outline-lime-50 {
    &:focus {
      outline-color: var(--color-lime-50);
    }
  }
  .focus\:outline-lime-100 {
    &:focus {
      outline-color: var(--color-lime-100);
    }
  }
  .focus\:outline-lime-200 {
    &:focus {
      outline-color: var(--color-lime-200);
    }
  }
  .focus\:outline-lime-300 {
    &:focus {
      outline-color: var(--color-lime-300);
    }
  }
  .focus\:outline-lime-400 {
    &:focus {
      outline-color: var(--color-lime-400);
    }
  }
  .focus\:outline-lime-500 {
    &:focus {
      outline-color: var(--color-lime-500);
    }
  }
  .focus\:outline-lime-600 {
    &:focus {
      outline-color: var(--color-lime-600);
    }
  }
  .focus\:outline-lime-700 {
    &:focus {
      outline-color: var(--color-lime-700);
    }
  }
  .focus\:outline-lime-800 {
    &:focus {
      outline-color: var(--color-lime-800);
    }
  }
  .focus\:outline-lime-900 {
    &:focus {
      outline-color: var(--color-lime-900);
    }
  }
  .focus\:outline-lime-950 {
    &:focus {
      outline-color: var(--color-lime-950);
    }
  }
  .focus\:outline-neutral-50 {
    &:focus {
      outline-color: var(--color-neutral-50);
    }
  }
  .focus\:outline-neutral-100 {
    &:focus {
      outline-color: var(--color-neutral-100);
    }
  }
  .focus\:outline-neutral-200 {
    &:focus {
      outline-color: var(--color-neutral-200);
    }
  }
  .focus\:outline-neutral-300 {
    &:focus {
      outline-color: var(--color-neutral-300);
    }
  }
  .focus\:outline-neutral-400 {
    &:focus {
      outline-color: var(--color-neutral-400);
    }
  }
  .focus\:outline-neutral-500 {
    &:focus {
      outline-color: var(--color-neutral-500);
    }
  }
  .focus\:outline-neutral-600 {
    &:focus {
      outline-color: var(--color-neutral-600);
    }
  }
  .focus\:outline-neutral-700 {
    &:focus {
      outline-color: var(--color-neutral-700);
    }
  }
  .focus\:outline-neutral-800 {
    &:focus {
      outline-color: var(--color-neutral-800);
    }
  }
  .focus\:outline-neutral-900 {
    &:focus {
      outline-color: var(--color-neutral-900);
    }
  }
  .focus\:outline-neutral-950 {
    &:focus {
      outline-color: var(--color-neutral-950);
    }
  }
  .focus\:outline-orange-50 {
    &:focus {
      outline-color: var(--color-orange-50);
    }
  }
  .focus\:outline-orange-100 {
    &:focus {
      outline-color: var(--color-orange-100);
    }
  }
  .focus\:outline-orange-200 {
    &:focus {
      outline-color: var(--color-orange-200);
    }
  }
  .focus\:outline-orange-300 {
    &:focus {
      outline-color: var(--color-orange-300);
    }
  }
  .focus\:outline-orange-400 {
    &:focus {
      outline-color: var(--color-orange-400);
    }
  }
  .focus\:outline-orange-500 {
    &:focus {
      outline-color: var(--color-orange-500);
    }
  }
  .focus\:outline-orange-600 {
    &:focus {
      outline-color: var(--color-orange-600);
    }
  }
  .focus\:outline-orange-700 {
    &:focus {
      outline-color: var(--color-orange-700);
    }
  }
  .focus\:outline-orange-800 {
    &:focus {
      outline-color: var(--color-orange-800);
    }
  }
  .focus\:outline-orange-900 {
    &:focus {
      outline-color: var(--color-orange-900);
    }
  }
  .focus\:outline-orange-950 {
    &:focus {
      outline-color: var(--color-orange-950);
    }
  }
  .focus\:outline-pink-50 {
    &:focus {
      outline-color: var(--color-pink-50);
    }
  }
  .focus\:outline-pink-100 {
    &:focus {
      outline-color: var(--color-pink-100);
    }
  }
  .focus\:outline-pink-200 {
    &:focus {
      outline-color: var(--color-pink-200);
    }
  }
  .focus\:outline-pink-300 {
    &:focus {
      outline-color: var(--color-pink-300);
    }
  }
  .focus\:outline-pink-400 {
    &:focus {
      outline-color: var(--color-pink-400);
    }
  }
  .focus\:outline-pink-500 {
    &:focus {
      outline-color: var(--color-pink-500);
    }
  }
  .focus\:outline-pink-600 {
    &:focus {
      outline-color: var(--color-pink-600);
    }
  }
  .focus\:outline-pink-700 {
    &:focus {
      outline-color: var(--color-pink-700);
    }
  }
  .focus\:outline-pink-800 {
    &:focus {
      outline-color: var(--color-pink-800);
    }
  }
  .focus\:outline-pink-900 {
    &:focus {
      outline-color: var(--color-pink-900);
    }
  }
  .focus\:outline-pink-950 {
    &:focus {
      outline-color: var(--color-pink-950);
    }
  }
  .focus\:outline-purple-50 {
    &:focus {
      outline-color: var(--color-purple-50);
    }
  }
  .focus\:outline-purple-100 {
    &:focus {
      outline-color: var(--color-purple-100);
    }
  }
  .focus\:outline-purple-200 {
    &:focus {
      outline-color: var(--color-purple-200);
    }
  }
  .focus\:outline-purple-300 {
    &:focus {
      outline-color: var(--color-purple-300);
    }
  }
  .focus\:outline-purple-400 {
    &:focus {
      outline-color: var(--color-purple-400);
    }
  }
  .focus\:outline-purple-500 {
    &:focus {
      outline-color: var(--color-purple-500);
    }
  }
  .focus\:outline-purple-600 {
    &:focus {
      outline-color: var(--color-purple-600);
    }
  }
  .focus\:outline-purple-700 {
    &:focus {
      outline-color: var(--color-purple-700);
    }
  }
  .focus\:outline-purple-800 {
    &:focus {
      outline-color: var(--color-purple-800);
    }
  }
  .focus\:outline-purple-900 {
    &:focus {
      outline-color: var(--color-purple-900);
    }
  }
  .focus\:outline-purple-950 {
    &:focus {
      outline-color: var(--color-purple-950);
    }
  }
  .focus\:outline-red-50 {
    &:focus {
      outline-color: var(--color-red-50);
    }
  }
  .focus\:outline-red-100 {
    &:focus {
      outline-color: var(--color-red-100);
    }
  }
  .focus\:outline-red-200 {
    &:focus {
      outline-color: var(--color-red-200);
    }
  }
  .focus\:outline-red-300 {
    &:focus {
      outline-color: var(--color-red-300);
    }
  }
  .focus\:outline-red-400 {
    &:focus {
      outline-color: var(--color-red-400);
    }
  }
  .focus\:outline-red-500 {
    &:focus {
      outline-color: var(--color-red-500);
    }
  }
  .focus\:outline-red-600 {
    &:focus {
      outline-color: var(--color-red-600);
    }
  }
  .focus\:outline-red-700 {
    &:focus {
      outline-color: var(--color-red-700);
    }
  }
  .focus\:outline-red-800 {
    &:focus {
      outline-color: var(--color-red-800);
    }
  }
  .focus\:outline-red-900 {
    &:focus {
      outline-color: var(--color-red-900);
    }
  }
  .focus\:outline-red-950 {
    &:focus {
      outline-color: var(--color-red-950);
    }
  }
  .focus\:outline-rose-50 {
    &:focus {
      outline-color: var(--color-rose-50);
    }
  }
  .focus\:outline-rose-100 {
    &:focus {
      outline-color: var(--color-rose-100);
    }
  }
  .focus\:outline-rose-200 {
    &:focus {
      outline-color: var(--color-rose-200);
    }
  }
  .focus\:outline-rose-300 {
    &:focus {
      outline-color: var(--color-rose-300);
    }
  }
  .focus\:outline-rose-400 {
    &:focus {
      outline-color: var(--color-rose-400);
    }
  }
  .focus\:outline-rose-500 {
    &:focus {
      outline-color: var(--color-rose-500);
    }
  }
  .focus\:outline-rose-600 {
    &:focus {
      outline-color: var(--color-rose-600);
    }
  }
  .focus\:outline-rose-700 {
    &:focus {
      outline-color: var(--color-rose-700);
    }
  }
  .focus\:outline-rose-800 {
    &:focus {
      outline-color: var(--color-rose-800);
    }
  }
  .focus\:outline-rose-900 {
    &:focus {
      outline-color: var(--color-rose-900);
    }
  }
  .focus\:outline-rose-950 {
    &:focus {
      outline-color: var(--color-rose-950);
    }
  }
  .focus\:outline-sky-50 {
    &:focus {
      outline-color: var(--color-sky-50);
    }
  }
  .focus\:outline-sky-100 {
    &:focus {
      outline-color: var(--color-sky-100);
    }
  }
  .focus\:outline-sky-200 {
    &:focus {
      outline-color: var(--color-sky-200);
    }
  }
  .focus\:outline-sky-300 {
    &:focus {
      outline-color: var(--color-sky-300);
    }
  }
  .focus\:outline-sky-400 {
    &:focus {
      outline-color: var(--color-sky-400);
    }
  }
  .focus\:outline-sky-500 {
    &:focus {
      outline-color: var(--color-sky-500);
    }
  }
  .focus\:outline-sky-600 {
    &:focus {
      outline-color: var(--color-sky-600);
    }
  }
  .focus\:outline-sky-700 {
    &:focus {
      outline-color: var(--color-sky-700);
    }
  }
  .focus\:outline-sky-800 {
    &:focus {
      outline-color: var(--color-sky-800);
    }
  }
  .focus\:outline-sky-900 {
    &:focus {
      outline-color: var(--color-sky-900);
    }
  }
  .focus\:outline-sky-950 {
    &:focus {
      outline-color: var(--color-sky-950);
    }
  }
  .focus\:outline-slate-50 {
    &:focus {
      outline-color: var(--color-slate-50);
    }
  }
  .focus\:outline-slate-100 {
    &:focus {
      outline-color: var(--color-slate-100);
    }
  }
  .focus\:outline-slate-200 {
    &:focus {
      outline-color: var(--color-slate-200);
    }
  }
  .focus\:outline-slate-300 {
    &:focus {
      outline-color: var(--color-slate-300);
    }
  }
  .focus\:outline-slate-400 {
    &:focus {
      outline-color: var(--color-slate-400);
    }
  }
  .focus\:outline-slate-500 {
    &:focus {
      outline-color: var(--color-slate-500);
    }
  }
  .focus\:outline-slate-600 {
    &:focus {
      outline-color: var(--color-slate-600);
    }
  }
  .focus\:outline-slate-700 {
    &:focus {
      outline-color: var(--color-slate-700);
    }
  }
  .focus\:outline-slate-800 {
    &:focus {
      outline-color: var(--color-slate-800);
    }
  }
  .focus\:outline-slate-900 {
    &:focus {
      outline-color: var(--color-slate-900);
    }
  }
  .focus\:outline-slate-950 {
    &:focus {
      outline-color: var(--color-slate-950);
    }
  }
  .focus\:outline-stone-50 {
    &:focus {
      outline-color: var(--color-stone-50);
    }
  }
  .focus\:outline-stone-100 {
    &:focus {
      outline-color: var(--color-stone-100);
    }
  }
  .focus\:outline-stone-200 {
    &:focus {
      outline-color: var(--color-stone-200);
    }
  }
  .focus\:outline-stone-300 {
    &:focus {
      outline-color: var(--color-stone-300);
    }
  }
  .focus\:outline-stone-400 {
    &:focus {
      outline-color: var(--color-stone-400);
    }
  }
  .focus\:outline-stone-500 {
    &:focus {
      outline-color: var(--color-stone-500);
    }
  }
  .focus\:outline-stone-600 {
    &:focus {
      outline-color: var(--color-stone-600);
    }
  }
  .focus\:outline-stone-700 {
    &:focus {
      outline-color: var(--color-stone-700);
    }
  }
  .focus\:outline-stone-800 {
    &:focus {
      outline-color: var(--color-stone-800);
    }
  }
  .focus\:outline-stone-900 {
    &:focus {
      outline-color: var(--color-stone-900);
    }
  }
  .focus\:outline-stone-950 {
    &:focus {
      outline-color: var(--color-stone-950);
    }
  }
  .focus\:outline-teal-50 {
    &:focus {
      outline-color: var(--color-teal-50);
    }
  }
  .focus\:outline-teal-100 {
    &:focus {
      outline-color: var(--color-teal-100);
    }
  }
  .focus\:outline-teal-200 {
    &:focus {
      outline-color: var(--color-teal-200);
    }
  }
  .focus\:outline-teal-300 {
    &:focus {
      outline-color: var(--color-teal-300);
    }
  }
  .focus\:outline-teal-400 {
    &:focus {
      outline-color: var(--color-teal-400);
    }
  }
  .focus\:outline-teal-500 {
    &:focus {
      outline-color: var(--color-teal-500);
    }
  }
  .focus\:outline-teal-600 {
    &:focus {
      outline-color: var(--color-teal-600);
    }
  }
  .focus\:outline-teal-700 {
    &:focus {
      outline-color: var(--color-teal-700);
    }
  }
  .focus\:outline-teal-800 {
    &:focus {
      outline-color: var(--color-teal-800);
    }
  }
  .focus\:outline-teal-900 {
    &:focus {
      outline-color: var(--color-teal-900);
    }
  }
  .focus\:outline-teal-950 {
    &:focus {
      outline-color: var(--color-teal-950);
    }
  }
  .focus\:outline-violet-50 {
    &:focus {
      outline-color: var(--color-violet-50);
    }
  }
  .focus\:outline-violet-100 {
    &:focus {
      outline-color: var(--color-violet-100);
    }
  }
  .focus\:outline-violet-200 {
    &:focus {
      outline-color: var(--color-violet-200);
    }
  }
  .focus\:outline-violet-300 {
    &:focus {
      outline-color: var(--color-violet-300);
    }
  }
  .focus\:outline-violet-400 {
    &:focus {
      outline-color: var(--color-violet-400);
    }
  }
  .focus\:outline-violet-500 {
    &:focus {
      outline-color: var(--color-violet-500);
    }
  }
  .focus\:outline-violet-600 {
    &:focus {
      outline-color: var(--color-violet-600);
    }
  }
  .focus\:outline-violet-700 {
    &:focus {
      outline-color: var(--color-violet-700);
    }
  }
  .focus\:outline-violet-800 {
    &:focus {
      outline-color: var(--color-violet-800);
    }
  }
  .focus\:outline-violet-900 {
    &:focus {
      outline-color: var(--color-violet-900);
    }
  }
  .focus\:outline-violet-950 {
    &:focus {
      outline-color: var(--color-violet-950);
    }
  }
  .focus\:outline-yellow-50 {
    &:focus {
      outline-color: var(--color-yellow-50);
    }
  }
  .focus\:outline-yellow-100 {
    &:focus {
      outline-color: var(--color-yellow-100);
    }
  }
  .focus\:outline-yellow-200 {
    &:focus {
      outline-color: var(--color-yellow-200);
    }
  }
  .focus\:outline-yellow-300 {
    &:focus {
      outline-color: var(--color-yellow-300);
    }
  }
  .focus\:outline-yellow-400 {
    &:focus {
      outline-color: var(--color-yellow-400);
    }
  }
  .focus\:outline-yellow-500 {
    &:focus {
      outline-color: var(--color-yellow-500);
    }
  }
  .focus\:outline-yellow-600 {
    &:focus {
      outline-color: var(--color-yellow-600);
    }
  }
  .focus\:outline-yellow-700 {
    &:focus {
      outline-color: var(--color-yellow-700);
    }
  }
  .focus\:outline-yellow-800 {
    &:focus {
      outline-color: var(--color-yellow-800);
    }
  }
  .focus\:outline-yellow-900 {
    &:focus {
      outline-color: var(--color-yellow-900);
    }
  }
  .focus\:outline-yellow-950 {
    &:focus {
      outline-color: var(--color-yellow-950);
    }
  }
  .focus\:outline-zinc-50 {
    &:focus {
      outline-color: var(--color-zinc-50);
    }
  }
  .focus\:outline-zinc-100 {
    &:focus {
      outline-color: var(--color-zinc-100);
    }
  }
  .focus\:outline-zinc-200 {
    &:focus {
      outline-color: var(--color-zinc-200);
    }
  }
  .focus\:outline-zinc-300 {
    &:focus {
      outline-color: var(--color-zinc-300);
    }
  }
  .focus\:outline-zinc-400 {
    &:focus {
      outline-color: var(--color-zinc-400);
    }
  }
  .focus\:outline-zinc-500 {
    &:focus {
      outline-color: var(--color-zinc-500);
    }
  }
  .focus\:outline-zinc-600 {
    &:focus {
      outline-color: var(--color-zinc-600);
    }
  }
  .focus\:outline-zinc-700 {
    &:focus {
      outline-color: var(--color-zinc-700);
    }
  }
  .focus\:outline-zinc-800 {
    &:focus {
      outline-color: var(--color-zinc-800);
    }
  }
  .focus\:outline-zinc-900 {
    &:focus {
      outline-color: var(--color-zinc-900);
    }
  }
  .focus\:outline-zinc-950 {
    &:focus {
      outline-color: var(--color-zinc-950);
    }
  }
  .active\:divide-amber-50 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-amber-50);
      }
    }
  }
  .active\:divide-amber-100 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-amber-100);
      }
    }
  }
  .active\:divide-amber-200 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-amber-200);
      }
    }
  }
  .active\:divide-amber-300 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-amber-300);
      }
    }
  }
  .active\:divide-amber-400 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-amber-400);
      }
    }
  }
  .active\:divide-amber-500 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-amber-500);
      }
    }
  }
  .active\:divide-amber-600 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-amber-600);
      }
    }
  }
  .active\:divide-amber-700 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-amber-700);
      }
    }
  }
  .active\:divide-amber-800 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-amber-800);
      }
    }
  }
  .active\:divide-amber-900 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-amber-900);
      }
    }
  }
  .active\:divide-amber-950 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-amber-950);
      }
    }
  }
  .active\:divide-blue-50 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-blue-50);
      }
    }
  }
  .active\:divide-blue-100 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-blue-100);
      }
    }
  }
  .active\:divide-blue-200 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-blue-200);
      }
    }
  }
  .active\:divide-blue-300 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-blue-300);
      }
    }
  }
  .active\:divide-blue-400 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-blue-400);
      }
    }
  }
  .active\:divide-blue-500 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-blue-500);
      }
    }
  }
  .active\:divide-blue-600 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-blue-600);
      }
    }
  }
  .active\:divide-blue-700 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-blue-700);
      }
    }
  }
  .active\:divide-blue-800 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-blue-800);
      }
    }
  }
  .active\:divide-blue-900 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-blue-900);
      }
    }
  }
  .active\:divide-blue-950 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-blue-950);
      }
    }
  }
  .active\:divide-cyan-50 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-cyan-50);
      }
    }
  }
  .active\:divide-cyan-100 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-cyan-100);
      }
    }
  }
  .active\:divide-cyan-200 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-cyan-200);
      }
    }
  }
  .active\:divide-cyan-300 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-cyan-300);
      }
    }
  }
  .active\:divide-cyan-400 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-cyan-400);
      }
    }
  }
  .active\:divide-cyan-500 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-cyan-500);
      }
    }
  }
  .active\:divide-cyan-600 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-cyan-600);
      }
    }
  }
  .active\:divide-cyan-700 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-cyan-700);
      }
    }
  }
  .active\:divide-cyan-800 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-cyan-800);
      }
    }
  }
  .active\:divide-cyan-900 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-cyan-900);
      }
    }
  }
  .active\:divide-cyan-950 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-cyan-950);
      }
    }
  }
  .active\:divide-emerald-50 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-emerald-50);
      }
    }
  }
  .active\:divide-emerald-100 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-emerald-100);
      }
    }
  }
  .active\:divide-emerald-200 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-emerald-200);
      }
    }
  }
  .active\:divide-emerald-300 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-emerald-300);
      }
    }
  }
  .active\:divide-emerald-400 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-emerald-400);
      }
    }
  }
  .active\:divide-emerald-500 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-emerald-500);
      }
    }
  }
  .active\:divide-emerald-600 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-emerald-600);
      }
    }
  }
  .active\:divide-emerald-700 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-emerald-700);
      }
    }
  }
  .active\:divide-emerald-800 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-emerald-800);
      }
    }
  }
  .active\:divide-emerald-900 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-emerald-900);
      }
    }
  }
  .active\:divide-emerald-950 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-emerald-950);
      }
    }
  }
  .active\:divide-fuchsia-50 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-fuchsia-50);
      }
    }
  }
  .active\:divide-fuchsia-100 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-fuchsia-100);
      }
    }
  }
  .active\:divide-fuchsia-200 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-fuchsia-200);
      }
    }
  }
  .active\:divide-fuchsia-300 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-fuchsia-300);
      }
    }
  }
  .active\:divide-fuchsia-400 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-fuchsia-400);
      }
    }
  }
  .active\:divide-fuchsia-500 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-fuchsia-500);
      }
    }
  }
  .active\:divide-fuchsia-600 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-fuchsia-600);
      }
    }
  }
  .active\:divide-fuchsia-700 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-fuchsia-700);
      }
    }
  }
  .active\:divide-fuchsia-800 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-fuchsia-800);
      }
    }
  }
  .active\:divide-fuchsia-900 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-fuchsia-900);
      }
    }
  }
  .active\:divide-fuchsia-950 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-fuchsia-950);
      }
    }
  }
  .active\:divide-gray-50 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-gray-50);
      }
    }
  }
  .active\:divide-gray-100 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-gray-100);
      }
    }
  }
  .active\:divide-gray-200 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-gray-200);
      }
    }
  }
  .active\:divide-gray-300 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-gray-300);
      }
    }
  }
  .active\:divide-gray-400 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-gray-400);
      }
    }
  }
  .active\:divide-gray-500 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-gray-500);
      }
    }
  }
  .active\:divide-gray-600 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-gray-600);
      }
    }
  }
  .active\:divide-gray-700 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-gray-700);
      }
    }
  }
  .active\:divide-gray-800 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-gray-800);
      }
    }
  }
  .active\:divide-gray-900 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-gray-900);
      }
    }
  }
  .active\:divide-gray-950 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-gray-950);
      }
    }
  }
  .active\:divide-green-50 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-green-50);
      }
    }
  }
  .active\:divide-green-100 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-green-100);
      }
    }
  }
  .active\:divide-green-200 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-green-200);
      }
    }
  }
  .active\:divide-green-300 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-green-300);
      }
    }
  }
  .active\:divide-green-400 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-green-400);
      }
    }
  }
  .active\:divide-green-500 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-green-500);
      }
    }
  }
  .active\:divide-green-600 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-green-600);
      }
    }
  }
  .active\:divide-green-700 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-green-700);
      }
    }
  }
  .active\:divide-green-800 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-green-800);
      }
    }
  }
  .active\:divide-green-900 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-green-900);
      }
    }
  }
  .active\:divide-green-950 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-green-950);
      }
    }
  }
  .active\:divide-indigo-50 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-indigo-50);
      }
    }
  }
  .active\:divide-indigo-100 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-indigo-100);
      }
    }
  }
  .active\:divide-indigo-200 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-indigo-200);
      }
    }
  }
  .active\:divide-indigo-300 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-indigo-300);
      }
    }
  }
  .active\:divide-indigo-400 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-indigo-400);
      }
    }
  }
  .active\:divide-indigo-500 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-indigo-500);
      }
    }
  }
  .active\:divide-indigo-600 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-indigo-600);
      }
    }
  }
  .active\:divide-indigo-700 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-indigo-700);
      }
    }
  }
  .active\:divide-indigo-800 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-indigo-800);
      }
    }
  }
  .active\:divide-indigo-900 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-indigo-900);
      }
    }
  }
  .active\:divide-indigo-950 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-indigo-950);
      }
    }
  }
  .active\:divide-lime-50 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-lime-50);
      }
    }
  }
  .active\:divide-lime-100 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-lime-100);
      }
    }
  }
  .active\:divide-lime-200 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-lime-200);
      }
    }
  }
  .active\:divide-lime-300 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-lime-300);
      }
    }
  }
  .active\:divide-lime-400 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-lime-400);
      }
    }
  }
  .active\:divide-lime-500 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-lime-500);
      }
    }
  }
  .active\:divide-lime-600 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-lime-600);
      }
    }
  }
  .active\:divide-lime-700 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-lime-700);
      }
    }
  }
  .active\:divide-lime-800 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-lime-800);
      }
    }
  }
  .active\:divide-lime-900 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-lime-900);
      }
    }
  }
  .active\:divide-lime-950 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-lime-950);
      }
    }
  }
  .active\:divide-neutral-50 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-neutral-50);
      }
    }
  }
  .active\:divide-neutral-100 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-neutral-100);
      }
    }
  }
  .active\:divide-neutral-200 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-neutral-200);
      }
    }
  }
  .active\:divide-neutral-300 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-neutral-300);
      }
    }
  }
  .active\:divide-neutral-400 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-neutral-400);
      }
    }
  }
  .active\:divide-neutral-500 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-neutral-500);
      }
    }
  }
  .active\:divide-neutral-600 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-neutral-600);
      }
    }
  }
  .active\:divide-neutral-700 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-neutral-700);
      }
    }
  }
  .active\:divide-neutral-800 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-neutral-800);
      }
    }
  }
  .active\:divide-neutral-900 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-neutral-900);
      }
    }
  }
  .active\:divide-neutral-950 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-neutral-950);
      }
    }
  }
  .active\:divide-orange-50 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-orange-50);
      }
    }
  }
  .active\:divide-orange-100 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-orange-100);
      }
    }
  }
  .active\:divide-orange-200 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-orange-200);
      }
    }
  }
  .active\:divide-orange-300 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-orange-300);
      }
    }
  }
  .active\:divide-orange-400 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-orange-400);
      }
    }
  }
  .active\:divide-orange-500 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-orange-500);
      }
    }
  }
  .active\:divide-orange-600 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-orange-600);
      }
    }
  }
  .active\:divide-orange-700 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-orange-700);
      }
    }
  }
  .active\:divide-orange-800 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-orange-800);
      }
    }
  }
  .active\:divide-orange-900 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-orange-900);
      }
    }
  }
  .active\:divide-orange-950 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-orange-950);
      }
    }
  }
  .active\:divide-pink-50 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-pink-50);
      }
    }
  }
  .active\:divide-pink-100 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-pink-100);
      }
    }
  }
  .active\:divide-pink-200 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-pink-200);
      }
    }
  }
  .active\:divide-pink-300 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-pink-300);
      }
    }
  }
  .active\:divide-pink-400 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-pink-400);
      }
    }
  }
  .active\:divide-pink-500 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-pink-500);
      }
    }
  }
  .active\:divide-pink-600 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-pink-600);
      }
    }
  }
  .active\:divide-pink-700 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-pink-700);
      }
    }
  }
  .active\:divide-pink-800 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-pink-800);
      }
    }
  }
  .active\:divide-pink-900 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-pink-900);
      }
    }
  }
  .active\:divide-pink-950 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-pink-950);
      }
    }
  }
  .active\:divide-purple-50 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-purple-50);
      }
    }
  }
  .active\:divide-purple-100 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-purple-100);
      }
    }
  }
  .active\:divide-purple-200 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-purple-200);
      }
    }
  }
  .active\:divide-purple-300 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-purple-300);
      }
    }
  }
  .active\:divide-purple-400 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-purple-400);
      }
    }
  }
  .active\:divide-purple-500 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-purple-500);
      }
    }
  }
  .active\:divide-purple-600 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-purple-600);
      }
    }
  }
  .active\:divide-purple-700 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-purple-700);
      }
    }
  }
  .active\:divide-purple-800 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-purple-800);
      }
    }
  }
  .active\:divide-purple-900 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-purple-900);
      }
    }
  }
  .active\:divide-purple-950 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-purple-950);
      }
    }
  }
  .active\:divide-red-50 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-red-50);
      }
    }
  }
  .active\:divide-red-100 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-red-100);
      }
    }
  }
  .active\:divide-red-200 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-red-200);
      }
    }
  }
  .active\:divide-red-300 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-red-300);
      }
    }
  }
  .active\:divide-red-400 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-red-400);
      }
    }
  }
  .active\:divide-red-500 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-red-500);
      }
    }
  }
  .active\:divide-red-600 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-red-600);
      }
    }
  }
  .active\:divide-red-700 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-red-700);
      }
    }
  }
  .active\:divide-red-800 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-red-800);
      }
    }
  }
  .active\:divide-red-900 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-red-900);
      }
    }
  }
  .active\:divide-red-950 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-red-950);
      }
    }
  }
  .active\:divide-rose-50 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-rose-50);
      }
    }
  }
  .active\:divide-rose-100 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-rose-100);
      }
    }
  }
  .active\:divide-rose-200 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-rose-200);
      }
    }
  }
  .active\:divide-rose-300 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-rose-300);
      }
    }
  }
  .active\:divide-rose-400 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-rose-400);
      }
    }
  }
  .active\:divide-rose-500 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-rose-500);
      }
    }
  }
  .active\:divide-rose-600 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-rose-600);
      }
    }
  }
  .active\:divide-rose-700 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-rose-700);
      }
    }
  }
  .active\:divide-rose-800 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-rose-800);
      }
    }
  }
  .active\:divide-rose-900 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-rose-900);
      }
    }
  }
  .active\:divide-rose-950 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-rose-950);
      }
    }
  }
  .active\:divide-sky-50 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-sky-50);
      }
    }
  }
  .active\:divide-sky-100 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-sky-100);
      }
    }
  }
  .active\:divide-sky-200 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-sky-200);
      }
    }
  }
  .active\:divide-sky-300 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-sky-300);
      }
    }
  }
  .active\:divide-sky-400 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-sky-400);
      }
    }
  }
  .active\:divide-sky-500 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-sky-500);
      }
    }
  }
  .active\:divide-sky-600 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-sky-600);
      }
    }
  }
  .active\:divide-sky-700 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-sky-700);
      }
    }
  }
  .active\:divide-sky-800 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-sky-800);
      }
    }
  }
  .active\:divide-sky-900 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-sky-900);
      }
    }
  }
  .active\:divide-sky-950 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-sky-950);
      }
    }
  }
  .active\:divide-slate-50 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-slate-50);
      }
    }
  }
  .active\:divide-slate-100 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-slate-100);
      }
    }
  }
  .active\:divide-slate-200 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-slate-200);
      }
    }
  }
  .active\:divide-slate-300 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-slate-300);
      }
    }
  }
  .active\:divide-slate-400 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-slate-400);
      }
    }
  }
  .active\:divide-slate-500 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-slate-500);
      }
    }
  }
  .active\:divide-slate-600 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-slate-600);
      }
    }
  }
  .active\:divide-slate-700 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-slate-700);
      }
    }
  }
  .active\:divide-slate-800 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-slate-800);
      }
    }
  }
  .active\:divide-slate-900 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-slate-900);
      }
    }
  }
  .active\:divide-slate-950 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-slate-950);
      }
    }
  }
  .active\:divide-stone-50 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-stone-50);
      }
    }
  }
  .active\:divide-stone-100 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-stone-100);
      }
    }
  }
  .active\:divide-stone-200 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-stone-200);
      }
    }
  }
  .active\:divide-stone-300 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-stone-300);
      }
    }
  }
  .active\:divide-stone-400 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-stone-400);
      }
    }
  }
  .active\:divide-stone-500 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-stone-500);
      }
    }
  }
  .active\:divide-stone-600 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-stone-600);
      }
    }
  }
  .active\:divide-stone-700 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-stone-700);
      }
    }
  }
  .active\:divide-stone-800 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-stone-800);
      }
    }
  }
  .active\:divide-stone-900 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-stone-900);
      }
    }
  }
  .active\:divide-stone-950 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-stone-950);
      }
    }
  }
  .active\:divide-teal-50 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-teal-50);
      }
    }
  }
  .active\:divide-teal-100 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-teal-100);
      }
    }
  }
  .active\:divide-teal-200 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-teal-200);
      }
    }
  }
  .active\:divide-teal-300 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-teal-300);
      }
    }
  }
  .active\:divide-teal-400 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-teal-400);
      }
    }
  }
  .active\:divide-teal-500 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-teal-500);
      }
    }
  }
  .active\:divide-teal-600 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-teal-600);
      }
    }
  }
  .active\:divide-teal-700 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-teal-700);
      }
    }
  }
  .active\:divide-teal-800 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-teal-800);
      }
    }
  }
  .active\:divide-teal-900 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-teal-900);
      }
    }
  }
  .active\:divide-teal-950 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-teal-950);
      }
    }
  }
  .active\:divide-violet-50 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-violet-50);
      }
    }
  }
  .active\:divide-violet-100 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-violet-100);
      }
    }
  }
  .active\:divide-violet-200 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-violet-200);
      }
    }
  }
  .active\:divide-violet-300 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-violet-300);
      }
    }
  }
  .active\:divide-violet-400 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-violet-400);
      }
    }
  }
  .active\:divide-violet-500 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-violet-500);
      }
    }
  }
  .active\:divide-violet-600 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-violet-600);
      }
    }
  }
  .active\:divide-violet-700 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-violet-700);
      }
    }
  }
  .active\:divide-violet-800 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-violet-800);
      }
    }
  }
  .active\:divide-violet-900 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-violet-900);
      }
    }
  }
  .active\:divide-violet-950 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-violet-950);
      }
    }
  }
  .active\:divide-yellow-50 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-yellow-50);
      }
    }
  }
  .active\:divide-yellow-100 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-yellow-100);
      }
    }
  }
  .active\:divide-yellow-200 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-yellow-200);
      }
    }
  }
  .active\:divide-yellow-300 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-yellow-300);
      }
    }
  }
  .active\:divide-yellow-400 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-yellow-400);
      }
    }
  }
  .active\:divide-yellow-500 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-yellow-500);
      }
    }
  }
  .active\:divide-yellow-600 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-yellow-600);
      }
    }
  }
  .active\:divide-yellow-700 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-yellow-700);
      }
    }
  }
  .active\:divide-yellow-800 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-yellow-800);
      }
    }
  }
  .active\:divide-yellow-900 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-yellow-900);
      }
    }
  }
  .active\:divide-yellow-950 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-yellow-950);
      }
    }
  }
  .active\:divide-zinc-50 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-zinc-50);
      }
    }
  }
  .active\:divide-zinc-100 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-zinc-100);
      }
    }
  }
  .active\:divide-zinc-200 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-zinc-200);
      }
    }
  }
  .active\:divide-zinc-300 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-zinc-300);
      }
    }
  }
  .active\:divide-zinc-400 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-zinc-400);
      }
    }
  }
  .active\:divide-zinc-500 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-zinc-500);
      }
    }
  }
  .active\:divide-zinc-600 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-zinc-600);
      }
    }
  }
  .active\:divide-zinc-700 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-zinc-700);
      }
    }
  }
  .active\:divide-zinc-800 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-zinc-800);
      }
    }
  }
  .active\:divide-zinc-900 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-zinc-900);
      }
    }
  }
  .active\:divide-zinc-950 {
    &:active {
      :where(& > :not(:last-child)) {
        border-color: var(--color-zinc-950);
      }
    }
  }
  .active\:border-amber-50 {
    &:active {
      border-color: var(--color-amber-50);
    }
  }
  .active\:border-amber-100 {
    &:active {
      border-color: var(--color-amber-100);
    }
  }
  .active\:border-amber-200 {
    &:active {
      border-color: var(--color-amber-200);
    }
  }
  .active\:border-amber-300 {
    &:active {
      border-color: var(--color-amber-300);
    }
  }
  .active\:border-amber-400 {
    &:active {
      border-color: var(--color-amber-400);
    }
  }
  .active\:border-amber-500 {
    &:active {
      border-color: var(--color-amber-500);
    }
  }
  .active\:border-amber-600 {
    &:active {
      border-color: var(--color-amber-600);
    }
  }
  .active\:border-amber-700 {
    &:active {
      border-color: var(--color-amber-700);
    }
  }
  .active\:border-amber-800 {
    &:active {
      border-color: var(--color-amber-800);
    }
  }
  .active\:border-amber-900 {
    &:active {
      border-color: var(--color-amber-900);
    }
  }
  .active\:border-amber-950 {
    &:active {
      border-color: var(--color-amber-950);
    }
  }
  .active\:border-blue-50 {
    &:active {
      border-color: var(--color-blue-50);
    }
  }
  .active\:border-blue-100 {
    &:active {
      border-color: var(--color-blue-100);
    }
  }
  .active\:border-blue-200 {
    &:active {
      border-color: var(--color-blue-200);
    }
  }
  .active\:border-blue-300 {
    &:active {
      border-color: var(--color-blue-300);
    }
  }
  .active\:border-blue-400 {
    &:active {
      border-color: var(--color-blue-400);
    }
  }
  .active\:border-blue-500 {
    &:active {
      border-color: var(--color-blue-500);
    }
  }
  .active\:border-blue-600 {
    &:active {
      border-color: var(--color-blue-600);
    }
  }
  .active\:border-blue-700 {
    &:active {
      border-color: var(--color-blue-700);
    }
  }
  .active\:border-blue-800 {
    &:active {
      border-color: var(--color-blue-800);
    }
  }
  .active\:border-blue-900 {
    &:active {
      border-color: var(--color-blue-900);
    }
  }
  .active\:border-blue-950 {
    &:active {
      border-color: var(--color-blue-950);
    }
  }
  .active\:border-cyan-50 {
    &:active {
      border-color: var(--color-cyan-50);
    }
  }
  .active\:border-cyan-100 {
    &:active {
      border-color: var(--color-cyan-100);
    }
  }
  .active\:border-cyan-200 {
    &:active {
      border-color: var(--color-cyan-200);
    }
  }
  .active\:border-cyan-300 {
    &:active {
      border-color: var(--color-cyan-300);
    }
  }
  .active\:border-cyan-400 {
    &:active {
      border-color: var(--color-cyan-400);
    }
  }
  .active\:border-cyan-500 {
    &:active {
      border-color: var(--color-cyan-500);
    }
  }
  .active\:border-cyan-600 {
    &:active {
      border-color: var(--color-cyan-600);
    }
  }
  .active\:border-cyan-700 {
    &:active {
      border-color: var(--color-cyan-700);
    }
  }
  .active\:border-cyan-800 {
    &:active {
      border-color: var(--color-cyan-800);
    }
  }
  .active\:border-cyan-900 {
    &:active {
      border-color: var(--color-cyan-900);
    }
  }
  .active\:border-cyan-950 {
    &:active {
      border-color: var(--color-cyan-950);
    }
  }
  .active\:border-emerald-50 {
    &:active {
      border-color: var(--color-emerald-50);
    }
  }
  .active\:border-emerald-100 {
    &:active {
      border-color: var(--color-emerald-100);
    }
  }
  .active\:border-emerald-200 {
    &:active {
      border-color: var(--color-emerald-200);
    }
  }
  .active\:border-emerald-300 {
    &:active {
      border-color: var(--color-emerald-300);
    }
  }
  .active\:border-emerald-400 {
    &:active {
      border-color: var(--color-emerald-400);
    }
  }
  .active\:border-emerald-500 {
    &:active {
      border-color: var(--color-emerald-500);
    }
  }
  .active\:border-emerald-600 {
    &:active {
      border-color: var(--color-emerald-600);
    }
  }
  .active\:border-emerald-700 {
    &:active {
      border-color: var(--color-emerald-700);
    }
  }
  .active\:border-emerald-800 {
    &:active {
      border-color: var(--color-emerald-800);
    }
  }
  .active\:border-emerald-900 {
    &:active {
      border-color: var(--color-emerald-900);
    }
  }
  .active\:border-emerald-950 {
    &:active {
      border-color: var(--color-emerald-950);
    }
  }
  .active\:border-fuchsia-50 {
    &:active {
      border-color: var(--color-fuchsia-50);
    }
  }
  .active\:border-fuchsia-100 {
    &:active {
      border-color: var(--color-fuchsia-100);
    }
  }
  .active\:border-fuchsia-200 {
    &:active {
      border-color: var(--color-fuchsia-200);
    }
  }
  .active\:border-fuchsia-300 {
    &:active {
      border-color: var(--color-fuchsia-300);
    }
  }
  .active\:border-fuchsia-400 {
    &:active {
      border-color: var(--color-fuchsia-400);
    }
  }
  .active\:border-fuchsia-500 {
    &:active {
      border-color: var(--color-fuchsia-500);
    }
  }
  .active\:border-fuchsia-600 {
    &:active {
      border-color: var(--color-fuchsia-600);
    }
  }
  .active\:border-fuchsia-700 {
    &:active {
      border-color: var(--color-fuchsia-700);
    }
  }
  .active\:border-fuchsia-800 {
    &:active {
      border-color: var(--color-fuchsia-800);
    }
  }
  .active\:border-fuchsia-900 {
    &:active {
      border-color: var(--color-fuchsia-900);
    }
  }
  .active\:border-fuchsia-950 {
    &:active {
      border-color: var(--color-fuchsia-950);
    }
  }
  .active\:border-gray-50 {
    &:active {
      border-color: var(--color-gray-50);
    }
  }
  .active\:border-gray-100 {
    &:active {
      border-color: var(--color-gray-100);
    }
  }
  .active\:border-gray-200 {
    &:active {
      border-color: var(--color-gray-200);
    }
  }
  .active\:border-gray-300 {
    &:active {
      border-color: var(--color-gray-300);
    }
  }
  .active\:border-gray-400 {
    &:active {
      border-color: var(--color-gray-400);
    }
  }
  .active\:border-gray-500 {
    &:active {
      border-color: var(--color-gray-500);
    }
  }
  .active\:border-gray-600 {
    &:active {
      border-color: var(--color-gray-600);
    }
  }
  .active\:border-gray-700 {
    &:active {
      border-color: var(--color-gray-700);
    }
  }
  .active\:border-gray-800 {
    &:active {
      border-color: var(--color-gray-800);
    }
  }
  .active\:border-gray-900 {
    &:active {
      border-color: var(--color-gray-900);
    }
  }
  .active\:border-gray-950 {
    &:active {
      border-color: var(--color-gray-950);
    }
  }
  .active\:border-green-50 {
    &:active {
      border-color: var(--color-green-50);
    }
  }
  .active\:border-green-100 {
    &:active {
      border-color: var(--color-green-100);
    }
  }
  .active\:border-green-200 {
    &:active {
      border-color: var(--color-green-200);
    }
  }
  .active\:border-green-300 {
    &:active {
      border-color: var(--color-green-300);
    }
  }
  .active\:border-green-400 {
    &:active {
      border-color: var(--color-green-400);
    }
  }
  .active\:border-green-500 {
    &:active {
      border-color: var(--color-green-500);
    }
  }
  .active\:border-green-600 {
    &:active {
      border-color: var(--color-green-600);
    }
  }
  .active\:border-green-700 {
    &:active {
      border-color: var(--color-green-700);
    }
  }
  .active\:border-green-800 {
    &:active {
      border-color: var(--color-green-800);
    }
  }
  .active\:border-green-900 {
    &:active {
      border-color: var(--color-green-900);
    }
  }
  .active\:border-green-950 {
    &:active {
      border-color: var(--color-green-950);
    }
  }
  .active\:border-indigo-50 {
    &:active {
      border-color: var(--color-indigo-50);
    }
  }
  .active\:border-indigo-100 {
    &:active {
      border-color: var(--color-indigo-100);
    }
  }
  .active\:border-indigo-200 {
    &:active {
      border-color: var(--color-indigo-200);
    }
  }
  .active\:border-indigo-300 {
    &:active {
      border-color: var(--color-indigo-300);
    }
  }
  .active\:border-indigo-400 {
    &:active {
      border-color: var(--color-indigo-400);
    }
  }
  .active\:border-indigo-500 {
    &:active {
      border-color: var(--color-indigo-500);
    }
  }
  .active\:border-indigo-600 {
    &:active {
      border-color: var(--color-indigo-600);
    }
  }
  .active\:border-indigo-700 {
    &:active {
      border-color: var(--color-indigo-700);
    }
  }
  .active\:border-indigo-800 {
    &:active {
      border-color: var(--color-indigo-800);
    }
  }
  .active\:border-indigo-900 {
    &:active {
      border-color: var(--color-indigo-900);
    }
  }
  .active\:border-indigo-950 {
    &:active {
      border-color: var(--color-indigo-950);
    }
  }
  .active\:border-lime-50 {
    &:active {
      border-color: var(--color-lime-50);
    }
  }
  .active\:border-lime-100 {
    &:active {
      border-color: var(--color-lime-100);
    }
  }
  .active\:border-lime-200 {
    &:active {
      border-color: var(--color-lime-200);
    }
  }
  .active\:border-lime-300 {
    &:active {
      border-color: var(--color-lime-300);
    }
  }
  .active\:border-lime-400 {
    &:active {
      border-color: var(--color-lime-400);
    }
  }
  .active\:border-lime-500 {
    &:active {
      border-color: var(--color-lime-500);
    }
  }
  .active\:border-lime-600 {
    &:active {
      border-color: var(--color-lime-600);
    }
  }
  .active\:border-lime-700 {
    &:active {
      border-color: var(--color-lime-700);
    }
  }
  .active\:border-lime-800 {
    &:active {
      border-color: var(--color-lime-800);
    }
  }
  .active\:border-lime-900 {
    &:active {
      border-color: var(--color-lime-900);
    }
  }
  .active\:border-lime-950 {
    &:active {
      border-color: var(--color-lime-950);
    }
  }
  .active\:border-neutral-50 {
    &:active {
      border-color: var(--color-neutral-50);
    }
  }
  .active\:border-neutral-100 {
    &:active {
      border-color: var(--color-neutral-100);
    }
  }
  .active\:border-neutral-200 {
    &:active {
      border-color: var(--color-neutral-200);
    }
  }
  .active\:border-neutral-300 {
    &:active {
      border-color: var(--color-neutral-300);
    }
  }
  .active\:border-neutral-400 {
    &:active {
      border-color: var(--color-neutral-400);
    }
  }
  .active\:border-neutral-500 {
    &:active {
      border-color: var(--color-neutral-500);
    }
  }
  .active\:border-neutral-600 {
    &:active {
      border-color: var(--color-neutral-600);
    }
  }
  .active\:border-neutral-700 {
    &:active {
      border-color: var(--color-neutral-700);
    }
  }
  .active\:border-neutral-800 {
    &:active {
      border-color: var(--color-neutral-800);
    }
  }
  .active\:border-neutral-900 {
    &:active {
      border-color: var(--color-neutral-900);
    }
  }
  .active\:border-neutral-950 {
    &:active {
      border-color: var(--color-neutral-950);
    }
  }
  .active\:border-orange-50 {
    &:active {
      border-color: var(--color-orange-50);
    }
  }
  .active\:border-orange-100 {
    &:active {
      border-color: var(--color-orange-100);
    }
  }
  .active\:border-orange-200 {
    &:active {
      border-color: var(--color-orange-200);
    }
  }
  .active\:border-orange-300 {
    &:active {
      border-color: var(--color-orange-300);
    }
  }
  .active\:border-orange-400 {
    &:active {
      border-color: var(--color-orange-400);
    }
  }
  .active\:border-orange-500 {
    &:active {
      border-color: var(--color-orange-500);
    }
  }
  .active\:border-orange-600 {
    &:active {
      border-color: var(--color-orange-600);
    }
  }
  .active\:border-orange-700 {
    &:active {
      border-color: var(--color-orange-700);
    }
  }
  .active\:border-orange-800 {
    &:active {
      border-color: var(--color-orange-800);
    }
  }
  .active\:border-orange-900 {
    &:active {
      border-color: var(--color-orange-900);
    }
  }
  .active\:border-orange-950 {
    &:active {
      border-color: var(--color-orange-950);
    }
  }
  .active\:border-pink-50 {
    &:active {
      border-color: var(--color-pink-50);
    }
  }
  .active\:border-pink-100 {
    &:active {
      border-color: var(--color-pink-100);
    }
  }
  .active\:border-pink-200 {
    &:active {
      border-color: var(--color-pink-200);
    }
  }
  .active\:border-pink-300 {
    &:active {
      border-color: var(--color-pink-300);
    }
  }
  .active\:border-pink-400 {
    &:active {
      border-color: var(--color-pink-400);
    }
  }
  .active\:border-pink-500 {
    &:active {
      border-color: var(--color-pink-500);
    }
  }
  .active\:border-pink-600 {
    &:active {
      border-color: var(--color-pink-600);
    }
  }
  .active\:border-pink-700 {
    &:active {
      border-color: var(--color-pink-700);
    }
  }
  .active\:border-pink-800 {
    &:active {
      border-color: var(--color-pink-800);
    }
  }
  .active\:border-pink-900 {
    &:active {
      border-color: var(--color-pink-900);
    }
  }
  .active\:border-pink-950 {
    &:active {
      border-color: var(--color-pink-950);
    }
  }
  .active\:border-purple-50 {
    &:active {
      border-color: var(--color-purple-50);
    }
  }
  .active\:border-purple-100 {
    &:active {
      border-color: var(--color-purple-100);
    }
  }
  .active\:border-purple-200 {
    &:active {
      border-color: var(--color-purple-200);
    }
  }
  .active\:border-purple-300 {
    &:active {
      border-color: var(--color-purple-300);
    }
  }
  .active\:border-purple-400 {
    &:active {
      border-color: var(--color-purple-400);
    }
  }
  .active\:border-purple-500 {
    &:active {
      border-color: var(--color-purple-500);
    }
  }
  .active\:border-purple-600 {
    &:active {
      border-color: var(--color-purple-600);
    }
  }
  .active\:border-purple-700 {
    &:active {
      border-color: var(--color-purple-700);
    }
  }
  .active\:border-purple-800 {
    &:active {
      border-color: var(--color-purple-800);
    }
  }
  .active\:border-purple-900 {
    &:active {
      border-color: var(--color-purple-900);
    }
  }
  .active\:border-purple-950 {
    &:active {
      border-color: var(--color-purple-950);
    }
  }
  .active\:border-red-50 {
    &:active {
      border-color: var(--color-red-50);
    }
  }
  .active\:border-red-100 {
    &:active {
      border-color: var(--color-red-100);
    }
  }
  .active\:border-red-200 {
    &:active {
      border-color: var(--color-red-200);
    }
  }
  .active\:border-red-300 {
    &:active {
      border-color: var(--color-red-300);
    }
  }
  .active\:border-red-400 {
    &:active {
      border-color: var(--color-red-400);
    }
  }
  .active\:border-red-500 {
    &:active {
      border-color: var(--color-red-500);
    }
  }
  .active\:border-red-600 {
    &:active {
      border-color: var(--color-red-600);
    }
  }
  .active\:border-red-700 {
    &:active {
      border-color: var(--color-red-700);
    }
  }
  .active\:border-red-800 {
    &:active {
      border-color: var(--color-red-800);
    }
  }
  .active\:border-red-900 {
    &:active {
      border-color: var(--color-red-900);
    }
  }
  .active\:border-red-950 {
    &:active {
      border-color: var(--color-red-950);
    }
  }
  .active\:border-rose-50 {
    &:active {
      border-color: var(--color-rose-50);
    }
  }
  .active\:border-rose-100 {
    &:active {
      border-color: var(--color-rose-100);
    }
  }
  .active\:border-rose-200 {
    &:active {
      border-color: var(--color-rose-200);
    }
  }
  .active\:border-rose-300 {
    &:active {
      border-color: var(--color-rose-300);
    }
  }
  .active\:border-rose-400 {
    &:active {
      border-color: var(--color-rose-400);
    }
  }
  .active\:border-rose-500 {
    &:active {
      border-color: var(--color-rose-500);
    }
  }
  .active\:border-rose-600 {
    &:active {
      border-color: var(--color-rose-600);
    }
  }
  .active\:border-rose-700 {
    &:active {
      border-color: var(--color-rose-700);
    }
  }
  .active\:border-rose-800 {
    &:active {
      border-color: var(--color-rose-800);
    }
  }
  .active\:border-rose-900 {
    &:active {
      border-color: var(--color-rose-900);
    }
  }
  .active\:border-rose-950 {
    &:active {
      border-color: var(--color-rose-950);
    }
  }
  .active\:border-sky-50 {
    &:active {
      border-color: var(--color-sky-50);
    }
  }
  .active\:border-sky-100 {
    &:active {
      border-color: var(--color-sky-100);
    }
  }
  .active\:border-sky-200 {
    &:active {
      border-color: var(--color-sky-200);
    }
  }
  .active\:border-sky-300 {
    &:active {
      border-color: var(--color-sky-300);
    }
  }
  .active\:border-sky-400 {
    &:active {
      border-color: var(--color-sky-400);
    }
  }
  .active\:border-sky-500 {
    &:active {
      border-color: var(--color-sky-500);
    }
  }
  .active\:border-sky-600 {
    &:active {
      border-color: var(--color-sky-600);
    }
  }
  .active\:border-sky-700 {
    &:active {
      border-color: var(--color-sky-700);
    }
  }
  .active\:border-sky-800 {
    &:active {
      border-color: var(--color-sky-800);
    }
  }
  .active\:border-sky-900 {
    &:active {
      border-color: var(--color-sky-900);
    }
  }
  .active\:border-sky-950 {
    &:active {
      border-color: var(--color-sky-950);
    }
  }
  .active\:border-slate-50 {
    &:active {
      border-color: var(--color-slate-50);
    }
  }
  .active\:border-slate-100 {
    &:active {
      border-color: var(--color-slate-100);
    }
  }
  .active\:border-slate-200 {
    &:active {
      border-color: var(--color-slate-200);
    }
  }
  .active\:border-slate-300 {
    &:active {
      border-color: var(--color-slate-300);
    }
  }
  .active\:border-slate-400 {
    &:active {
      border-color: var(--color-slate-400);
    }
  }
  .active\:border-slate-500 {
    &:active {
      border-color: var(--color-slate-500);
    }
  }
  .active\:border-slate-600 {
    &:active {
      border-color: var(--color-slate-600);
    }
  }
  .active\:border-slate-700 {
    &:active {
      border-color: var(--color-slate-700);
    }
  }
  .active\:border-slate-800 {
    &:active {
      border-color: var(--color-slate-800);
    }
  }
  .active\:border-slate-900 {
    &:active {
      border-color: var(--color-slate-900);
    }
  }
  .active\:border-slate-950 {
    &:active {
      border-color: var(--color-slate-950);
    }
  }
  .active\:border-stone-50 {
    &:active {
      border-color: var(--color-stone-50);
    }
  }
  .active\:border-stone-100 {
    &:active {
      border-color: var(--color-stone-100);
    }
  }
  .active\:border-stone-200 {
    &:active {
      border-color: var(--color-stone-200);
    }
  }
  .active\:border-stone-300 {
    &:active {
      border-color: var(--color-stone-300);
    }
  }
  .active\:border-stone-400 {
    &:active {
      border-color: var(--color-stone-400);
    }
  }
  .active\:border-stone-500 {
    &:active {
      border-color: var(--color-stone-500);
    }
  }
  .active\:border-stone-600 {
    &:active {
      border-color: var(--color-stone-600);
    }
  }
  .active\:border-stone-700 {
    &:active {
      border-color: var(--color-stone-700);
    }
  }
  .active\:border-stone-800 {
    &:active {
      border-color: var(--color-stone-800);
    }
  }
  .active\:border-stone-900 {
    &:active {
      border-color: var(--color-stone-900);
    }
  }
  .active\:border-stone-950 {
    &:active {
      border-color: var(--color-stone-950);
    }
  }
  .active\:border-teal-50 {
    &:active {
      border-color: var(--color-teal-50);
    }
  }
  .active\:border-teal-100 {
    &:active {
      border-color: var(--color-teal-100);
    }
  }
  .active\:border-teal-200 {
    &:active {
      border-color: var(--color-teal-200);
    }
  }
  .active\:border-teal-300 {
    &:active {
      border-color: var(--color-teal-300);
    }
  }
  .active\:border-teal-400 {
    &:active {
      border-color: var(--color-teal-400);
    }
  }
  .active\:border-teal-500 {
    &:active {
      border-color: var(--color-teal-500);
    }
  }
  .active\:border-teal-600 {
    &:active {
      border-color: var(--color-teal-600);
    }
  }
  .active\:border-teal-700 {
    &:active {
      border-color: var(--color-teal-700);
    }
  }
  .active\:border-teal-800 {
    &:active {
      border-color: var(--color-teal-800);
    }
  }
  .active\:border-teal-900 {
    &:active {
      border-color: var(--color-teal-900);
    }
  }
  .active\:border-teal-950 {
    &:active {
      border-color: var(--color-teal-950);
    }
  }
  .active\:border-violet-50 {
    &:active {
      border-color: var(--color-violet-50);
    }
  }
  .active\:border-violet-100 {
    &:active {
      border-color: var(--color-violet-100);
    }
  }
  .active\:border-violet-200 {
    &:active {
      border-color: var(--color-violet-200);
    }
  }
  .active\:border-violet-300 {
    &:active {
      border-color: var(--color-violet-300);
    }
  }
  .active\:border-violet-400 {
    &:active {
      border-color: var(--color-violet-400);
    }
  }
  .active\:border-violet-500 {
    &:active {
      border-color: var(--color-violet-500);
    }
  }
  .active\:border-violet-600 {
    &:active {
      border-color: var(--color-violet-600);
    }
  }
  .active\:border-violet-700 {
    &:active {
      border-color: var(--color-violet-700);
    }
  }
  .active\:border-violet-800 {
    &:active {
      border-color: var(--color-violet-800);
    }
  }
  .active\:border-violet-900 {
    &:active {
      border-color: var(--color-violet-900);
    }
  }
  .active\:border-violet-950 {
    &:active {
      border-color: var(--color-violet-950);
    }
  }
  .active\:border-yellow-50 {
    &:active {
      border-color: var(--color-yellow-50);
    }
  }
  .active\:border-yellow-100 {
    &:active {
      border-color: var(--color-yellow-100);
    }
  }
  .active\:border-yellow-200 {
    &:active {
      border-color: var(--color-yellow-200);
    }
  }
  .active\:border-yellow-300 {
    &:active {
      border-color: var(--color-yellow-300);
    }
  }
  .active\:border-yellow-400 {
    &:active {
      border-color: var(--color-yellow-400);
    }
  }
  .active\:border-yellow-500 {
    &:active {
      border-color: var(--color-yellow-500);
    }
  }
  .active\:border-yellow-600 {
    &:active {
      border-color: var(--color-yellow-600);
    }
  }
  .active\:border-yellow-700 {
    &:active {
      border-color: var(--color-yellow-700);
    }
  }
  .active\:border-yellow-800 {
    &:active {
      border-color: var(--color-yellow-800);
    }
  }
  .active\:border-yellow-900 {
    &:active {
      border-color: var(--color-yellow-900);
    }
  }
  .active\:border-yellow-950 {
    &:active {
      border-color: var(--color-yellow-950);
    }
  }
  .active\:border-zinc-50 {
    &:active {
      border-color: var(--color-zinc-50);
    }
  }
  .active\:border-zinc-100 {
    &:active {
      border-color: var(--color-zinc-100);
    }
  }
  .active\:border-zinc-200 {
    &:active {
      border-color: var(--color-zinc-200);
    }
  }
  .active\:border-zinc-300 {
    &:active {
      border-color: var(--color-zinc-300);
    }
  }
  .active\:border-zinc-400 {
    &:active {
      border-color: var(--color-zinc-400);
    }
  }
  .active\:border-zinc-500 {
    &:active {
      border-color: var(--color-zinc-500);
    }
  }
  .active\:border-zinc-600 {
    &:active {
      border-color: var(--color-zinc-600);
    }
  }
  .active\:border-zinc-700 {
    &:active {
      border-color: var(--color-zinc-700);
    }
  }
  .active\:border-zinc-800 {
    &:active {
      border-color: var(--color-zinc-800);
    }
  }
  .active\:border-zinc-900 {
    &:active {
      border-color: var(--color-zinc-900);
    }
  }
  .active\:border-zinc-950 {
    &:active {
      border-color: var(--color-zinc-950);
    }
  }
  .active\:bg-amber-50 {
    &:active {
      background-color: var(--color-amber-50);
    }
  }
  .active\:bg-amber-100 {
    &:active {
      background-color: var(--color-amber-100);
    }
  }
  .active\:bg-amber-200 {
    &:active {
      background-color: var(--color-amber-200);
    }
  }
  .active\:bg-amber-300 {
    &:active {
      background-color: var(--color-amber-300);
    }
  }
  .active\:bg-amber-400 {
    &:active {
      background-color: var(--color-amber-400);
    }
  }
  .active\:bg-amber-500 {
    &:active {
      background-color: var(--color-amber-500);
    }
  }
  .active\:bg-amber-600 {
    &:active {
      background-color: var(--color-amber-600);
    }
  }
  .active\:bg-amber-700 {
    &:active {
      background-color: var(--color-amber-700);
    }
  }
  .active\:bg-amber-800 {
    &:active {
      background-color: var(--color-amber-800);
    }
  }
  .active\:bg-amber-900 {
    &:active {
      background-color: var(--color-amber-900);
    }
  }
  .active\:bg-amber-950 {
    &:active {
      background-color: var(--color-amber-950);
    }
  }
  .active\:bg-blue-50 {
    &:active {
      background-color: var(--color-blue-50);
    }
  }
  .active\:bg-blue-100 {
    &:active {
      background-color: var(--color-blue-100);
    }
  }
  .active\:bg-blue-200 {
    &:active {
      background-color: var(--color-blue-200);
    }
  }
  .active\:bg-blue-300 {
    &:active {
      background-color: var(--color-blue-300);
    }
  }
  .active\:bg-blue-400 {
    &:active {
      background-color: var(--color-blue-400);
    }
  }
  .active\:bg-blue-500 {
    &:active {
      background-color: var(--color-blue-500);
    }
  }
  .active\:bg-blue-600 {
    &:active {
      background-color: var(--color-blue-600);
    }
  }
  .active\:bg-blue-700 {
    &:active {
      background-color: var(--color-blue-700);
    }
  }
  .active\:bg-blue-800 {
    &:active {
      background-color: var(--color-blue-800);
    }
  }
  .active\:bg-blue-900 {
    &:active {
      background-color: var(--color-blue-900);
    }
  }
  .active\:bg-blue-950 {
    &:active {
      background-color: var(--color-blue-950);
    }
  }
  .active\:bg-cyan-50 {
    &:active {
      background-color: var(--color-cyan-50);
    }
  }
  .active\:bg-cyan-100 {
    &:active {
      background-color: var(--color-cyan-100);
    }
  }
  .active\:bg-cyan-200 {
    &:active {
      background-color: var(--color-cyan-200);
    }
  }
  .active\:bg-cyan-300 {
    &:active {
      background-color: var(--color-cyan-300);
    }
  }
  .active\:bg-cyan-400 {
    &:active {
      background-color: var(--color-cyan-400);
    }
  }
  .active\:bg-cyan-500 {
    &:active {
      background-color: var(--color-cyan-500);
    }
  }
  .active\:bg-cyan-600 {
    &:active {
      background-color: var(--color-cyan-600);
    }
  }
  .active\:bg-cyan-700 {
    &:active {
      background-color: var(--color-cyan-700);
    }
  }
  .active\:bg-cyan-800 {
    &:active {
      background-color: var(--color-cyan-800);
    }
  }
  .active\:bg-cyan-900 {
    &:active {
      background-color: var(--color-cyan-900);
    }
  }
  .active\:bg-cyan-950 {
    &:active {
      background-color: var(--color-cyan-950);
    }
  }
  .active\:bg-emerald-50 {
    &:active {
      background-color: var(--color-emerald-50);
    }
  }
  .active\:bg-emerald-100 {
    &:active {
      background-color: var(--color-emerald-100);
    }
  }
  .active\:bg-emerald-200 {
    &:active {
      background-color: var(--color-emerald-200);
    }
  }
  .active\:bg-emerald-300 {
    &:active {
      background-color: var(--color-emerald-300);
    }
  }
  .active\:bg-emerald-400 {
    &:active {
      background-color: var(--color-emerald-400);
    }
  }
  .active\:bg-emerald-500 {
    &:active {
      background-color: var(--color-emerald-500);
    }
  }
  .active\:bg-emerald-600 {
    &:active {
      background-color: var(--color-emerald-600);
    }
  }
  .active\:bg-emerald-700 {
    &:active {
      background-color: var(--color-emerald-700);
    }
  }
  .active\:bg-emerald-800 {
    &:active {
      background-color: var(--color-emerald-800);
    }
  }
  .active\:bg-emerald-900 {
    &:active {
      background-color: var(--color-emerald-900);
    }
  }
  .active\:bg-emerald-950 {
    &:active {
      background-color: var(--color-emerald-950);
    }
  }
  .active\:bg-fuchsia-50 {
    &:active {
      background-color: var(--color-fuchsia-50);
    }
  }
  .active\:bg-fuchsia-100 {
    &:active {
      background-color: var(--color-fuchsia-100);
    }
  }
  .active\:bg-fuchsia-200 {
    &:active {
      background-color: var(--color-fuchsia-200);
    }
  }
  .active\:bg-fuchsia-300 {
    &:active {
      background-color: var(--color-fuchsia-300);
    }
  }
  .active\:bg-fuchsia-400 {
    &:active {
      background-color: var(--color-fuchsia-400);
    }
  }
  .active\:bg-fuchsia-500 {
    &:active {
      background-color: var(--color-fuchsia-500);
    }
  }
  .active\:bg-fuchsia-600 {
    &:active {
      background-color: var(--color-fuchsia-600);
    }
  }
  .active\:bg-fuchsia-700 {
    &:active {
      background-color: var(--color-fuchsia-700);
    }
  }
  .active\:bg-fuchsia-800 {
    &:active {
      background-color: var(--color-fuchsia-800);
    }
  }
  .active\:bg-fuchsia-900 {
    &:active {
      background-color: var(--color-fuchsia-900);
    }
  }
  .active\:bg-fuchsia-950 {
    &:active {
      background-color: var(--color-fuchsia-950);
    }
  }
  .active\:bg-gray-50 {
    &:active {
      background-color: var(--color-gray-50);
    }
  }
  .active\:bg-gray-100 {
    &:active {
      background-color: var(--color-gray-100);
    }
  }
  .active\:bg-gray-200 {
    &:active {
      background-color: var(--color-gray-200);
    }
  }
  .active\:bg-gray-300 {
    &:active {
      background-color: var(--color-gray-300);
    }
  }
  .active\:bg-gray-400 {
    &:active {
      background-color: var(--color-gray-400);
    }
  }
  .active\:bg-gray-500 {
    &:active {
      background-color: var(--color-gray-500);
    }
  }
  .active\:bg-gray-600 {
    &:active {
      background-color: var(--color-gray-600);
    }
  }
  .active\:bg-gray-700 {
    &:active {
      background-color: var(--color-gray-700);
    }
  }
  .active\:bg-gray-800 {
    &:active {
      background-color: var(--color-gray-800);
    }
  }
  .active\:bg-gray-900 {
    &:active {
      background-color: var(--color-gray-900);
    }
  }
  .active\:bg-gray-950 {
    &:active {
      background-color: var(--color-gray-950);
    }
  }
  .active\:bg-green-50 {
    &:active {
      background-color: var(--color-green-50);
    }
  }
  .active\:bg-green-100 {
    &:active {
      background-color: var(--color-green-100);
    }
  }
  .active\:bg-green-200 {
    &:active {
      background-color: var(--color-green-200);
    }
  }
  .active\:bg-green-300 {
    &:active {
      background-color: var(--color-green-300);
    }
  }
  .active\:bg-green-400 {
    &:active {
      background-color: var(--color-green-400);
    }
  }
  .active\:bg-green-500 {
    &:active {
      background-color: var(--color-green-500);
    }
  }
  .active\:bg-green-600 {
    &:active {
      background-color: var(--color-green-600);
    }
  }
  .active\:bg-green-700 {
    &:active {
      background-color: var(--color-green-700);
    }
  }
  .active\:bg-green-800 {
    &:active {
      background-color: var(--color-green-800);
    }
  }
  .active\:bg-green-900 {
    &:active {
      background-color: var(--color-green-900);
    }
  }
  .active\:bg-green-950 {
    &:active {
      background-color: var(--color-green-950);
    }
  }
  .active\:bg-indigo-50 {
    &:active {
      background-color: var(--color-indigo-50);
    }
  }
  .active\:bg-indigo-100 {
    &:active {
      background-color: var(--color-indigo-100);
    }
  }
  .active\:bg-indigo-200 {
    &:active {
      background-color: var(--color-indigo-200);
    }
  }
  .active\:bg-indigo-300 {
    &:active {
      background-color: var(--color-indigo-300);
    }
  }
  .active\:bg-indigo-400 {
    &:active {
      background-color: var(--color-indigo-400);
    }
  }
  .active\:bg-indigo-500 {
    &:active {
      background-color: var(--color-indigo-500);
    }
  }
  .active\:bg-indigo-600 {
    &:active {
      background-color: var(--color-indigo-600);
    }
  }
  .active\:bg-indigo-700 {
    &:active {
      background-color: var(--color-indigo-700);
    }
  }
  .active\:bg-indigo-800 {
    &:active {
      background-color: var(--color-indigo-800);
    }
  }
  .active\:bg-indigo-900 {
    &:active {
      background-color: var(--color-indigo-900);
    }
  }
  .active\:bg-indigo-950 {
    &:active {
      background-color: var(--color-indigo-950);
    }
  }
  .active\:bg-lime-50 {
    &:active {
      background-color: var(--color-lime-50);
    }
  }
  .active\:bg-lime-100 {
    &:active {
      background-color: var(--color-lime-100);
    }
  }
  .active\:bg-lime-200 {
    &:active {
      background-color: var(--color-lime-200);
    }
  }
  .active\:bg-lime-300 {
    &:active {
      background-color: var(--color-lime-300);
    }
  }
  .active\:bg-lime-400 {
    &:active {
      background-color: var(--color-lime-400);
    }
  }
  .active\:bg-lime-500 {
    &:active {
      background-color: var(--color-lime-500);
    }
  }
  .active\:bg-lime-600 {
    &:active {
      background-color: var(--color-lime-600);
    }
  }
  .active\:bg-lime-700 {
    &:active {
      background-color: var(--color-lime-700);
    }
  }
  .active\:bg-lime-800 {
    &:active {
      background-color: var(--color-lime-800);
    }
  }
  .active\:bg-lime-900 {
    &:active {
      background-color: var(--color-lime-900);
    }
  }
  .active\:bg-lime-950 {
    &:active {
      background-color: var(--color-lime-950);
    }
  }
  .active\:bg-neutral-50 {
    &:active {
      background-color: var(--color-neutral-50);
    }
  }
  .active\:bg-neutral-100 {
    &:active {
      background-color: var(--color-neutral-100);
    }
  }
  .active\:bg-neutral-200 {
    &:active {
      background-color: var(--color-neutral-200);
    }
  }
  .active\:bg-neutral-300 {
    &:active {
      background-color: var(--color-neutral-300);
    }
  }
  .active\:bg-neutral-400 {
    &:active {
      background-color: var(--color-neutral-400);
    }
  }
  .active\:bg-neutral-500 {
    &:active {
      background-color: var(--color-neutral-500);
    }
  }
  .active\:bg-neutral-600 {
    &:active {
      background-color: var(--color-neutral-600);
    }
  }
  .active\:bg-neutral-700 {
    &:active {
      background-color: var(--color-neutral-700);
    }
  }
  .active\:bg-neutral-800 {
    &:active {
      background-color: var(--color-neutral-800);
    }
  }
  .active\:bg-neutral-900 {
    &:active {
      background-color: var(--color-neutral-900);
    }
  }
  .active\:bg-neutral-950 {
    &:active {
      background-color: var(--color-neutral-950);
    }
  }
  .active\:bg-orange-50 {
    &:active {
      background-color: var(--color-orange-50);
    }
  }
  .active\:bg-orange-100 {
    &:active {
      background-color: var(--color-orange-100);
    }
  }
  .active\:bg-orange-200 {
    &:active {
      background-color: var(--color-orange-200);
    }
  }
  .active\:bg-orange-300 {
    &:active {
      background-color: var(--color-orange-300);
    }
  }
  .active\:bg-orange-400 {
    &:active {
      background-color: var(--color-orange-400);
    }
  }
  .active\:bg-orange-500 {
    &:active {
      background-color: var(--color-orange-500);
    }
  }
  .active\:bg-orange-600 {
    &:active {
      background-color: var(--color-orange-600);
    }
  }
  .active\:bg-orange-700 {
    &:active {
      background-color: var(--color-orange-700);
    }
  }
  .active\:bg-orange-800 {
    &:active {
      background-color: var(--color-orange-800);
    }
  }
  .active\:bg-orange-900 {
    &:active {
      background-color: var(--color-orange-900);
    }
  }
  .active\:bg-orange-950 {
    &:active {
      background-color: var(--color-orange-950);
    }
  }
  .active\:bg-pink-50 {
    &:active {
      background-color: var(--color-pink-50);
    }
  }
  .active\:bg-pink-100 {
    &:active {
      background-color: var(--color-pink-100);
    }
  }
  .active\:bg-pink-200 {
    &:active {
      background-color: var(--color-pink-200);
    }
  }
  .active\:bg-pink-300 {
    &:active {
      background-color: var(--color-pink-300);
    }
  }
  .active\:bg-pink-400 {
    &:active {
      background-color: var(--color-pink-400);
    }
  }
  .active\:bg-pink-500 {
    &:active {
      background-color: var(--color-pink-500);
    }
  }
  .active\:bg-pink-600 {
    &:active {
      background-color: var(--color-pink-600);
    }
  }
  .active\:bg-pink-700 {
    &:active {
      background-color: var(--color-pink-700);
    }
  }
  .active\:bg-pink-800 {
    &:active {
      background-color: var(--color-pink-800);
    }
  }
  .active\:bg-pink-900 {
    &:active {
      background-color: var(--color-pink-900);
    }
  }
  .active\:bg-pink-950 {
    &:active {
      background-color: var(--color-pink-950);
    }
  }
  .active\:bg-purple-50 {
    &:active {
      background-color: var(--color-purple-50);
    }
  }
  .active\:bg-purple-100 {
    &:active {
      background-color: var(--color-purple-100);
    }
  }
  .active\:bg-purple-200 {
    &:active {
      background-color: var(--color-purple-200);
    }
  }
  .active\:bg-purple-300 {
    &:active {
      background-color: var(--color-purple-300);
    }
  }
  .active\:bg-purple-400 {
    &:active {
      background-color: var(--color-purple-400);
    }
  }
  .active\:bg-purple-500 {
    &:active {
      background-color: var(--color-purple-500);
    }
  }
  .active\:bg-purple-600 {
    &:active {
      background-color: var(--color-purple-600);
    }
  }
  .active\:bg-purple-700 {
    &:active {
      background-color: var(--color-purple-700);
    }
  }
  .active\:bg-purple-800 {
    &:active {
      background-color: var(--color-purple-800);
    }
  }
  .active\:bg-purple-900 {
    &:active {
      background-color: var(--color-purple-900);
    }
  }
  .active\:bg-purple-950 {
    &:active {
      background-color: var(--color-purple-950);
    }
  }
  .active\:bg-red-50 {
    &:active {
      background-color: var(--color-red-50);
    }
  }
  .active\:bg-red-100 {
    &:active {
      background-color: var(--color-red-100);
    }
  }
  .active\:bg-red-200 {
    &:active {
      background-color: var(--color-red-200);
    }
  }
  .active\:bg-red-300 {
    &:active {
      background-color: var(--color-red-300);
    }
  }
  .active\:bg-red-400 {
    &:active {
      background-color: var(--color-red-400);
    }
  }
  .active\:bg-red-500 {
    &:active {
      background-color: var(--color-red-500);
    }
  }
  .active\:bg-red-600 {
    &:active {
      background-color: var(--color-red-600);
    }
  }
  .active\:bg-red-700 {
    &:active {
      background-color: var(--color-red-700);
    }
  }
  .active\:bg-red-800 {
    &:active {
      background-color: var(--color-red-800);
    }
  }
  .active\:bg-red-900 {
    &:active {
      background-color: var(--color-red-900);
    }
  }
  .active\:bg-red-950 {
    &:active {
      background-color: var(--color-red-950);
    }
  }
  .active\:bg-rose-50 {
    &:active {
      background-color: var(--color-rose-50);
    }
  }
  .active\:bg-rose-100 {
    &:active {
      background-color: var(--color-rose-100);
    }
  }
  .active\:bg-rose-200 {
    &:active {
      background-color: var(--color-rose-200);
    }
  }
  .active\:bg-rose-300 {
    &:active {
      background-color: var(--color-rose-300);
    }
  }
  .active\:bg-rose-400 {
    &:active {
      background-color: var(--color-rose-400);
    }
  }
  .active\:bg-rose-500 {
    &:active {
      background-color: var(--color-rose-500);
    }
  }
  .active\:bg-rose-600 {
    &:active {
      background-color: var(--color-rose-600);
    }
  }
  .active\:bg-rose-700 {
    &:active {
      background-color: var(--color-rose-700);
    }
  }
  .active\:bg-rose-800 {
    &:active {
      background-color: var(--color-rose-800);
    }
  }
  .active\:bg-rose-900 {
    &:active {
      background-color: var(--color-rose-900);
    }
  }
  .active\:bg-rose-950 {
    &:active {
      background-color: var(--color-rose-950);
    }
  }
  .active\:bg-sky-50 {
    &:active {
      background-color: var(--color-sky-50);
    }
  }
  .active\:bg-sky-100 {
    &:active {
      background-color: var(--color-sky-100);
    }
  }
  .active\:bg-sky-200 {
    &:active {
      background-color: var(--color-sky-200);
    }
  }
  .active\:bg-sky-300 {
    &:active {
      background-color: var(--color-sky-300);
    }
  }
  .active\:bg-sky-400 {
    &:active {
      background-color: var(--color-sky-400);
    }
  }
  .active\:bg-sky-500 {
    &:active {
      background-color: var(--color-sky-500);
    }
  }
  .active\:bg-sky-600 {
    &:active {
      background-color: var(--color-sky-600);
    }
  }
  .active\:bg-sky-700 {
    &:active {
      background-color: var(--color-sky-700);
    }
  }
  .active\:bg-sky-800 {
    &:active {
      background-color: var(--color-sky-800);
    }
  }
  .active\:bg-sky-900 {
    &:active {
      background-color: var(--color-sky-900);
    }
  }
  .active\:bg-sky-950 {
    &:active {
      background-color: var(--color-sky-950);
    }
  }
  .active\:bg-slate-50 {
    &:active {
      background-color: var(--color-slate-50);
    }
  }
  .active\:bg-slate-100 {
    &:active {
      background-color: var(--color-slate-100);
    }
  }
  .active\:bg-slate-200 {
    &:active {
      background-color: var(--color-slate-200);
    }
  }
  .active\:bg-slate-300 {
    &:active {
      background-color: var(--color-slate-300);
    }
  }
  .active\:bg-slate-400 {
    &:active {
      background-color: var(--color-slate-400);
    }
  }
  .active\:bg-slate-500 {
    &:active {
      background-color: var(--color-slate-500);
    }
  }
  .active\:bg-slate-600 {
    &:active {
      background-color: var(--color-slate-600);
    }
  }
  .active\:bg-slate-700 {
    &:active {
      background-color: var(--color-slate-700);
    }
  }
  .active\:bg-slate-800 {
    &:active {
      background-color: var(--color-slate-800);
    }
  }
  .active\:bg-slate-900 {
    &:active {
      background-color: var(--color-slate-900);
    }
  }
  .active\:bg-slate-950 {
    &:active {
      background-color: var(--color-slate-950);
    }
  }
  .active\:bg-stone-50 {
    &:active {
      background-color: var(--color-stone-50);
    }
  }
  .active\:bg-stone-100 {
    &:active {
      background-color: var(--color-stone-100);
    }
  }
  .active\:bg-stone-200 {
    &:active {
      background-color: var(--color-stone-200);
    }
  }
  .active\:bg-stone-300 {
    &:active {
      background-color: var(--color-stone-300);
    }
  }
  .active\:bg-stone-400 {
    &:active {
      background-color: var(--color-stone-400);
    }
  }
  .active\:bg-stone-500 {
    &:active {
      background-color: var(--color-stone-500);
    }
  }
  .active\:bg-stone-600 {
    &:active {
      background-color: var(--color-stone-600);
    }
  }
  .active\:bg-stone-700 {
    &:active {
      background-color: var(--color-stone-700);
    }
  }
  .active\:bg-stone-800 {
    &:active {
      background-color: var(--color-stone-800);
    }
  }
  .active\:bg-stone-900 {
    &:active {
      background-color: var(--color-stone-900);
    }
  }
  .active\:bg-stone-950 {
    &:active {
      background-color: var(--color-stone-950);
    }
  }
  .active\:bg-teal-50 {
    &:active {
      background-color: var(--color-teal-50);
    }
  }
  .active\:bg-teal-100 {
    &:active {
      background-color: var(--color-teal-100);
    }
  }
  .active\:bg-teal-200 {
    &:active {
      background-color: var(--color-teal-200);
    }
  }
  .active\:bg-teal-300 {
    &:active {
      background-color: var(--color-teal-300);
    }
  }
  .active\:bg-teal-400 {
    &:active {
      background-color: var(--color-teal-400);
    }
  }
  .active\:bg-teal-500 {
    &:active {
      background-color: var(--color-teal-500);
    }
  }
  .active\:bg-teal-600 {
    &:active {
      background-color: var(--color-teal-600);
    }
  }
  .active\:bg-teal-700 {
    &:active {
      background-color: var(--color-teal-700);
    }
  }
  .active\:bg-teal-800 {
    &:active {
      background-color: var(--color-teal-800);
    }
  }
  .active\:bg-teal-900 {
    &:active {
      background-color: var(--color-teal-900);
    }
  }
  .active\:bg-teal-950 {
    &:active {
      background-color: var(--color-teal-950);
    }
  }
  .active\:bg-violet-50 {
    &:active {
      background-color: var(--color-violet-50);
    }
  }
  .active\:bg-violet-100 {
    &:active {
      background-color: var(--color-violet-100);
    }
  }
  .active\:bg-violet-200 {
    &:active {
      background-color: var(--color-violet-200);
    }
  }
  .active\:bg-violet-300 {
    &:active {
      background-color: var(--color-violet-300);
    }
  }
  .active\:bg-violet-400 {
    &:active {
      background-color: var(--color-violet-400);
    }
  }
  .active\:bg-violet-500 {
    &:active {
      background-color: var(--color-violet-500);
    }
  }
  .active\:bg-violet-600 {
    &:active {
      background-color: var(--color-violet-600);
    }
  }
  .active\:bg-violet-700 {
    &:active {
      background-color: var(--color-violet-700);
    }
  }
  .active\:bg-violet-800 {
    &:active {
      background-color: var(--color-violet-800);
    }
  }
  .active\:bg-violet-900 {
    &:active {
      background-color: var(--color-violet-900);
    }
  }
  .active\:bg-violet-950 {
    &:active {
      background-color: var(--color-violet-950);
    }
  }
  .active\:bg-yellow-50 {
    &:active {
      background-color: var(--color-yellow-50);
    }
  }
  .active\:bg-yellow-100 {
    &:active {
      background-color: var(--color-yellow-100);
    }
  }
  .active\:bg-yellow-200 {
    &:active {
      background-color: var(--color-yellow-200);
    }
  }
  .active\:bg-yellow-300 {
    &:active {
      background-color: var(--color-yellow-300);
    }
  }
  .active\:bg-yellow-400 {
    &:active {
      background-color: var(--color-yellow-400);
    }
  }
  .active\:bg-yellow-500 {
    &:active {
      background-color: var(--color-yellow-500);
    }
  }
  .active\:bg-yellow-600 {
    &:active {
      background-color: var(--color-yellow-600);
    }
  }
  .active\:bg-yellow-700 {
    &:active {
      background-color: var(--color-yellow-700);
    }
  }
  .active\:bg-yellow-800 {
    &:active {
      background-color: var(--color-yellow-800);
    }
  }
  .active\:bg-yellow-900 {
    &:active {
      background-color: var(--color-yellow-900);
    }
  }
  .active\:bg-yellow-950 {
    &:active {
      background-color: var(--color-yellow-950);
    }
  }
  .active\:bg-zinc-50 {
    &:active {
      background-color: var(--color-zinc-50);
    }
  }
  .active\:bg-zinc-100 {
    &:active {
      background-color: var(--color-zinc-100);
    }
  }
  .active\:bg-zinc-200 {
    &:active {
      background-color: var(--color-zinc-200);
    }
  }
  .active\:bg-zinc-300 {
    &:active {
      background-color: var(--color-zinc-300);
    }
  }
  .active\:bg-zinc-400 {
    &:active {
      background-color: var(--color-zinc-400);
    }
  }
  .active\:bg-zinc-500 {
    &:active {
      background-color: var(--color-zinc-500);
    }
  }
  .active\:bg-zinc-600 {
    &:active {
      background-color: var(--color-zinc-600);
    }
  }
  .active\:bg-zinc-700 {
    &:active {
      background-color: var(--color-zinc-700);
    }
  }
  .active\:bg-zinc-800 {
    &:active {
      background-color: var(--color-zinc-800);
    }
  }
  .active\:bg-zinc-900 {
    &:active {
      background-color: var(--color-zinc-900);
    }
  }
  .active\:bg-zinc-950 {
    &:active {
      background-color: var(--color-zinc-950);
    }
  }
  .active\:text-amber-50 {
    &:active {
      color: var(--color-amber-50);
    }
  }
  .active\:text-amber-100 {
    &:active {
      color: var(--color-amber-100);
    }
  }
  .active\:text-amber-200 {
    &:active {
      color: var(--color-amber-200);
    }
  }
  .active\:text-amber-300 {
    &:active {
      color: var(--color-amber-300);
    }
  }
  .active\:text-amber-400 {
    &:active {
      color: var(--color-amber-400);
    }
  }
  .active\:text-amber-500 {
    &:active {
      color: var(--color-amber-500);
    }
  }
  .active\:text-amber-600 {
    &:active {
      color: var(--color-amber-600);
    }
  }
  .active\:text-amber-700 {
    &:active {
      color: var(--color-amber-700);
    }
  }
  .active\:text-amber-800 {
    &:active {
      color: var(--color-amber-800);
    }
  }
  .active\:text-amber-900 {
    &:active {
      color: var(--color-amber-900);
    }
  }
  .active\:text-amber-950 {
    &:active {
      color: var(--color-amber-950);
    }
  }
  .active\:text-blue-50 {
    &:active {
      color: var(--color-blue-50);
    }
  }
  .active\:text-blue-100 {
    &:active {
      color: var(--color-blue-100);
    }
  }
  .active\:text-blue-200 {
    &:active {
      color: var(--color-blue-200);
    }
  }
  .active\:text-blue-300 {
    &:active {
      color: var(--color-blue-300);
    }
  }
  .active\:text-blue-400 {
    &:active {
      color: var(--color-blue-400);
    }
  }
  .active\:text-blue-500 {
    &:active {
      color: var(--color-blue-500);
    }
  }
  .active\:text-blue-600 {
    &:active {
      color: var(--color-blue-600);
    }
  }
  .active\:text-blue-700 {
    &:active {
      color: var(--color-blue-700);
    }
  }
  .active\:text-blue-800 {
    &:active {
      color: var(--color-blue-800);
    }
  }
  .active\:text-blue-900 {
    &:active {
      color: var(--color-blue-900);
    }
  }
  .active\:text-blue-950 {
    &:active {
      color: var(--color-blue-950);
    }
  }
  .active\:text-cyan-50 {
    &:active {
      color: var(--color-cyan-50);
    }
  }
  .active\:text-cyan-100 {
    &:active {
      color: var(--color-cyan-100);
    }
  }
  .active\:text-cyan-200 {
    &:active {
      color: var(--color-cyan-200);
    }
  }
  .active\:text-cyan-300 {
    &:active {
      color: var(--color-cyan-300);
    }
  }
  .active\:text-cyan-400 {
    &:active {
      color: var(--color-cyan-400);
    }
  }
  .active\:text-cyan-500 {
    &:active {
      color: var(--color-cyan-500);
    }
  }
  .active\:text-cyan-600 {
    &:active {
      color: var(--color-cyan-600);
    }
  }
  .active\:text-cyan-700 {
    &:active {
      color: var(--color-cyan-700);
    }
  }
  .active\:text-cyan-800 {
    &:active {
      color: var(--color-cyan-800);
    }
  }
  .active\:text-cyan-900 {
    &:active {
      color: var(--color-cyan-900);
    }
  }
  .active\:text-cyan-950 {
    &:active {
      color: var(--color-cyan-950);
    }
  }
  .active\:text-emerald-50 {
    &:active {
      color: var(--color-emerald-50);
    }
  }
  .active\:text-emerald-100 {
    &:active {
      color: var(--color-emerald-100);
    }
  }
  .active\:text-emerald-200 {
    &:active {
      color: var(--color-emerald-200);
    }
  }
  .active\:text-emerald-300 {
    &:active {
      color: var(--color-emerald-300);
    }
  }
  .active\:text-emerald-400 {
    &:active {
      color: var(--color-emerald-400);
    }
  }
  .active\:text-emerald-500 {
    &:active {
      color: var(--color-emerald-500);
    }
  }
  .active\:text-emerald-600 {
    &:active {
      color: var(--color-emerald-600);
    }
  }
  .active\:text-emerald-700 {
    &:active {
      color: var(--color-emerald-700);
    }
  }
  .active\:text-emerald-800 {
    &:active {
      color: var(--color-emerald-800);
    }
  }
  .active\:text-emerald-900 {
    &:active {
      color: var(--color-emerald-900);
    }
  }
  .active\:text-emerald-950 {
    &:active {
      color: var(--color-emerald-950);
    }
  }
  .active\:text-fuchsia-50 {
    &:active {
      color: var(--color-fuchsia-50);
    }
  }
  .active\:text-fuchsia-100 {
    &:active {
      color: var(--color-fuchsia-100);
    }
  }
  .active\:text-fuchsia-200 {
    &:active {
      color: var(--color-fuchsia-200);
    }
  }
  .active\:text-fuchsia-300 {
    &:active {
      color: var(--color-fuchsia-300);
    }
  }
  .active\:text-fuchsia-400 {
    &:active {
      color: var(--color-fuchsia-400);
    }
  }
  .active\:text-fuchsia-500 {
    &:active {
      color: var(--color-fuchsia-500);
    }
  }
  .active\:text-fuchsia-600 {
    &:active {
      color: var(--color-fuchsia-600);
    }
  }
  .active\:text-fuchsia-700 {
    &:active {
      color: var(--color-fuchsia-700);
    }
  }
  .active\:text-fuchsia-800 {
    &:active {
      color: var(--color-fuchsia-800);
    }
  }
  .active\:text-fuchsia-900 {
    &:active {
      color: var(--color-fuchsia-900);
    }
  }
  .active\:text-fuchsia-950 {
    &:active {
      color: var(--color-fuchsia-950);
    }
  }
  .active\:text-gray-50 {
    &:active {
      color: var(--color-gray-50);
    }
  }
  .active\:text-gray-100 {
    &:active {
      color: var(--color-gray-100);
    }
  }
  .active\:text-gray-200 {
    &:active {
      color: var(--color-gray-200);
    }
  }
  .active\:text-gray-300 {
    &:active {
      color: var(--color-gray-300);
    }
  }
  .active\:text-gray-400 {
    &:active {
      color: var(--color-gray-400);
    }
  }
  .active\:text-gray-500 {
    &:active {
      color: var(--color-gray-500);
    }
  }
  .active\:text-gray-600 {
    &:active {
      color: var(--color-gray-600);
    }
  }
  .active\:text-gray-700 {
    &:active {
      color: var(--color-gray-700);
    }
  }
  .active\:text-gray-800 {
    &:active {
      color: var(--color-gray-800);
    }
  }
  .active\:text-gray-900 {
    &:active {
      color: var(--color-gray-900);
    }
  }
  .active\:text-gray-950 {
    &:active {
      color: var(--color-gray-950);
    }
  }
  .active\:text-green-50 {
    &:active {
      color: var(--color-green-50);
    }
  }
  .active\:text-green-100 {
    &:active {
      color: var(--color-green-100);
    }
  }
  .active\:text-green-200 {
    &:active {
      color: var(--color-green-200);
    }
  }
  .active\:text-green-300 {
    &:active {
      color: var(--color-green-300);
    }
  }
  .active\:text-green-400 {
    &:active {
      color: var(--color-green-400);
    }
  }
  .active\:text-green-500 {
    &:active {
      color: var(--color-green-500);
    }
  }
  .active\:text-green-600 {
    &:active {
      color: var(--color-green-600);
    }
  }
  .active\:text-green-700 {
    &:active {
      color: var(--color-green-700);
    }
  }
  .active\:text-green-800 {
    &:active {
      color: var(--color-green-800);
    }
  }
  .active\:text-green-900 {
    &:active {
      color: var(--color-green-900);
    }
  }
  .active\:text-green-950 {
    &:active {
      color: var(--color-green-950);
    }
  }
  .active\:text-indigo-50 {
    &:active {
      color: var(--color-indigo-50);
    }
  }
  .active\:text-indigo-100 {
    &:active {
      color: var(--color-indigo-100);
    }
  }
  .active\:text-indigo-200 {
    &:active {
      color: var(--color-indigo-200);
    }
  }
  .active\:text-indigo-300 {
    &:active {
      color: var(--color-indigo-300);
    }
  }
  .active\:text-indigo-400 {
    &:active {
      color: var(--color-indigo-400);
    }
  }
  .active\:text-indigo-500 {
    &:active {
      color: var(--color-indigo-500);
    }
  }
  .active\:text-indigo-600 {
    &:active {
      color: var(--color-indigo-600);
    }
  }
  .active\:text-indigo-700 {
    &:active {
      color: var(--color-indigo-700);
    }
  }
  .active\:text-indigo-800 {
    &:active {
      color: var(--color-indigo-800);
    }
  }
  .active\:text-indigo-900 {
    &:active {
      color: var(--color-indigo-900);
    }
  }
  .active\:text-indigo-950 {
    &:active {
      color: var(--color-indigo-950);
    }
  }
  .active\:text-lime-50 {
    &:active {
      color: var(--color-lime-50);
    }
  }
  .active\:text-lime-100 {
    &:active {
      color: var(--color-lime-100);
    }
  }
  .active\:text-lime-200 {
    &:active {
      color: var(--color-lime-200);
    }
  }
  .active\:text-lime-300 {
    &:active {
      color: var(--color-lime-300);
    }
  }
  .active\:text-lime-400 {
    &:active {
      color: var(--color-lime-400);
    }
  }
  .active\:text-lime-500 {
    &:active {
      color: var(--color-lime-500);
    }
  }
  .active\:text-lime-600 {
    &:active {
      color: var(--color-lime-600);
    }
  }
  .active\:text-lime-700 {
    &:active {
      color: var(--color-lime-700);
    }
  }
  .active\:text-lime-800 {
    &:active {
      color: var(--color-lime-800);
    }
  }
  .active\:text-lime-900 {
    &:active {
      color: var(--color-lime-900);
    }
  }
  .active\:text-lime-950 {
    &:active {
      color: var(--color-lime-950);
    }
  }
  .active\:text-neutral-50 {
    &:active {
      color: var(--color-neutral-50);
    }
  }
  .active\:text-neutral-100 {
    &:active {
      color: var(--color-neutral-100);
    }
  }
  .active\:text-neutral-200 {
    &:active {
      color: var(--color-neutral-200);
    }
  }
  .active\:text-neutral-300 {
    &:active {
      color: var(--color-neutral-300);
    }
  }
  .active\:text-neutral-400 {
    &:active {
      color: var(--color-neutral-400);
    }
  }
  .active\:text-neutral-500 {
    &:active {
      color: var(--color-neutral-500);
    }
  }
  .active\:text-neutral-600 {
    &:active {
      color: var(--color-neutral-600);
    }
  }
  .active\:text-neutral-700 {
    &:active {
      color: var(--color-neutral-700);
    }
  }
  .active\:text-neutral-800 {
    &:active {
      color: var(--color-neutral-800);
    }
  }
  .active\:text-neutral-900 {
    &:active {
      color: var(--color-neutral-900);
    }
  }
  .active\:text-neutral-950 {
    &:active {
      color: var(--color-neutral-950);
    }
  }
  .active\:text-orange-50 {
    &:active {
      color: var(--color-orange-50);
    }
  }
  .active\:text-orange-100 {
    &:active {
      color: var(--color-orange-100);
    }
  }
  .active\:text-orange-200 {
    &:active {
      color: var(--color-orange-200);
    }
  }
  .active\:text-orange-300 {
    &:active {
      color: var(--color-orange-300);
    }
  }
  .active\:text-orange-400 {
    &:active {
      color: var(--color-orange-400);
    }
  }
  .active\:text-orange-500 {
    &:active {
      color: var(--color-orange-500);
    }
  }
  .active\:text-orange-600 {
    &:active {
      color: var(--color-orange-600);
    }
  }
  .active\:text-orange-700 {
    &:active {
      color: var(--color-orange-700);
    }
  }
  .active\:text-orange-800 {
    &:active {
      color: var(--color-orange-800);
    }
  }
  .active\:text-orange-900 {
    &:active {
      color: var(--color-orange-900);
    }
  }
  .active\:text-orange-950 {
    &:active {
      color: var(--color-orange-950);
    }
  }
  .active\:text-pink-50 {
    &:active {
      color: var(--color-pink-50);
    }
  }
  .active\:text-pink-100 {
    &:active {
      color: var(--color-pink-100);
    }
  }
  .active\:text-pink-200 {
    &:active {
      color: var(--color-pink-200);
    }
  }
  .active\:text-pink-300 {
    &:active {
      color: var(--color-pink-300);
    }
  }
  .active\:text-pink-400 {
    &:active {
      color: var(--color-pink-400);
    }
  }
  .active\:text-pink-500 {
    &:active {
      color: var(--color-pink-500);
    }
  }
  .active\:text-pink-600 {
    &:active {
      color: var(--color-pink-600);
    }
  }
  .active\:text-pink-700 {
    &:active {
      color: var(--color-pink-700);
    }
  }
  .active\:text-pink-800 {
    &:active {
      color: var(--color-pink-800);
    }
  }
  .active\:text-pink-900 {
    &:active {
      color: var(--color-pink-900);
    }
  }
  .active\:text-pink-950 {
    &:active {
      color: var(--color-pink-950);
    }
  }
  .active\:text-purple-50 {
    &:active {
      color: var(--color-purple-50);
    }
  }
  .active\:text-purple-100 {
    &:active {
      color: var(--color-purple-100);
    }
  }
  .active\:text-purple-200 {
    &:active {
      color: var(--color-purple-200);
    }
  }
  .active\:text-purple-300 {
    &:active {
      color: var(--color-purple-300);
    }
  }
  .active\:text-purple-400 {
    &:active {
      color: var(--color-purple-400);
    }
  }
  .active\:text-purple-500 {
    &:active {
      color: var(--color-purple-500);
    }
  }
  .active\:text-purple-600 {
    &:active {
      color: var(--color-purple-600);
    }
  }
  .active\:text-purple-700 {
    &:active {
      color: var(--color-purple-700);
    }
  }
  .active\:text-purple-800 {
    &:active {
      color: var(--color-purple-800);
    }
  }
  .active\:text-purple-900 {
    &:active {
      color: var(--color-purple-900);
    }
  }
  .active\:text-purple-950 {
    &:active {
      color: var(--color-purple-950);
    }
  }
  .active\:text-red-50 {
    &:active {
      color: var(--color-red-50);
    }
  }
  .active\:text-red-100 {
    &:active {
      color: var(--color-red-100);
    }
  }
  .active\:text-red-200 {
    &:active {
      color: var(--color-red-200);
    }
  }
  .active\:text-red-300 {
    &:active {
      color: var(--color-red-300);
    }
  }
  .active\:text-red-400 {
    &:active {
      color: var(--color-red-400);
    }
  }
  .active\:text-red-500 {
    &:active {
      color: var(--color-red-500);
    }
  }
  .active\:text-red-600 {
    &:active {
      color: var(--color-red-600);
    }
  }
  .active\:text-red-700 {
    &:active {
      color: var(--color-red-700);
    }
  }
  .active\:text-red-800 {
    &:active {
      color: var(--color-red-800);
    }
  }
  .active\:text-red-900 {
    &:active {
      color: var(--color-red-900);
    }
  }
  .active\:text-red-950 {
    &:active {
      color: var(--color-red-950);
    }
  }
  .active\:text-rose-50 {
    &:active {
      color: var(--color-rose-50);
    }
  }
  .active\:text-rose-100 {
    &:active {
      color: var(--color-rose-100);
    }
  }
  .active\:text-rose-200 {
    &:active {
      color: var(--color-rose-200);
    }
  }
  .active\:text-rose-300 {
    &:active {
      color: var(--color-rose-300);
    }
  }
  .active\:text-rose-400 {
    &:active {
      color: var(--color-rose-400);
    }
  }
  .active\:text-rose-500 {
    &:active {
      color: var(--color-rose-500);
    }
  }
  .active\:text-rose-600 {
    &:active {
      color: var(--color-rose-600);
    }
  }
  .active\:text-rose-700 {
    &:active {
      color: var(--color-rose-700);
    }
  }
  .active\:text-rose-800 {
    &:active {
      color: var(--color-rose-800);
    }
  }
  .active\:text-rose-900 {
    &:active {
      color: var(--color-rose-900);
    }
  }
  .active\:text-rose-950 {
    &:active {
      color: var(--color-rose-950);
    }
  }
  .active\:text-sky-50 {
    &:active {
      color: var(--color-sky-50);
    }
  }
  .active\:text-sky-100 {
    &:active {
      color: var(--color-sky-100);
    }
  }
  .active\:text-sky-200 {
    &:active {
      color: var(--color-sky-200);
    }
  }
  .active\:text-sky-300 {
    &:active {
      color: var(--color-sky-300);
    }
  }
  .active\:text-sky-400 {
    &:active {
      color: var(--color-sky-400);
    }
  }
  .active\:text-sky-500 {
    &:active {
      color: var(--color-sky-500);
    }
  }
  .active\:text-sky-600 {
    &:active {
      color: var(--color-sky-600);
    }
  }
  .active\:text-sky-700 {
    &:active {
      color: var(--color-sky-700);
    }
  }
  .active\:text-sky-800 {
    &:active {
      color: var(--color-sky-800);
    }
  }
  .active\:text-sky-900 {
    &:active {
      color: var(--color-sky-900);
    }
  }
  .active\:text-sky-950 {
    &:active {
      color: var(--color-sky-950);
    }
  }
  .active\:text-slate-50 {
    &:active {
      color: var(--color-slate-50);
    }
  }
  .active\:text-slate-100 {
    &:active {
      color: var(--color-slate-100);
    }
  }
  .active\:text-slate-200 {
    &:active {
      color: var(--color-slate-200);
    }
  }
  .active\:text-slate-300 {
    &:active {
      color: var(--color-slate-300);
    }
  }
  .active\:text-slate-400 {
    &:active {
      color: var(--color-slate-400);
    }
  }
  .active\:text-slate-500 {
    &:active {
      color: var(--color-slate-500);
    }
  }
  .active\:text-slate-600 {
    &:active {
      color: var(--color-slate-600);
    }
  }
  .active\:text-slate-700 {
    &:active {
      color: var(--color-slate-700);
    }
  }
  .active\:text-slate-800 {
    &:active {
      color: var(--color-slate-800);
    }
  }
  .active\:text-slate-900 {
    &:active {
      color: var(--color-slate-900);
    }
  }
  .active\:text-slate-950 {
    &:active {
      color: var(--color-slate-950);
    }
  }
  .active\:text-stone-50 {
    &:active {
      color: var(--color-stone-50);
    }
  }
  .active\:text-stone-100 {
    &:active {
      color: var(--color-stone-100);
    }
  }
  .active\:text-stone-200 {
    &:active {
      color: var(--color-stone-200);
    }
  }
  .active\:text-stone-300 {
    &:active {
      color: var(--color-stone-300);
    }
  }
  .active\:text-stone-400 {
    &:active {
      color: var(--color-stone-400);
    }
  }
  .active\:text-stone-500 {
    &:active {
      color: var(--color-stone-500);
    }
  }
  .active\:text-stone-600 {
    &:active {
      color: var(--color-stone-600);
    }
  }
  .active\:text-stone-700 {
    &:active {
      color: var(--color-stone-700);
    }
  }
  .active\:text-stone-800 {
    &:active {
      color: var(--color-stone-800);
    }
  }
  .active\:text-stone-900 {
    &:active {
      color: var(--color-stone-900);
    }
  }
  .active\:text-stone-950 {
    &:active {
      color: var(--color-stone-950);
    }
  }
  .active\:text-teal-50 {
    &:active {
      color: var(--color-teal-50);
    }
  }
  .active\:text-teal-100 {
    &:active {
      color: var(--color-teal-100);
    }
  }
  .active\:text-teal-200 {
    &:active {
      color: var(--color-teal-200);
    }
  }
  .active\:text-teal-300 {
    &:active {
      color: var(--color-teal-300);
    }
  }
  .active\:text-teal-400 {
    &:active {
      color: var(--color-teal-400);
    }
  }
  .active\:text-teal-500 {
    &:active {
      color: var(--color-teal-500);
    }
  }
  .active\:text-teal-600 {
    &:active {
      color: var(--color-teal-600);
    }
  }
  .active\:text-teal-700 {
    &:active {
      color: var(--color-teal-700);
    }
  }
  .active\:text-teal-800 {
    &:active {
      color: var(--color-teal-800);
    }
  }
  .active\:text-teal-900 {
    &:active {
      color: var(--color-teal-900);
    }
  }
  .active\:text-teal-950 {
    &:active {
      color: var(--color-teal-950);
    }
  }
  .active\:text-violet-50 {
    &:active {
      color: var(--color-violet-50);
    }
  }
  .active\:text-violet-100 {
    &:active {
      color: var(--color-violet-100);
    }
  }
  .active\:text-violet-200 {
    &:active {
      color: var(--color-violet-200);
    }
  }
  .active\:text-violet-300 {
    &:active {
      color: var(--color-violet-300);
    }
  }
  .active\:text-violet-400 {
    &:active {
      color: var(--color-violet-400);
    }
  }
  .active\:text-violet-500 {
    &:active {
      color: var(--color-violet-500);
    }
  }
  .active\:text-violet-600 {
    &:active {
      color: var(--color-violet-600);
    }
  }
  .active\:text-violet-700 {
    &:active {
      color: var(--color-violet-700);
    }
  }
  .active\:text-violet-800 {
    &:active {
      color: var(--color-violet-800);
    }
  }
  .active\:text-violet-900 {
    &:active {
      color: var(--color-violet-900);
    }
  }
  .active\:text-violet-950 {
    &:active {
      color: var(--color-violet-950);
    }
  }
  .active\:text-yellow-50 {
    &:active {
      color: var(--color-yellow-50);
    }
  }
  .active\:text-yellow-100 {
    &:active {
      color: var(--color-yellow-100);
    }
  }
  .active\:text-yellow-200 {
    &:active {
      color: var(--color-yellow-200);
    }
  }
  .active\:text-yellow-300 {
    &:active {
      color: var(--color-yellow-300);
    }
  }
  .active\:text-yellow-400 {
    &:active {
      color: var(--color-yellow-400);
    }
  }
  .active\:text-yellow-500 {
    &:active {
      color: var(--color-yellow-500);
    }
  }
  .active\:text-yellow-600 {
    &:active {
      color: var(--color-yellow-600);
    }
  }
  .active\:text-yellow-700 {
    &:active {
      color: var(--color-yellow-700);
    }
  }
  .active\:text-yellow-800 {
    &:active {
      color: var(--color-yellow-800);
    }
  }
  .active\:text-yellow-900 {
    &:active {
      color: var(--color-yellow-900);
    }
  }
  .active\:text-yellow-950 {
    &:active {
      color: var(--color-yellow-950);
    }
  }
  .active\:text-zinc-50 {
    &:active {
      color: var(--color-zinc-50);
    }
  }
  .active\:text-zinc-100 {
    &:active {
      color: var(--color-zinc-100);
    }
  }
  .active\:text-zinc-200 {
    &:active {
      color: var(--color-zinc-200);
    }
  }
  .active\:text-zinc-300 {
    &:active {
      color: var(--color-zinc-300);
    }
  }
  .active\:text-zinc-400 {
    &:active {
      color: var(--color-zinc-400);
    }
  }
  .active\:text-zinc-500 {
    &:active {
      color: var(--color-zinc-500);
    }
  }
  .active\:text-zinc-600 {
    &:active {
      color: var(--color-zinc-600);
    }
  }
  .active\:text-zinc-700 {
    &:active {
      color: var(--color-zinc-700);
    }
  }
  .active\:text-zinc-800 {
    &:active {
      color: var(--color-zinc-800);
    }
  }
  .active\:text-zinc-900 {
    &:active {
      color: var(--color-zinc-900);
    }
  }
  .active\:text-zinc-950 {
    &:active {
      color: var(--color-zinc-950);
    }
  }
  .active\:ring-amber-50 {
    &:active {
      --tw-ring-color: var(--color-amber-50);
    }
  }
  .active\:ring-amber-100 {
    &:active {
      --tw-ring-color: var(--color-amber-100);
    }
  }
  .active\:ring-amber-200 {
    &:active {
      --tw-ring-color: var(--color-amber-200);
    }
  }
  .active\:ring-amber-300 {
    &:active {
      --tw-ring-color: var(--color-amber-300);
    }
  }
  .active\:ring-amber-400 {
    &:active {
      --tw-ring-color: var(--color-amber-400);
    }
  }
  .active\:ring-amber-500 {
    &:active {
      --tw-ring-color: var(--color-amber-500);
    }
  }
  .active\:ring-amber-600 {
    &:active {
      --tw-ring-color: var(--color-amber-600);
    }
  }
  .active\:ring-amber-700 {
    &:active {
      --tw-ring-color: var(--color-amber-700);
    }
  }
  .active\:ring-amber-800 {
    &:active {
      --tw-ring-color: var(--color-amber-800);
    }
  }
  .active\:ring-amber-900 {
    &:active {
      --tw-ring-color: var(--color-amber-900);
    }
  }
  .active\:ring-amber-950 {
    &:active {
      --tw-ring-color: var(--color-amber-950);
    }
  }
  .active\:ring-blue-50 {
    &:active {
      --tw-ring-color: var(--color-blue-50);
    }
  }
  .active\:ring-blue-100 {
    &:active {
      --tw-ring-color: var(--color-blue-100);
    }
  }
  .active\:ring-blue-200 {
    &:active {
      --tw-ring-color: var(--color-blue-200);
    }
  }
  .active\:ring-blue-300 {
    &:active {
      --tw-ring-color: var(--color-blue-300);
    }
  }
  .active\:ring-blue-400 {
    &:active {
      --tw-ring-color: var(--color-blue-400);
    }
  }
  .active\:ring-blue-500 {
    &:active {
      --tw-ring-color: var(--color-blue-500);
    }
  }
  .active\:ring-blue-600 {
    &:active {
      --tw-ring-color: var(--color-blue-600);
    }
  }
  .active\:ring-blue-700 {
    &:active {
      --tw-ring-color: var(--color-blue-700);
    }
  }
  .active\:ring-blue-800 {
    &:active {
      --tw-ring-color: var(--color-blue-800);
    }
  }
  .active\:ring-blue-900 {
    &:active {
      --tw-ring-color: var(--color-blue-900);
    }
  }
  .active\:ring-blue-950 {
    &:active {
      --tw-ring-color: var(--color-blue-950);
    }
  }
  .active\:ring-cyan-50 {
    &:active {
      --tw-ring-color: var(--color-cyan-50);
    }
  }
  .active\:ring-cyan-100 {
    &:active {
      --tw-ring-color: var(--color-cyan-100);
    }
  }
  .active\:ring-cyan-200 {
    &:active {
      --tw-ring-color: var(--color-cyan-200);
    }
  }
  .active\:ring-cyan-300 {
    &:active {
      --tw-ring-color: var(--color-cyan-300);
    }
  }
  .active\:ring-cyan-400 {
    &:active {
      --tw-ring-color: var(--color-cyan-400);
    }
  }
  .active\:ring-cyan-500 {
    &:active {
      --tw-ring-color: var(--color-cyan-500);
    }
  }
  .active\:ring-cyan-600 {
    &:active {
      --tw-ring-color: var(--color-cyan-600);
    }
  }
  .active\:ring-cyan-700 {
    &:active {
      --tw-ring-color: var(--color-cyan-700);
    }
  }
  .active\:ring-cyan-800 {
    &:active {
      --tw-ring-color: var(--color-cyan-800);
    }
  }
  .active\:ring-cyan-900 {
    &:active {
      --tw-ring-color: var(--color-cyan-900);
    }
  }
  .active\:ring-cyan-950 {
    &:active {
      --tw-ring-color: var(--color-cyan-950);
    }
  }
  .active\:ring-emerald-50 {
    &:active {
      --tw-ring-color: var(--color-emerald-50);
    }
  }
  .active\:ring-emerald-100 {
    &:active {
      --tw-ring-color: var(--color-emerald-100);
    }
  }
  .active\:ring-emerald-200 {
    &:active {
      --tw-ring-color: var(--color-emerald-200);
    }
  }
  .active\:ring-emerald-300 {
    &:active {
      --tw-ring-color: var(--color-emerald-300);
    }
  }
  .active\:ring-emerald-400 {
    &:active {
      --tw-ring-color: var(--color-emerald-400);
    }
  }
  .active\:ring-emerald-500 {
    &:active {
      --tw-ring-color: var(--color-emerald-500);
    }
  }
  .active\:ring-emerald-600 {
    &:active {
      --tw-ring-color: var(--color-emerald-600);
    }
  }
  .active\:ring-emerald-700 {
    &:active {
      --tw-ring-color: var(--color-emerald-700);
    }
  }
  .active\:ring-emerald-800 {
    &:active {
      --tw-ring-color: var(--color-emerald-800);
    }
  }
  .active\:ring-emerald-900 {
    &:active {
      --tw-ring-color: var(--color-emerald-900);
    }
  }
  .active\:ring-emerald-950 {
    &:active {
      --tw-ring-color: var(--color-emerald-950);
    }
  }
  .active\:ring-fuchsia-50 {
    &:active {
      --tw-ring-color: var(--color-fuchsia-50);
    }
  }
  .active\:ring-fuchsia-100 {
    &:active {
      --tw-ring-color: var(--color-fuchsia-100);
    }
  }
  .active\:ring-fuchsia-200 {
    &:active {
      --tw-ring-color: var(--color-fuchsia-200);
    }
  }
  .active\:ring-fuchsia-300 {
    &:active {
      --tw-ring-color: var(--color-fuchsia-300);
    }
  }
  .active\:ring-fuchsia-400 {
    &:active {
      --tw-ring-color: var(--color-fuchsia-400);
    }
  }
  .active\:ring-fuchsia-500 {
    &:active {
      --tw-ring-color: var(--color-fuchsia-500);
    }
  }
  .active\:ring-fuchsia-600 {
    &:active {
      --tw-ring-color: var(--color-fuchsia-600);
    }
  }
  .active\:ring-fuchsia-700 {
    &:active {
      --tw-ring-color: var(--color-fuchsia-700);
    }
  }
  .active\:ring-fuchsia-800 {
    &:active {
      --tw-ring-color: var(--color-fuchsia-800);
    }
  }
  .active\:ring-fuchsia-900 {
    &:active {
      --tw-ring-color: var(--color-fuchsia-900);
    }
  }
  .active\:ring-fuchsia-950 {
    &:active {
      --tw-ring-color: var(--color-fuchsia-950);
    }
  }
  .active\:ring-gray-50 {
    &:active {
      --tw-ring-color: var(--color-gray-50);
    }
  }
  .active\:ring-gray-100 {
    &:active {
      --tw-ring-color: var(--color-gray-100);
    }
  }
  .active\:ring-gray-200 {
    &:active {
      --tw-ring-color: var(--color-gray-200);
    }
  }
  .active\:ring-gray-300 {
    &:active {
      --tw-ring-color: var(--color-gray-300);
    }
  }
  .active\:ring-gray-400 {
    &:active {
      --tw-ring-color: var(--color-gray-400);
    }
  }
  .active\:ring-gray-500 {
    &:active {
      --tw-ring-color: var(--color-gray-500);
    }
  }
  .active\:ring-gray-600 {
    &:active {
      --tw-ring-color: var(--color-gray-600);
    }
  }
  .active\:ring-gray-700 {
    &:active {
      --tw-ring-color: var(--color-gray-700);
    }
  }
  .active\:ring-gray-800 {
    &:active {
      --tw-ring-color: var(--color-gray-800);
    }
  }
  .active\:ring-gray-900 {
    &:active {
      --tw-ring-color: var(--color-gray-900);
    }
  }
  .active\:ring-gray-950 {
    &:active {
      --tw-ring-color: var(--color-gray-950);
    }
  }
  .active\:ring-green-50 {
    &:active {
      --tw-ring-color: var(--color-green-50);
    }
  }
  .active\:ring-green-100 {
    &:active {
      --tw-ring-color: var(--color-green-100);
    }
  }
  .active\:ring-green-200 {
    &:active {
      --tw-ring-color: var(--color-green-200);
    }
  }
  .active\:ring-green-300 {
    &:active {
      --tw-ring-color: var(--color-green-300);
    }
  }
  .active\:ring-green-400 {
    &:active {
      --tw-ring-color: var(--color-green-400);
    }
  }
  .active\:ring-green-500 {
    &:active {
      --tw-ring-color: var(--color-green-500);
    }
  }
  .active\:ring-green-600 {
    &:active {
      --tw-ring-color: var(--color-green-600);
    }
  }
  .active\:ring-green-700 {
    &:active {
      --tw-ring-color: var(--color-green-700);
    }
  }
  .active\:ring-green-800 {
    &:active {
      --tw-ring-color: var(--color-green-800);
    }
  }
  .active\:ring-green-900 {
    &:active {
      --tw-ring-color: var(--color-green-900);
    }
  }
  .active\:ring-green-950 {
    &:active {
      --tw-ring-color: var(--color-green-950);
    }
  }
  .active\:ring-indigo-50 {
    &:active {
      --tw-ring-color: var(--color-indigo-50);
    }
  }
  .active\:ring-indigo-100 {
    &:active {
      --tw-ring-color: var(--color-indigo-100);
    }
  }
  .active\:ring-indigo-200 {
    &:active {
      --tw-ring-color: var(--color-indigo-200);
    }
  }
  .active\:ring-indigo-300 {
    &:active {
      --tw-ring-color: var(--color-indigo-300);
    }
  }
  .active\:ring-indigo-400 {
    &:active {
      --tw-ring-color: var(--color-indigo-400);
    }
  }
  .active\:ring-indigo-500 {
    &:active {
      --tw-ring-color: var(--color-indigo-500);
    }
  }
  .active\:ring-indigo-600 {
    &:active {
      --tw-ring-color: var(--color-indigo-600);
    }
  }
  .active\:ring-indigo-700 {
    &:active {
      --tw-ring-color: var(--color-indigo-700);
    }
  }
  .active\:ring-indigo-800 {
    &:active {
      --tw-ring-color: var(--color-indigo-800);
    }
  }
  .active\:ring-indigo-900 {
    &:active {
      --tw-ring-color: var(--color-indigo-900);
    }
  }
  .active\:ring-indigo-950 {
    &:active {
      --tw-ring-color: var(--color-indigo-950);
    }
  }
  .active\:ring-lime-50 {
    &:active {
      --tw-ring-color: var(--color-lime-50);
    }
  }
  .active\:ring-lime-100 {
    &:active {
      --tw-ring-color: var(--color-lime-100);
    }
  }
  .active\:ring-lime-200 {
    &:active {
      --tw-ring-color: var(--color-lime-200);
    }
  }
  .active\:ring-lime-300 {
    &:active {
      --tw-ring-color: var(--color-lime-300);
    }
  }
  .active\:ring-lime-400 {
    &:active {
      --tw-ring-color: var(--color-lime-400);
    }
  }
  .active\:ring-lime-500 {
    &:active {
      --tw-ring-color: var(--color-lime-500);
    }
  }
  .active\:ring-lime-600 {
    &:active {
      --tw-ring-color: var(--color-lime-600);
    }
  }
  .active\:ring-lime-700 {
    &:active {
      --tw-ring-color: var(--color-lime-700);
    }
  }
  .active\:ring-lime-800 {
    &:active {
      --tw-ring-color: var(--color-lime-800);
    }
  }
  .active\:ring-lime-900 {
    &:active {
      --tw-ring-color: var(--color-lime-900);
    }
  }
  .active\:ring-lime-950 {
    &:active {
      --tw-ring-color: var(--color-lime-950);
    }
  }
  .active\:ring-neutral-50 {
    &:active {
      --tw-ring-color: var(--color-neutral-50);
    }
  }
  .active\:ring-neutral-100 {
    &:active {
      --tw-ring-color: var(--color-neutral-100);
    }
  }
  .active\:ring-neutral-200 {
    &:active {
      --tw-ring-color: var(--color-neutral-200);
    }
  }
  .active\:ring-neutral-300 {
    &:active {
      --tw-ring-color: var(--color-neutral-300);
    }
  }
  .active\:ring-neutral-400 {
    &:active {
      --tw-ring-color: var(--color-neutral-400);
    }
  }
  .active\:ring-neutral-500 {
    &:active {
      --tw-ring-color: var(--color-neutral-500);
    }
  }
  .active\:ring-neutral-600 {
    &:active {
      --tw-ring-color: var(--color-neutral-600);
    }
  }
  .active\:ring-neutral-700 {
    &:active {
      --tw-ring-color: var(--color-neutral-700);
    }
  }
  .active\:ring-neutral-800 {
    &:active {
      --tw-ring-color: var(--color-neutral-800);
    }
  }
  .active\:ring-neutral-900 {
    &:active {
      --tw-ring-color: var(--color-neutral-900);
    }
  }
  .active\:ring-neutral-950 {
    &:active {
      --tw-ring-color: var(--color-neutral-950);
    }
  }
  .active\:ring-orange-50 {
    &:active {
      --tw-ring-color: var(--color-orange-50);
    }
  }
  .active\:ring-orange-100 {
    &:active {
      --tw-ring-color: var(--color-orange-100);
    }
  }
  .active\:ring-orange-200 {
    &:active {
      --tw-ring-color: var(--color-orange-200);
    }
  }
  .active\:ring-orange-300 {
    &:active {
      --tw-ring-color: var(--color-orange-300);
    }
  }
  .active\:ring-orange-400 {
    &:active {
      --tw-ring-color: var(--color-orange-400);
    }
  }
  .active\:ring-orange-500 {
    &:active {
      --tw-ring-color: var(--color-orange-500);
    }
  }
  .active\:ring-orange-600 {
    &:active {
      --tw-ring-color: var(--color-orange-600);
    }
  }
  .active\:ring-orange-700 {
    &:active {
      --tw-ring-color: var(--color-orange-700);
    }
  }
  .active\:ring-orange-800 {
    &:active {
      --tw-ring-color: var(--color-orange-800);
    }
  }
  .active\:ring-orange-900 {
    &:active {
      --tw-ring-color: var(--color-orange-900);
    }
  }
  .active\:ring-orange-950 {
    &:active {
      --tw-ring-color: var(--color-orange-950);
    }
  }
  .active\:ring-pink-50 {
    &:active {
      --tw-ring-color: var(--color-pink-50);
    }
  }
  .active\:ring-pink-100 {
    &:active {
      --tw-ring-color: var(--color-pink-100);
    }
  }
  .active\:ring-pink-200 {
    &:active {
      --tw-ring-color: var(--color-pink-200);
    }
  }
  .active\:ring-pink-300 {
    &:active {
      --tw-ring-color: var(--color-pink-300);
    }
  }
  .active\:ring-pink-400 {
    &:active {
      --tw-ring-color: var(--color-pink-400);
    }
  }
  .active\:ring-pink-500 {
    &:active {
      --tw-ring-color: var(--color-pink-500);
    }
  }
  .active\:ring-pink-600 {
    &:active {
      --tw-ring-color: var(--color-pink-600);
    }
  }
  .active\:ring-pink-700 {
    &:active {
      --tw-ring-color: var(--color-pink-700);
    }
  }
  .active\:ring-pink-800 {
    &:active {
      --tw-ring-color: var(--color-pink-800);
    }
  }
  .active\:ring-pink-900 {
    &:active {
      --tw-ring-color: var(--color-pink-900);
    }
  }
  .active\:ring-pink-950 {
    &:active {
      --tw-ring-color: var(--color-pink-950);
    }
  }
  .active\:ring-purple-50 {
    &:active {
      --tw-ring-color: var(--color-purple-50);
    }
  }
  .active\:ring-purple-100 {
    &:active {
      --tw-ring-color: var(--color-purple-100);
    }
  }
  .active\:ring-purple-200 {
    &:active {
      --tw-ring-color: var(--color-purple-200);
    }
  }
  .active\:ring-purple-300 {
    &:active {
      --tw-ring-color: var(--color-purple-300);
    }
  }
  .active\:ring-purple-400 {
    &:active {
      --tw-ring-color: var(--color-purple-400);
    }
  }
  .active\:ring-purple-500 {
    &:active {
      --tw-ring-color: var(--color-purple-500);
    }
  }
  .active\:ring-purple-600 {
    &:active {
      --tw-ring-color: var(--color-purple-600);
    }
  }
  .active\:ring-purple-700 {
    &:active {
      --tw-ring-color: var(--color-purple-700);
    }
  }
  .active\:ring-purple-800 {
    &:active {
      --tw-ring-color: var(--color-purple-800);
    }
  }
  .active\:ring-purple-900 {
    &:active {
      --tw-ring-color: var(--color-purple-900);
    }
  }
  .active\:ring-purple-950 {
    &:active {
      --tw-ring-color: var(--color-purple-950);
    }
  }
  .active\:ring-red-50 {
    &:active {
      --tw-ring-color: var(--color-red-50);
    }
  }
  .active\:ring-red-100 {
    &:active {
      --tw-ring-color: var(--color-red-100);
    }
  }
  .active\:ring-red-200 {
    &:active {
      --tw-ring-color: var(--color-red-200);
    }
  }
  .active\:ring-red-300 {
    &:active {
      --tw-ring-color: var(--color-red-300);
    }
  }
  .active\:ring-red-400 {
    &:active {
      --tw-ring-color: var(--color-red-400);
    }
  }
  .active\:ring-red-500 {
    &:active {
      --tw-ring-color: var(--color-red-500);
    }
  }
  .active\:ring-red-600 {
    &:active {
      --tw-ring-color: var(--color-red-600);
    }
  }
  .active\:ring-red-700 {
    &:active {
      --tw-ring-color: var(--color-red-700);
    }
  }
  .active\:ring-red-800 {
    &:active {
      --tw-ring-color: var(--color-red-800);
    }
  }
  .active\:ring-red-900 {
    &:active {
      --tw-ring-color: var(--color-red-900);
    }
  }
  .active\:ring-red-950 {
    &:active {
      --tw-ring-color: var(--color-red-950);
    }
  }
  .active\:ring-rose-50 {
    &:active {
      --tw-ring-color: var(--color-rose-50);
    }
  }
  .active\:ring-rose-100 {
    &:active {
      --tw-ring-color: var(--color-rose-100);
    }
  }
  .active\:ring-rose-200 {
    &:active {
      --tw-ring-color: var(--color-rose-200);
    }
  }
  .active\:ring-rose-300 {
    &:active {
      --tw-ring-color: var(--color-rose-300);
    }
  }
  .active\:ring-rose-400 {
    &:active {
      --tw-ring-color: var(--color-rose-400);
    }
  }
  .active\:ring-rose-500 {
    &:active {
      --tw-ring-color: var(--color-rose-500);
    }
  }
  .active\:ring-rose-600 {
    &:active {
      --tw-ring-color: var(--color-rose-600);
    }
  }
  .active\:ring-rose-700 {
    &:active {
      --tw-ring-color: var(--color-rose-700);
    }
  }
  .active\:ring-rose-800 {
    &:active {
      --tw-ring-color: var(--color-rose-800);
    }
  }
  .active\:ring-rose-900 {
    &:active {
      --tw-ring-color: var(--color-rose-900);
    }
  }
  .active\:ring-rose-950 {
    &:active {
      --tw-ring-color: var(--color-rose-950);
    }
  }
  .active\:ring-sky-50 {
    &:active {
      --tw-ring-color: var(--color-sky-50);
    }
  }
  .active\:ring-sky-100 {
    &:active {
      --tw-ring-color: var(--color-sky-100);
    }
  }
  .active\:ring-sky-200 {
    &:active {
      --tw-ring-color: var(--color-sky-200);
    }
  }
  .active\:ring-sky-300 {
    &:active {
      --tw-ring-color: var(--color-sky-300);
    }
  }
  .active\:ring-sky-400 {
    &:active {
      --tw-ring-color: var(--color-sky-400);
    }
  }
  .active\:ring-sky-500 {
    &:active {
      --tw-ring-color: var(--color-sky-500);
    }
  }
  .active\:ring-sky-600 {
    &:active {
      --tw-ring-color: var(--color-sky-600);
    }
  }
  .active\:ring-sky-700 {
    &:active {
      --tw-ring-color: var(--color-sky-700);
    }
  }
  .active\:ring-sky-800 {
    &:active {
      --tw-ring-color: var(--color-sky-800);
    }
  }
  .active\:ring-sky-900 {
    &:active {
      --tw-ring-color: var(--color-sky-900);
    }
  }
  .active\:ring-sky-950 {
    &:active {
      --tw-ring-color: var(--color-sky-950);
    }
  }
  .active\:ring-slate-50 {
    &:active {
      --tw-ring-color: var(--color-slate-50);
    }
  }
  .active\:ring-slate-100 {
    &:active {
      --tw-ring-color: var(--color-slate-100);
    }
  }
  .active\:ring-slate-200 {
    &:active {
      --tw-ring-color: var(--color-slate-200);
    }
  }
  .active\:ring-slate-300 {
    &:active {
      --tw-ring-color: var(--color-slate-300);
    }
  }
  .active\:ring-slate-400 {
    &:active {
      --tw-ring-color: var(--color-slate-400);
    }
  }
  .active\:ring-slate-500 {
    &:active {
      --tw-ring-color: var(--color-slate-500);
    }
  }
  .active\:ring-slate-600 {
    &:active {
      --tw-ring-color: var(--color-slate-600);
    }
  }
  .active\:ring-slate-700 {
    &:active {
      --tw-ring-color: var(--color-slate-700);
    }
  }
  .active\:ring-slate-800 {
    &:active {
      --tw-ring-color: var(--color-slate-800);
    }
  }
  .active\:ring-slate-900 {
    &:active {
      --tw-ring-color: var(--color-slate-900);
    }
  }
  .active\:ring-slate-950 {
    &:active {
      --tw-ring-color: var(--color-slate-950);
    }
  }
  .active\:ring-stone-50 {
    &:active {
      --tw-ring-color: var(--color-stone-50);
    }
  }
  .active\:ring-stone-100 {
    &:active {
      --tw-ring-color: var(--color-stone-100);
    }
  }
  .active\:ring-stone-200 {
    &:active {
      --tw-ring-color: var(--color-stone-200);
    }
  }
  .active\:ring-stone-300 {
    &:active {
      --tw-ring-color: var(--color-stone-300);
    }
  }
  .active\:ring-stone-400 {
    &:active {
      --tw-ring-color: var(--color-stone-400);
    }
  }
  .active\:ring-stone-500 {
    &:active {
      --tw-ring-color: var(--color-stone-500);
    }
  }
  .active\:ring-stone-600 {
    &:active {
      --tw-ring-color: var(--color-stone-600);
    }
  }
  .active\:ring-stone-700 {
    &:active {
      --tw-ring-color: var(--color-stone-700);
    }
  }
  .active\:ring-stone-800 {
    &:active {
      --tw-ring-color: var(--color-stone-800);
    }
  }
  .active\:ring-stone-900 {
    &:active {
      --tw-ring-color: var(--color-stone-900);
    }
  }
  .active\:ring-stone-950 {
    &:active {
      --tw-ring-color: var(--color-stone-950);
    }
  }
  .active\:ring-teal-50 {
    &:active {
      --tw-ring-color: var(--color-teal-50);
    }
  }
  .active\:ring-teal-100 {
    &:active {
      --tw-ring-color: var(--color-teal-100);
    }
  }
  .active\:ring-teal-200 {
    &:active {
      --tw-ring-color: var(--color-teal-200);
    }
  }
  .active\:ring-teal-300 {
    &:active {
      --tw-ring-color: var(--color-teal-300);
    }
  }
  .active\:ring-teal-400 {
    &:active {
      --tw-ring-color: var(--color-teal-400);
    }
  }
  .active\:ring-teal-500 {
    &:active {
      --tw-ring-color: var(--color-teal-500);
    }
  }
  .active\:ring-teal-600 {
    &:active {
      --tw-ring-color: var(--color-teal-600);
    }
  }
  .active\:ring-teal-700 {
    &:active {
      --tw-ring-color: var(--color-teal-700);
    }
  }
  .active\:ring-teal-800 {
    &:active {
      --tw-ring-color: var(--color-teal-800);
    }
  }
  .active\:ring-teal-900 {
    &:active {
      --tw-ring-color: var(--color-teal-900);
    }
  }
  .active\:ring-teal-950 {
    &:active {
      --tw-ring-color: var(--color-teal-950);
    }
  }
  .active\:ring-violet-50 {
    &:active {
      --tw-ring-color: var(--color-violet-50);
    }
  }
  .active\:ring-violet-100 {
    &:active {
      --tw-ring-color: var(--color-violet-100);
    }
  }
  .active\:ring-violet-200 {
    &:active {
      --tw-ring-color: var(--color-violet-200);
    }
  }
  .active\:ring-violet-300 {
    &:active {
      --tw-ring-color: var(--color-violet-300);
    }
  }
  .active\:ring-violet-400 {
    &:active {
      --tw-ring-color: var(--color-violet-400);
    }
  }
  .active\:ring-violet-500 {
    &:active {
      --tw-ring-color: var(--color-violet-500);
    }
  }
  .active\:ring-violet-600 {
    &:active {
      --tw-ring-color: var(--color-violet-600);
    }
  }
  .active\:ring-violet-700 {
    &:active {
      --tw-ring-color: var(--color-violet-700);
    }
  }
  .active\:ring-violet-800 {
    &:active {
      --tw-ring-color: var(--color-violet-800);
    }
  }
  .active\:ring-violet-900 {
    &:active {
      --tw-ring-color: var(--color-violet-900);
    }
  }
  .active\:ring-violet-950 {
    &:active {
      --tw-ring-color: var(--color-violet-950);
    }
  }
  .active\:ring-yellow-50 {
    &:active {
      --tw-ring-color: var(--color-yellow-50);
    }
  }
  .active\:ring-yellow-100 {
    &:active {
      --tw-ring-color: var(--color-yellow-100);
    }
  }
  .active\:ring-yellow-200 {
    &:active {
      --tw-ring-color: var(--color-yellow-200);
    }
  }
  .active\:ring-yellow-300 {
    &:active {
      --tw-ring-color: var(--color-yellow-300);
    }
  }
  .active\:ring-yellow-400 {
    &:active {
      --tw-ring-color: var(--color-yellow-400);
    }
  }
  .active\:ring-yellow-500 {
    &:active {
      --tw-ring-color: var(--color-yellow-500);
    }
  }
  .active\:ring-yellow-600 {
    &:active {
      --tw-ring-color: var(--color-yellow-600);
    }
  }
  .active\:ring-yellow-700 {
    &:active {
      --tw-ring-color: var(--color-yellow-700);
    }
  }
  .active\:ring-yellow-800 {
    &:active {
      --tw-ring-color: var(--color-yellow-800);
    }
  }
  .active\:ring-yellow-900 {
    &:active {
      --tw-ring-color: var(--color-yellow-900);
    }
  }
  .active\:ring-yellow-950 {
    &:active {
      --tw-ring-color: var(--color-yellow-950);
    }
  }
  .active\:ring-zinc-50 {
    &:active {
      --tw-ring-color: var(--color-zinc-50);
    }
  }
  .active\:ring-zinc-100 {
    &:active {
      --tw-ring-color: var(--color-zinc-100);
    }
  }
  .active\:ring-zinc-200 {
    &:active {
      --tw-ring-color: var(--color-zinc-200);
    }
  }
  .active\:ring-zinc-300 {
    &:active {
      --tw-ring-color: var(--color-zinc-300);
    }
  }
  .active\:ring-zinc-400 {
    &:active {
      --tw-ring-color: var(--color-zinc-400);
    }
  }
  .active\:ring-zinc-500 {
    &:active {
      --tw-ring-color: var(--color-zinc-500);
    }
  }
  .active\:ring-zinc-600 {
    &:active {
      --tw-ring-color: var(--color-zinc-600);
    }
  }
  .active\:ring-zinc-700 {
    &:active {
      --tw-ring-color: var(--color-zinc-700);
    }
  }
  .active\:ring-zinc-800 {
    &:active {
      --tw-ring-color: var(--color-zinc-800);
    }
  }
  .active\:ring-zinc-900 {
    &:active {
      --tw-ring-color: var(--color-zinc-900);
    }
  }
  .active\:ring-zinc-950 {
    &:active {
      --tw-ring-color: var(--color-zinc-950);
    }
  }
  .active\:outline-amber-50 {
    &:active {
      outline-color: var(--color-amber-50);
    }
  }
  .active\:outline-amber-100 {
    &:active {
      outline-color: var(--color-amber-100);
    }
  }
  .active\:outline-amber-200 {
    &:active {
      outline-color: var(--color-amber-200);
    }
  }
  .active\:outline-amber-300 {
    &:active {
      outline-color: var(--color-amber-300);
    }
  }
  .active\:outline-amber-400 {
    &:active {
      outline-color: var(--color-amber-400);
    }
  }
  .active\:outline-amber-500 {
    &:active {
      outline-color: var(--color-amber-500);
    }
  }
  .active\:outline-amber-600 {
    &:active {
      outline-color: var(--color-amber-600);
    }
  }
  .active\:outline-amber-700 {
    &:active {
      outline-color: var(--color-amber-700);
    }
  }
  .active\:outline-amber-800 {
    &:active {
      outline-color: var(--color-amber-800);
    }
  }
  .active\:outline-amber-900 {
    &:active {
      outline-color: var(--color-amber-900);
    }
  }
  .active\:outline-amber-950 {
    &:active {
      outline-color: var(--color-amber-950);
    }
  }
  .active\:outline-blue-50 {
    &:active {
      outline-color: var(--color-blue-50);
    }
  }
  .active\:outline-blue-100 {
    &:active {
      outline-color: var(--color-blue-100);
    }
  }
  .active\:outline-blue-200 {
    &:active {
      outline-color: var(--color-blue-200);
    }
  }
  .active\:outline-blue-300 {
    &:active {
      outline-color: var(--color-blue-300);
    }
  }
  .active\:outline-blue-400 {
    &:active {
      outline-color: var(--color-blue-400);
    }
  }
  .active\:outline-blue-500 {
    &:active {
      outline-color: var(--color-blue-500);
    }
  }
  .active\:outline-blue-600 {
    &:active {
      outline-color: var(--color-blue-600);
    }
  }
  .active\:outline-blue-700 {
    &:active {
      outline-color: var(--color-blue-700);
    }
  }
  .active\:outline-blue-800 {
    &:active {
      outline-color: var(--color-blue-800);
    }
  }
  .active\:outline-blue-900 {
    &:active {
      outline-color: var(--color-blue-900);
    }
  }
  .active\:outline-blue-950 {
    &:active {
      outline-color: var(--color-blue-950);
    }
  }
  .active\:outline-cyan-50 {
    &:active {
      outline-color: var(--color-cyan-50);
    }
  }
  .active\:outline-cyan-100 {
    &:active {
      outline-color: var(--color-cyan-100);
    }
  }
  .active\:outline-cyan-200 {
    &:active {
      outline-color: var(--color-cyan-200);
    }
  }
  .active\:outline-cyan-300 {
    &:active {
      outline-color: var(--color-cyan-300);
    }
  }
  .active\:outline-cyan-400 {
    &:active {
      outline-color: var(--color-cyan-400);
    }
  }
  .active\:outline-cyan-500 {
    &:active {
      outline-color: var(--color-cyan-500);
    }
  }
  .active\:outline-cyan-600 {
    &:active {
      outline-color: var(--color-cyan-600);
    }
  }
  .active\:outline-cyan-700 {
    &:active {
      outline-color: var(--color-cyan-700);
    }
  }
  .active\:outline-cyan-800 {
    &:active {
      outline-color: var(--color-cyan-800);
    }
  }
  .active\:outline-cyan-900 {
    &:active {
      outline-color: var(--color-cyan-900);
    }
  }
  .active\:outline-cyan-950 {
    &:active {
      outline-color: var(--color-cyan-950);
    }
  }
  .active\:outline-emerald-50 {
    &:active {
      outline-color: var(--color-emerald-50);
    }
  }
  .active\:outline-emerald-100 {
    &:active {
      outline-color: var(--color-emerald-100);
    }
  }
  .active\:outline-emerald-200 {
    &:active {
      outline-color: var(--color-emerald-200);
    }
  }
  .active\:outline-emerald-300 {
    &:active {
      outline-color: var(--color-emerald-300);
    }
  }
  .active\:outline-emerald-400 {
    &:active {
      outline-color: var(--color-emerald-400);
    }
  }
  .active\:outline-emerald-500 {
    &:active {
      outline-color: var(--color-emerald-500);
    }
  }
  .active\:outline-emerald-600 {
    &:active {
      outline-color: var(--color-emerald-600);
    }
  }
  .active\:outline-emerald-700 {
    &:active {
      outline-color: var(--color-emerald-700);
    }
  }
  .active\:outline-emerald-800 {
    &:active {
      outline-color: var(--color-emerald-800);
    }
  }
  .active\:outline-emerald-900 {
    &:active {
      outline-color: var(--color-emerald-900);
    }
  }
  .active\:outline-emerald-950 {
    &:active {
      outline-color: var(--color-emerald-950);
    }
  }
  .active\:outline-fuchsia-50 {
    &:active {
      outline-color: var(--color-fuchsia-50);
    }
  }
  .active\:outline-fuchsia-100 {
    &:active {
      outline-color: var(--color-fuchsia-100);
    }
  }
  .active\:outline-fuchsia-200 {
    &:active {
      outline-color: var(--color-fuchsia-200);
    }
  }
  .active\:outline-fuchsia-300 {
    &:active {
      outline-color: var(--color-fuchsia-300);
    }
  }
  .active\:outline-fuchsia-400 {
    &:active {
      outline-color: var(--color-fuchsia-400);
    }
  }
  .active\:outline-fuchsia-500 {
    &:active {
      outline-color: var(--color-fuchsia-500);
    }
  }
  .active\:outline-fuchsia-600 {
    &:active {
      outline-color: var(--color-fuchsia-600);
    }
  }
  .active\:outline-fuchsia-700 {
    &:active {
      outline-color: var(--color-fuchsia-700);
    }
  }
  .active\:outline-fuchsia-800 {
    &:active {
      outline-color: var(--color-fuchsia-800);
    }
  }
  .active\:outline-fuchsia-900 {
    &:active {
      outline-color: var(--color-fuchsia-900);
    }
  }
  .active\:outline-fuchsia-950 {
    &:active {
      outline-color: var(--color-fuchsia-950);
    }
  }
  .active\:outline-gray-50 {
    &:active {
      outline-color: var(--color-gray-50);
    }
  }
  .active\:outline-gray-100 {
    &:active {
      outline-color: var(--color-gray-100);
    }
  }
  .active\:outline-gray-200 {
    &:active {
      outline-color: var(--color-gray-200);
    }
  }
  .active\:outline-gray-300 {
    &:active {
      outline-color: var(--color-gray-300);
    }
  }
  .active\:outline-gray-400 {
    &:active {
      outline-color: var(--color-gray-400);
    }
  }
  .active\:outline-gray-500 {
    &:active {
      outline-color: var(--color-gray-500);
    }
  }
  .active\:outline-gray-600 {
    &:active {
      outline-color: var(--color-gray-600);
    }
  }
  .active\:outline-gray-700 {
    &:active {
      outline-color: var(--color-gray-700);
    }
  }
  .active\:outline-gray-800 {
    &:active {
      outline-color: var(--color-gray-800);
    }
  }
  .active\:outline-gray-900 {
    &:active {
      outline-color: var(--color-gray-900);
    }
  }
  .active\:outline-gray-950 {
    &:active {
      outline-color: var(--color-gray-950);
    }
  }
  .active\:outline-green-50 {
    &:active {
      outline-color: var(--color-green-50);
    }
  }
  .active\:outline-green-100 {
    &:active {
      outline-color: var(--color-green-100);
    }
  }
  .active\:outline-green-200 {
    &:active {
      outline-color: var(--color-green-200);
    }
  }
  .active\:outline-green-300 {
    &:active {
      outline-color: var(--color-green-300);
    }
  }
  .active\:outline-green-400 {
    &:active {
      outline-color: var(--color-green-400);
    }
  }
  .active\:outline-green-500 {
    &:active {
      outline-color: var(--color-green-500);
    }
  }
  .active\:outline-green-600 {
    &:active {
      outline-color: var(--color-green-600);
    }
  }
  .active\:outline-green-700 {
    &:active {
      outline-color: var(--color-green-700);
    }
  }
  .active\:outline-green-800 {
    &:active {
      outline-color: var(--color-green-800);
    }
  }
  .active\:outline-green-900 {
    &:active {
      outline-color: var(--color-green-900);
    }
  }
  .active\:outline-green-950 {
    &:active {
      outline-color: var(--color-green-950);
    }
  }
  .active\:outline-indigo-50 {
    &:active {
      outline-color: var(--color-indigo-50);
    }
  }
  .active\:outline-indigo-100 {
    &:active {
      outline-color: var(--color-indigo-100);
    }
  }
  .active\:outline-indigo-200 {
    &:active {
      outline-color: var(--color-indigo-200);
    }
  }
  .active\:outline-indigo-300 {
    &:active {
      outline-color: var(--color-indigo-300);
    }
  }
  .active\:outline-indigo-400 {
    &:active {
      outline-color: var(--color-indigo-400);
    }
  }
  .active\:outline-indigo-500 {
    &:active {
      outline-color: var(--color-indigo-500);
    }
  }
  .active\:outline-indigo-600 {
    &:active {
      outline-color: var(--color-indigo-600);
    }
  }
  .active\:outline-indigo-700 {
    &:active {
      outline-color: var(--color-indigo-700);
    }
  }
  .active\:outline-indigo-800 {
    &:active {
      outline-color: var(--color-indigo-800);
    }
  }
  .active\:outline-indigo-900 {
    &:active {
      outline-color: var(--color-indigo-900);
    }
  }
  .active\:outline-indigo-950 {
    &:active {
      outline-color: var(--color-indigo-950);
    }
  }
  .active\:outline-lime-50 {
    &:active {
      outline-color: var(--color-lime-50);
    }
  }
  .active\:outline-lime-100 {
    &:active {
      outline-color: var(--color-lime-100);
    }
  }
  .active\:outline-lime-200 {
    &:active {
      outline-color: var(--color-lime-200);
    }
  }
  .active\:outline-lime-300 {
    &:active {
      outline-color: var(--color-lime-300);
    }
  }
  .active\:outline-lime-400 {
    &:active {
      outline-color: var(--color-lime-400);
    }
  }
  .active\:outline-lime-500 {
    &:active {
      outline-color: var(--color-lime-500);
    }
  }
  .active\:outline-lime-600 {
    &:active {
      outline-color: var(--color-lime-600);
    }
  }
  .active\:outline-lime-700 {
    &:active {
      outline-color: var(--color-lime-700);
    }
  }
  .active\:outline-lime-800 {
    &:active {
      outline-color: var(--color-lime-800);
    }
  }
  .active\:outline-lime-900 {
    &:active {
      outline-color: var(--color-lime-900);
    }
  }
  .active\:outline-lime-950 {
    &:active {
      outline-color: var(--color-lime-950);
    }
  }
  .active\:outline-neutral-50 {
    &:active {
      outline-color: var(--color-neutral-50);
    }
  }
  .active\:outline-neutral-100 {
    &:active {
      outline-color: var(--color-neutral-100);
    }
  }
  .active\:outline-neutral-200 {
    &:active {
      outline-color: var(--color-neutral-200);
    }
  }
  .active\:outline-neutral-300 {
    &:active {
      outline-color: var(--color-neutral-300);
    }
  }
  .active\:outline-neutral-400 {
    &:active {
      outline-color: var(--color-neutral-400);
    }
  }
  .active\:outline-neutral-500 {
    &:active {
      outline-color: var(--color-neutral-500);
    }
  }
  .active\:outline-neutral-600 {
    &:active {
      outline-color: var(--color-neutral-600);
    }
  }
  .active\:outline-neutral-700 {
    &:active {
      outline-color: var(--color-neutral-700);
    }
  }
  .active\:outline-neutral-800 {
    &:active {
      outline-color: var(--color-neutral-800);
    }
  }
  .active\:outline-neutral-900 {
    &:active {
      outline-color: var(--color-neutral-900);
    }
  }
  .active\:outline-neutral-950 {
    &:active {
      outline-color: var(--color-neutral-950);
    }
  }
  .active\:outline-orange-50 {
    &:active {
      outline-color: var(--color-orange-50);
    }
  }
  .active\:outline-orange-100 {
    &:active {
      outline-color: var(--color-orange-100);
    }
  }
  .active\:outline-orange-200 {
    &:active {
      outline-color: var(--color-orange-200);
    }
  }
  .active\:outline-orange-300 {
    &:active {
      outline-color: var(--color-orange-300);
    }
  }
  .active\:outline-orange-400 {
    &:active {
      outline-color: var(--color-orange-400);
    }
  }
  .active\:outline-orange-500 {
    &:active {
      outline-color: var(--color-orange-500);
    }
  }
  .active\:outline-orange-600 {
    &:active {
      outline-color: var(--color-orange-600);
    }
  }
  .active\:outline-orange-700 {
    &:active {
      outline-color: var(--color-orange-700);
    }
  }
  .active\:outline-orange-800 {
    &:active {
      outline-color: var(--color-orange-800);
    }
  }
  .active\:outline-orange-900 {
    &:active {
      outline-color: var(--color-orange-900);
    }
  }
  .active\:outline-orange-950 {
    &:active {
      outline-color: var(--color-orange-950);
    }
  }
  .active\:outline-pink-50 {
    &:active {
      outline-color: var(--color-pink-50);
    }
  }
  .active\:outline-pink-100 {
    &:active {
      outline-color: var(--color-pink-100);
    }
  }
  .active\:outline-pink-200 {
    &:active {
      outline-color: var(--color-pink-200);
    }
  }
  .active\:outline-pink-300 {
    &:active {
      outline-color: var(--color-pink-300);
    }
  }
  .active\:outline-pink-400 {
    &:active {
      outline-color: var(--color-pink-400);
    }
  }
  .active\:outline-pink-500 {
    &:active {
      outline-color: var(--color-pink-500);
    }
  }
  .active\:outline-pink-600 {
    &:active {
      outline-color: var(--color-pink-600);
    }
  }
  .active\:outline-pink-700 {
    &:active {
      outline-color: var(--color-pink-700);
    }
  }
  .active\:outline-pink-800 {
    &:active {
      outline-color: var(--color-pink-800);
    }
  }
  .active\:outline-pink-900 {
    &:active {
      outline-color: var(--color-pink-900);
    }
  }
  .active\:outline-pink-950 {
    &:active {
      outline-color: var(--color-pink-950);
    }
  }
  .active\:outline-purple-50 {
    &:active {
      outline-color: var(--color-purple-50);
    }
  }
  .active\:outline-purple-100 {
    &:active {
      outline-color: var(--color-purple-100);
    }
  }
  .active\:outline-purple-200 {
    &:active {
      outline-color: var(--color-purple-200);
    }
  }
  .active\:outline-purple-300 {
    &:active {
      outline-color: var(--color-purple-300);
    }
  }
  .active\:outline-purple-400 {
    &:active {
      outline-color: var(--color-purple-400);
    }
  }
  .active\:outline-purple-500 {
    &:active {
      outline-color: var(--color-purple-500);
    }
  }
  .active\:outline-purple-600 {
    &:active {
      outline-color: var(--color-purple-600);
    }
  }
  .active\:outline-purple-700 {
    &:active {
      outline-color: var(--color-purple-700);
    }
  }
  .active\:outline-purple-800 {
    &:active {
      outline-color: var(--color-purple-800);
    }
  }
  .active\:outline-purple-900 {
    &:active {
      outline-color: var(--color-purple-900);
    }
  }
  .active\:outline-purple-950 {
    &:active {
      outline-color: var(--color-purple-950);
    }
  }
  .active\:outline-red-50 {
    &:active {
      outline-color: var(--color-red-50);
    }
  }
  .active\:outline-red-100 {
    &:active {
      outline-color: var(--color-red-100);
    }
  }
  .active\:outline-red-200 {
    &:active {
      outline-color: var(--color-red-200);
    }
  }
  .active\:outline-red-300 {
    &:active {
      outline-color: var(--color-red-300);
    }
  }
  .active\:outline-red-400 {
    &:active {
      outline-color: var(--color-red-400);
    }
  }
  .active\:outline-red-500 {
    &:active {
      outline-color: var(--color-red-500);
    }
  }
  .active\:outline-red-600 {
    &:active {
      outline-color: var(--color-red-600);
    }
  }
  .active\:outline-red-700 {
    &:active {
      outline-color: var(--color-red-700);
    }
  }
  .active\:outline-red-800 {
    &:active {
      outline-color: var(--color-red-800);
    }
  }
  .active\:outline-red-900 {
    &:active {
      outline-color: var(--color-red-900);
    }
  }
  .active\:outline-red-950 {
    &:active {
      outline-color: var(--color-red-950);
    }
  }
  .active\:outline-rose-50 {
    &:active {
      outline-color: var(--color-rose-50);
    }
  }
  .active\:outline-rose-100 {
    &:active {
      outline-color: var(--color-rose-100);
    }
  }
  .active\:outline-rose-200 {
    &:active {
      outline-color: var(--color-rose-200);
    }
  }
  .active\:outline-rose-300 {
    &:active {
      outline-color: var(--color-rose-300);
    }
  }
  .active\:outline-rose-400 {
    &:active {
      outline-color: var(--color-rose-400);
    }
  }
  .active\:outline-rose-500 {
    &:active {
      outline-color: var(--color-rose-500);
    }
  }
  .active\:outline-rose-600 {
    &:active {
      outline-color: var(--color-rose-600);
    }
  }
  .active\:outline-rose-700 {
    &:active {
      outline-color: var(--color-rose-700);
    }
  }
  .active\:outline-rose-800 {
    &:active {
      outline-color: var(--color-rose-800);
    }
  }
  .active\:outline-rose-900 {
    &:active {
      outline-color: var(--color-rose-900);
    }
  }
  .active\:outline-rose-950 {
    &:active {
      outline-color: var(--color-rose-950);
    }
  }
  .active\:outline-sky-50 {
    &:active {
      outline-color: var(--color-sky-50);
    }
  }
  .active\:outline-sky-100 {
    &:active {
      outline-color: var(--color-sky-100);
    }
  }
  .active\:outline-sky-200 {
    &:active {
      outline-color: var(--color-sky-200);
    }
  }
  .active\:outline-sky-300 {
    &:active {
      outline-color: var(--color-sky-300);
    }
  }
  .active\:outline-sky-400 {
    &:active {
      outline-color: var(--color-sky-400);
    }
  }
  .active\:outline-sky-500 {
    &:active {
      outline-color: var(--color-sky-500);
    }
  }
  .active\:outline-sky-600 {
    &:active {
      outline-color: var(--color-sky-600);
    }
  }
  .active\:outline-sky-700 {
    &:active {
      outline-color: var(--color-sky-700);
    }
  }
  .active\:outline-sky-800 {
    &:active {
      outline-color: var(--color-sky-800);
    }
  }
  .active\:outline-sky-900 {
    &:active {
      outline-color: var(--color-sky-900);
    }
  }
  .active\:outline-sky-950 {
    &:active {
      outline-color: var(--color-sky-950);
    }
  }
  .active\:outline-slate-50 {
    &:active {
      outline-color: var(--color-slate-50);
    }
  }
  .active\:outline-slate-100 {
    &:active {
      outline-color: var(--color-slate-100);
    }
  }
  .active\:outline-slate-200 {
    &:active {
      outline-color: var(--color-slate-200);
    }
  }
  .active\:outline-slate-300 {
    &:active {
      outline-color: var(--color-slate-300);
    }
  }
  .active\:outline-slate-400 {
    &:active {
      outline-color: var(--color-slate-400);
    }
  }
  .active\:outline-slate-500 {
    &:active {
      outline-color: var(--color-slate-500);
    }
  }
  .active\:outline-slate-600 {
    &:active {
      outline-color: var(--color-slate-600);
    }
  }
  .active\:outline-slate-700 {
    &:active {
      outline-color: var(--color-slate-700);
    }
  }
  .active\:outline-slate-800 {
    &:active {
      outline-color: var(--color-slate-800);
    }
  }
  .active\:outline-slate-900 {
    &:active {
      outline-color: var(--color-slate-900);
    }
  }
  .active\:outline-slate-950 {
    &:active {
      outline-color: var(--color-slate-950);
    }
  }
  .active\:outline-stone-50 {
    &:active {
      outline-color: var(--color-stone-50);
    }
  }
  .active\:outline-stone-100 {
    &:active {
      outline-color: var(--color-stone-100);
    }
  }
  .active\:outline-stone-200 {
    &:active {
      outline-color: var(--color-stone-200);
    }
  }
  .active\:outline-stone-300 {
    &:active {
      outline-color: var(--color-stone-300);
    }
  }
  .active\:outline-stone-400 {
    &:active {
      outline-color: var(--color-stone-400);
    }
  }
  .active\:outline-stone-500 {
    &:active {
      outline-color: var(--color-stone-500);
    }
  }
  .active\:outline-stone-600 {
    &:active {
      outline-color: var(--color-stone-600);
    }
  }
  .active\:outline-stone-700 {
    &:active {
      outline-color: var(--color-stone-700);
    }
  }
  .active\:outline-stone-800 {
    &:active {
      outline-color: var(--color-stone-800);
    }
  }
  .active\:outline-stone-900 {
    &:active {
      outline-color: var(--color-stone-900);
    }
  }
  .active\:outline-stone-950 {
    &:active {
      outline-color: var(--color-stone-950);
    }
  }
  .active\:outline-teal-50 {
    &:active {
      outline-color: var(--color-teal-50);
    }
  }
  .active\:outline-teal-100 {
    &:active {
      outline-color: var(--color-teal-100);
    }
  }
  .active\:outline-teal-200 {
    &:active {
      outline-color: var(--color-teal-200);
    }
  }
  .active\:outline-teal-300 {
    &:active {
      outline-color: var(--color-teal-300);
    }
  }
  .active\:outline-teal-400 {
    &:active {
      outline-color: var(--color-teal-400);
    }
  }
  .active\:outline-teal-500 {
    &:active {
      outline-color: var(--color-teal-500);
    }
  }
  .active\:outline-teal-600 {
    &:active {
      outline-color: var(--color-teal-600);
    }
  }
  .active\:outline-teal-700 {
    &:active {
      outline-color: var(--color-teal-700);
    }
  }
  .active\:outline-teal-800 {
    &:active {
      outline-color: var(--color-teal-800);
    }
  }
  .active\:outline-teal-900 {
    &:active {
      outline-color: var(--color-teal-900);
    }
  }
  .active\:outline-teal-950 {
    &:active {
      outline-color: var(--color-teal-950);
    }
  }
  .active\:outline-violet-50 {
    &:active {
      outline-color: var(--color-violet-50);
    }
  }
  .active\:outline-violet-100 {
    &:active {
      outline-color: var(--color-violet-100);
    }
  }
  .active\:outline-violet-200 {
    &:active {
      outline-color: var(--color-violet-200);
    }
  }
  .active\:outline-violet-300 {
    &:active {
      outline-color: var(--color-violet-300);
    }
  }
  .active\:outline-violet-400 {
    &:active {
      outline-color: var(--color-violet-400);
    }
  }
  .active\:outline-violet-500 {
    &:active {
      outline-color: var(--color-violet-500);
    }
  }
  .active\:outline-violet-600 {
    &:active {
      outline-color: var(--color-violet-600);
    }
  }
  .active\:outline-violet-700 {
    &:active {
      outline-color: var(--color-violet-700);
    }
  }
  .active\:outline-violet-800 {
    &:active {
      outline-color: var(--color-violet-800);
    }
  }
  .active\:outline-violet-900 {
    &:active {
      outline-color: var(--color-violet-900);
    }
  }
  .active\:outline-violet-950 {
    &:active {
      outline-color: var(--color-violet-950);
    }
  }
  .active\:outline-yellow-50 {
    &:active {
      outline-color: var(--color-yellow-50);
    }
  }
  .active\:outline-yellow-100 {
    &:active {
      outline-color: var(--color-yellow-100);
    }
  }
  .active\:outline-yellow-200 {
    &:active {
      outline-color: var(--color-yellow-200);
    }
  }
  .active\:outline-yellow-300 {
    &:active {
      outline-color: var(--color-yellow-300);
    }
  }
  .active\:outline-yellow-400 {
    &:active {
      outline-color: var(--color-yellow-400);
    }
  }
  .active\:outline-yellow-500 {
    &:active {
      outline-color: var(--color-yellow-500);
    }
  }
  .active\:outline-yellow-600 {
    &:active {
      outline-color: var(--color-yellow-600);
    }
  }
  .active\:outline-yellow-700 {
    &:active {
      outline-color: var(--color-yellow-700);
    }
  }
  .active\:outline-yellow-800 {
    &:active {
      outline-color: var(--color-yellow-800);
    }
  }
  .active\:outline-yellow-900 {
    &:active {
      outline-color: var(--color-yellow-900);
    }
  }
  .active\:outline-yellow-950 {
    &:active {
      outline-color: var(--color-yellow-950);
    }
  }
  .active\:outline-zinc-50 {
    &:active {
      outline-color: var(--color-zinc-50);
    }
  }
  .active\:outline-zinc-100 {
    &:active {
      outline-color: var(--color-zinc-100);
    }
  }
  .active\:outline-zinc-200 {
    &:active {
      outline-color: var(--color-zinc-200);
    }
  }
  .active\:outline-zinc-300 {
    &:active {
      outline-color: var(--color-zinc-300);
    }
  }
  .active\:outline-zinc-400 {
    &:active {
      outline-color: var(--color-zinc-400);
    }
  }
  .active\:outline-zinc-500 {
    &:active {
      outline-color: var(--color-zinc-500);
    }
  }
  .active\:outline-zinc-600 {
    &:active {
      outline-color: var(--color-zinc-600);
    }
  }
  .active\:outline-zinc-700 {
    &:active {
      outline-color: var(--color-zinc-700);
    }
  }
  .active\:outline-zinc-800 {
    &:active {
      outline-color: var(--color-zinc-800);
    }
  }
  .active\:outline-zinc-900 {
    &:active {
      outline-color: var(--color-zinc-900);
    }
  }
  .active\:outline-zinc-950 {
    &:active {
      outline-color: var(--color-zinc-950);
    }
  }
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
    }
  }
}