ancient-css/src/properties/box-shadow.css

ANCIENT-CSS A CSS utility library

.shadow {
  --shadow-x: 0;
  --shadow-y: 0;
  --shadow-blur: 0;
  --shadow-spread: 0;
  --shadow-color: inherit;

  box-shadow: var(--shadow-x) var(--shadow-y) var(--shadow-blur) var(--shadow-spread) var(--shadow-color);
}

.hover\:shadow:hover {
  --shadow-x: 0;
  --shadow-y: 0;
  --shadow-blur: 0;
  --shadow-spread: 0;
  --shadow-color: inherit;

  box-shadow: var(--shadow-x) var(--shadow-y) var(--shadow-blur) var(--shadow-spread) var(--shadow-color);
}

.focus\:shadow:focus {
  --shadow-x: 0;
  --shadow-y: 0;
  --shadow-blur: 0;
  --shadow-spread: 0;
  --shadow-color: inherit;

  box-shadow: var(--shadow-x) var(--shadow-y) var(--shadow-blur) var(--shadow-spread) var(--shadow-color);
}

.focus-within\:shadow:focus-within {
  --shadow-x: 0;
  --shadow-y: 0;
  --shadow-blur: 0;
  --shadow-spread: 0;
  --shadow-color: inherit;

  box-shadow: var(--shadow-x) var(--shadow-y) var(--shadow-blur) var(--shadow-spread) var(--shadow-color);
}

.active\:shadow:active {
  --shadow-x: 0;
  --shadow-y: 0;
  --shadow-blur: 0;
  --shadow-spread: 0;
  --shadow-color: inherit;

  box-shadow: var(--shadow-x) var(--shadow-y) var(--shadow-blur) var(--shadow-spread) var(--shadow-color);
}

.shadow-inset {
  --shadow-x: 0;
  --shadow-y: 0;
  --shadow-blur: 0;
  --shadow-spread: 0;
  --shadow-color: inherit;

  box-shadow: inset var(--shadow-x) var(--shadow-y) var(--shadow-blur) var(--shadow-spread) var(--shadow-color);
}

.hover\:shadow-inset:hover {
  --shadow-x: 0;
  --shadow-y: 0;
  --shadow-blur: 0;
  --shadow-spread: 0;
  --shadow-color: inherit;

  box-shadow: inset var(--shadow-x) var(--shadow-y) var(--shadow-blur) var(--shadow-spread) var(--shadow-color);
}

.focus\:shadow-inset:focus {
  --shadow-x: 0;
  --shadow-y: 0;
  --shadow-blur: 0;
  --shadow-spread: 0;
  --shadow-color: inherit;

  box-shadow: inset var(--shadow-x) var(--shadow-y) var(--shadow-blur) var(--shadow-spread) var(--shadow-color);
}

.focus-within\:shadow-inset:focus-within {
  --shadow-x: 0;
  --shadow-y: 0;
  --shadow-blur: 0;
  --shadow-spread: 0;
  --shadow-color: inherit;

  box-shadow: inset var(--shadow-x) var(--shadow-y) var(--shadow-blur) var(--shadow-spread) var(--shadow-color);
}

.active\:shadow-inset:active {
  --shadow-x: 0;
  --shadow-y: 0;
  --shadow-blur: 0;
  --shadow-spread: 0;
  --shadow-color: inherit;

  box-shadow: inset var(--shadow-x) var(--shadow-y) var(--shadow-blur) var(--shadow-spread) var(--shadow-color);
}

.shadow-x-1px {
  --shadow-x: 1px;
}

.hover\:shadow-x-1px:hover {
  --shadow-x: 1px;
}

.focus\:shadow-x-1px:focus {
  --shadow-x: 1px;
}

.focus-within\:shadow-x-1px:focus-within {
  --shadow-x: 1px;
}

.active\:shadow-x-1px:active {
  --shadow-x: 1px;
}

.shadow-x-2px {
  --shadow-x: 2px;
}

.hover\:shadow-x-2px:hover {
  --shadow-x: 2px;
}

.focus\:shadow-x-2px:focus {
  --shadow-x: 2px;
}

.focus-within\:shadow-x-2px:focus-within {
  --shadow-x: 2px;
}

.active\:shadow-x-2px:active {
  --shadow-x: 2px;
}

.shadow-x-3px {
  --shadow-x: 3px;
}

.hover\:shadow-x-3px:hover {
  --shadow-x: 3px;
}

.focus\:shadow-x-3px:focus {
  --shadow-x: 3px;
}

.focus-within\:shadow-x-3px:focus-within {
  --shadow-x: 3px;
}

.active\:shadow-x-3px:active {
  --shadow-x: 3px;
}

.shadow-x-1 {
  --shadow-x: 0.25rem;
}

.hover\:shadow-x-1:hover {
  --shadow-x: 0.25rem;
}

.focus\:shadow-x-1:focus {
  --shadow-x: 0.25rem;
}

.focus-within\:shadow-x-1:focus-within {
  --shadow-x: 0.25rem;
}

.active\:shadow-x-1:active {
  --shadow-x: 0.25rem;
}

.shadow-x-2 {
  --shadow-x: 0.5rem;
}

.hover\:shadow-x-2:hover {
  --shadow-x: 0.5rem;
}

.focus\:shadow-x-2:focus {
  --shadow-x: 0.5rem;
}

.focus-within\:shadow-x-2:focus-within {
  --shadow-x: 0.5rem;
}

.active\:shadow-x-2:active {
  --shadow-x: 0.5rem;
}

.shadow-x-3 {
  --shadow-x: 0.75rem;
}

.hover\:shadow-x-3:hover {
  --shadow-x: 0.75rem;
}

.focus\:shadow-x-3:focus {
  --shadow-x: 0.75rem;
}

.focus-within\:shadow-x-3:focus-within {
  --shadow-x: 0.75rem;
}

.active\:shadow-x-3:active {
  --shadow-x: 0.75rem;
}

.shadow-x-4 {
  --shadow-x: 1rem;
}

.hover\:shadow-x-4:hover {
  --shadow-x: 1rem;
}

.focus\:shadow-x-4:focus {
  --shadow-x: 1rem;
}

.focus-within\:shadow-x-4:focus-within {
  --shadow-x: 1rem;
}

.active\:shadow-x-4:active {
  --shadow-x: 1rem;
}

.shadow-x-5 {
  --shadow-x: 1.25rem;
}

.hover\:shadow-x-5:hover {
  --shadow-x: 1.25rem;
}

.focus\:shadow-x-5:focus {
  --shadow-x: 1.25rem;
}

.focus-within\:shadow-x-5:focus-within {
  --shadow-x: 1.25rem;
}

.active\:shadow-x-5:active {
  --shadow-x: 1.25rem;
}

.shadow-x-6 {
  --shadow-x: 1.5rem;
}

.hover\:shadow-x-6:hover {
  --shadow-x: 1.5rem;
}

.focus\:shadow-x-6:focus {
  --shadow-x: 1.5rem;
}

.focus-within\:shadow-x-6:focus-within {
  --shadow-x: 1.5rem;
}

.active\:shadow-x-6:active {
  --shadow-x: 1.5rem;
}

.shadow-x-7 {
  --shadow-x: 1.75rem;
}

.hover\:shadow-x-7:hover {
  --shadow-x: 1.75rem;
}

.focus\:shadow-x-7:focus {
  --shadow-x: 1.75rem;
}

.focus-within\:shadow-x-7:focus-within {
  --shadow-x: 1.75rem;
}

.active\:shadow-x-7:active {
  --shadow-x: 1.75rem;
}

.shadow-x-8 {
  --shadow-x: 2rem;
}

.hover\:shadow-x-8:hover {
  --shadow-x: 2rem;
}

.focus\:shadow-x-8:focus {
  --shadow-x: 2rem;
}

.focus-within\:shadow-x-8:focus-within {
  --shadow-x: 2rem;
}

.active\:shadow-x-8:active {
  --shadow-x: 2rem;
}

.shadow-x-10 {
  --shadow-x: 2.5rem;
}

.hover\:shadow-x-10:hover {
  --shadow-x: 2.5rem;
}

.focus\:shadow-x-10:focus {
  --shadow-x: 2.5rem;
}

.focus-within\:shadow-x-10:focus-within {
  --shadow-x: 2.5rem;
}

.active\:shadow-x-10:active {
  --shadow-x: 2.5rem;
}

.shadow-x-12 {
  --shadow-x: 3rem;
}

.hover\:shadow-x-12:hover {
  --shadow-x: 3rem;
}

.focus\:shadow-x-12:focus {
  --shadow-x: 3rem;
}

.focus-within\:shadow-x-12:focus-within {
  --shadow-x: 3rem;
}

.active\:shadow-x-12:active {
  --shadow-x: 3rem;
}

.shadow-x-14 {
  --shadow-x: 3.5rem;
}

.hover\:shadow-x-14:hover {
  --shadow-x: 3.5rem;
}

.focus\:shadow-x-14:focus {
  --shadow-x: 3.5rem;
}

.focus-within\:shadow-x-14:focus-within {
  --shadow-x: 3.5rem;
}

.active\:shadow-x-14:active {
  --shadow-x: 3.5rem;
}

.shadow-x-16 {
  --shadow-x: 4rem;
}

.hover\:shadow-x-16:hover {
  --shadow-x: 4rem;
}

.focus\:shadow-x-16:focus {
  --shadow-x: 4rem;
}

.focus-within\:shadow-x-16:focus-within {
  --shadow-x: 4rem;
}

.active\:shadow-x-16:active {
  --shadow-x: 4rem;
}

.shadow-x-20 {
  --shadow-x: 5rem;
}

.hover\:shadow-x-20:hover {
  --shadow-x: 5rem;
}

.focus\:shadow-x-20:focus {
  --shadow-x: 5rem;
}

.focus-within\:shadow-x-20:focus-within {
  --shadow-x: 5rem;
}

.active\:shadow-x-20:active {
  --shadow-x: 5rem;
}

.shadow-x-24 {
  --shadow-x: 6rem;
}

.hover\:shadow-x-24:hover {
  --shadow-x: 6rem;
}

.focus\:shadow-x-24:focus {
  --shadow-x: 6rem;
}

.focus-within\:shadow-x-24:focus-within {
  --shadow-x: 6rem;
}

.active\:shadow-x-24:active {
  --shadow-x: 6rem;
}

.shadow-x-32 {
  --shadow-x: 8rem;
}

.hover\:shadow-x-32:hover {
  --shadow-x: 8rem;
}

.focus\:shadow-x-32:focus {
  --shadow-x: 8rem;
}

.focus-within\:shadow-x-32:focus-within {
  --shadow-x: 8rem;
}

.active\:shadow-x-32:active {
  --shadow-x: 8rem;
}

.shadow-x-48 {
  --shadow-x: 12rem;
}

.hover\:shadow-x-48:hover {
  --shadow-x: 12rem;
}

.focus\:shadow-x-48:focus {
  --shadow-x: 12rem;
}

.focus-within\:shadow-x-48:focus-within {
  --shadow-x: 12rem;
}

.active\:shadow-x-48:active {
  --shadow-x: 12rem;
}

.shadow-x-64 {
  --shadow-x: 16rem;
}

.hover\:shadow-x-64:hover {
  --shadow-x: 16rem;
}

.focus\:shadow-x-64:focus {
  --shadow-x: 16rem;
}

.focus-within\:shadow-x-64:focus-within {
  --shadow-x: 16rem;
}

.active\:shadow-x-64:active {
  --shadow-x: 16rem;
}

.-shadow-x-1px {
  --shadow-x: -1px;
}

.hover\:-shadow-x-1px:hover {
  --shadow-x: -1px;
}

.focus\:-shadow-x-1px:focus {
  --shadow-x: -1px;
}

.focus-within\:-shadow-x-1px:focus-within {
  --shadow-x: -1px;
}

.active\:-shadow-x-1px:active {
  --shadow-x: -1px;
}

.-shadow-x-2px {
  --shadow-x: -2px;
}

.hover\:-shadow-x-2px:hover {
  --shadow-x: -2px;
}

.focus\:-shadow-x-2px:focus {
  --shadow-x: -2px;
}

.focus-within\:-shadow-x-2px:focus-within {
  --shadow-x: -2px;
}

.active\:-shadow-x-2px:active {
  --shadow-x: -2px;
}

.-shadow-x-3px {
  --shadow-x: -3px;
}

.hover\:-shadow-x-3px:hover {
  --shadow-x: -3px;
}

.focus\:-shadow-x-3px:focus {
  --shadow-x: -3px;
}

.focus-within\:-shadow-x-3px:focus-within {
  --shadow-x: -3px;
}

.active\:-shadow-x-3px:active {
  --shadow-x: -3px;
}

.-shadow-x-1 {
  --shadow-x: -0.25rem;
}

.hover\:-shadow-x-1:hover {
  --shadow-x: -0.25rem;
}

.focus\:-shadow-x-1:focus {
  --shadow-x: -0.25rem;
}

.focus-within\:-shadow-x-1:focus-within {
  --shadow-x: -0.25rem;
}

.active\:-shadow-x-1:active {
  --shadow-x: -0.25rem;
}

.-shadow-x-2 {
  --shadow-x: -0.5rem;
}

.hover\:-shadow-x-2:hover {
  --shadow-x: -0.5rem;
}

.focus\:-shadow-x-2:focus {
  --shadow-x: -0.5rem;
}

.focus-within\:-shadow-x-2:focus-within {
  --shadow-x: -0.5rem;
}

.active\:-shadow-x-2:active {
  --shadow-x: -0.5rem;
}

.-shadow-x-3 {
  --shadow-x: -0.75rem;
}

.hover\:-shadow-x-3:hover {
  --shadow-x: -0.75rem;
}

.focus\:-shadow-x-3:focus {
  --shadow-x: -0.75rem;
}

.focus-within\:-shadow-x-3:focus-within {
  --shadow-x: -0.75rem;
}

.active\:-shadow-x-3:active {
  --shadow-x: -0.75rem;
}

.-shadow-x-4 {
  --shadow-x: -1rem;
}

.hover\:-shadow-x-4:hover {
  --shadow-x: -1rem;
}

.focus\:-shadow-x-4:focus {
  --shadow-x: -1rem;
}

.focus-within\:-shadow-x-4:focus-within {
  --shadow-x: -1rem;
}

.active\:-shadow-x-4:active {
  --shadow-x: -1rem;
}

.-shadow-x-5 {
  --shadow-x: -1.25rem;
}

.hover\:-shadow-x-5:hover {
  --shadow-x: -1.25rem;
}

.focus\:-shadow-x-5:focus {
  --shadow-x: -1.25rem;
}

.focus-within\:-shadow-x-5:focus-within {
  --shadow-x: -1.25rem;
}

.active\:-shadow-x-5:active {
  --shadow-x: -1.25rem;
}

.-shadow-x-6 {
  --shadow-x: -1.5rem;
}

.hover\:-shadow-x-6:hover {
  --shadow-x: -1.5rem;
}

.focus\:-shadow-x-6:focus {
  --shadow-x: -1.5rem;
}

.focus-within\:-shadow-x-6:focus-within {
  --shadow-x: -1.5rem;
}

.active\:-shadow-x-6:active {
  --shadow-x: -1.5rem;
}

.-shadow-x-7 {
  --shadow-x: -1.75rem;
}

.hover\:-shadow-x-7:hover {
  --shadow-x: -1.75rem;
}

.focus\:-shadow-x-7:focus {
  --shadow-x: -1.75rem;
}

.focus-within\:-shadow-x-7:focus-within {
  --shadow-x: -1.75rem;
}

.active\:-shadow-x-7:active {
  --shadow-x: -1.75rem;
}

.-shadow-x-8 {
  --shadow-x: -2rem;
}

.hover\:-shadow-x-8:hover {
  --shadow-x: -2rem;
}

.focus\:-shadow-x-8:focus {
  --shadow-x: -2rem;
}

.focus-within\:-shadow-x-8:focus-within {
  --shadow-x: -2rem;
}

.active\:-shadow-x-8:active {
  --shadow-x: -2rem;
}

.-shadow-x-10 {
  --shadow-x: -2.5rem;
}

.hover\:-shadow-x-10:hover {
  --shadow-x: -2.5rem;
}

.focus\:-shadow-x-10:focus {
  --shadow-x: -2.5rem;
}

.focus-within\:-shadow-x-10:focus-within {
  --shadow-x: -2.5rem;
}

.active\:-shadow-x-10:active {
  --shadow-x: -2.5rem;
}

.-shadow-x-12 {
  --shadow-x: -3rem;
}

.hover\:-shadow-x-12:hover {
  --shadow-x: -3rem;
}

.focus\:-shadow-x-12:focus {
  --shadow-x: -3rem;
}

.focus-within\:-shadow-x-12:focus-within {
  --shadow-x: -3rem;
}

.active\:-shadow-x-12:active {
  --shadow-x: -3rem;
}

.-shadow-x-14 {
  --shadow-x: -3.5rem;
}

.hover\:-shadow-x-14:hover {
  --shadow-x: -3.5rem;
}

.focus\:-shadow-x-14:focus {
  --shadow-x: -3.5rem;
}

.focus-within\:-shadow-x-14:focus-within {
  --shadow-x: -3.5rem;
}

.active\:-shadow-x-14:active {
  --shadow-x: -3.5rem;
}

.-shadow-x-16 {
  --shadow-x: -4rem;
}

.hover\:-shadow-x-16:hover {
  --shadow-x: -4rem;
}

.focus\:-shadow-x-16:focus {
  --shadow-x: -4rem;
}

.focus-within\:-shadow-x-16:focus-within {
  --shadow-x: -4rem;
}

.active\:-shadow-x-16:active {
  --shadow-x: -4rem;
}

.-shadow-x-20 {
  --shadow-x: -5rem;
}

.hover\:-shadow-x-20:hover {
  --shadow-x: -5rem;
}

.focus\:-shadow-x-20:focus {
  --shadow-x: -5rem;
}

.focus-within\:-shadow-x-20:focus-within {
  --shadow-x: -5rem;
}

.active\:-shadow-x-20:active {
  --shadow-x: -5rem;
}

.-shadow-x-24 {
  --shadow-x: -6rem;
}

.hover\:-shadow-x-24:hover {
  --shadow-x: -6rem;
}

.focus\:-shadow-x-24:focus {
  --shadow-x: -6rem;
}

.focus-within\:-shadow-x-24:focus-within {
  --shadow-x: -6rem;
}

.active\:-shadow-x-24:active {
  --shadow-x: -6rem;
}

.-shadow-x-32 {
  --shadow-x: -8rem;
}

.hover\:-shadow-x-32:hover {
  --shadow-x: -8rem;
}

.focus\:-shadow-x-32:focus {
  --shadow-x: -8rem;
}

.focus-within\:-shadow-x-32:focus-within {
  --shadow-x: -8rem;
}

.active\:-shadow-x-32:active {
  --shadow-x: -8rem;
}

.-shadow-x-48 {
  --shadow-x: -12rem;
}

.hover\:-shadow-x-48:hover {
  --shadow-x: -12rem;
}

.focus\:-shadow-x-48:focus {
  --shadow-x: -12rem;
}

.focus-within\:-shadow-x-48:focus-within {
  --shadow-x: -12rem;
}

.active\:-shadow-x-48:active {
  --shadow-x: -12rem;
}

.-shadow-x-64 {
  --shadow-x: -16rem;
}

.hover\:-shadow-x-64:hover {
  --shadow-x: -16rem;
}

.focus\:-shadow-x-64:focus {
  --shadow-x: -16rem;
}

.focus-within\:-shadow-x-64:focus-within {
  --shadow-x: -16rem;
}

.active\:-shadow-x-64:active {
  --shadow-x: -16rem;
}

.shadow-y-1px {
  --shadow-y: 1px;
}

.hover\:shadow-y-1px:hover {
  --shadow-y: 1px;
}

.focus\:shadow-y-1px:focus {
  --shadow-y: 1px;
}

.focus-within\:shadow-y-1px:focus-within {
  --shadow-y: 1px;
}

.active\:shadow-y-1px:active {
  --shadow-y: 1px;
}

.shadow-y-2px {
  --shadow-y: 2px;
}

.hover\:shadow-y-2px:hover {
  --shadow-y: 2px;
}

.focus\:shadow-y-2px:focus {
  --shadow-y: 2px;
}

.focus-within\:shadow-y-2px:focus-within {
  --shadow-y: 2px;
}

.active\:shadow-y-2px:active {
  --shadow-y: 2px;
}

.shadow-y-3px {
  --shadow-y: 3px;
}

.hover\:shadow-y-3px:hover {
  --shadow-y: 3px;
}

.focus\:shadow-y-3px:focus {
  --shadow-y: 3px;
}

.focus-within\:shadow-y-3px:focus-within {
  --shadow-y: 3px;
}

.active\:shadow-y-3px:active {
  --shadow-y: 3px;
}

.shadow-y-1 {
  --shadow-y: 0.25rem;
}

.hover\:shadow-y-1:hover {
  --shadow-y: 0.25rem;
}

.focus\:shadow-y-1:focus {
  --shadow-y: 0.25rem;
}

.focus-within\:shadow-y-1:focus-within {
  --shadow-y: 0.25rem;
}

.active\:shadow-y-1:active {
  --shadow-y: 0.25rem;
}

.shadow-y-2 {
  --shadow-y: 0.5rem;
}

.hover\:shadow-y-2:hover {
  --shadow-y: 0.5rem;
}

.focus\:shadow-y-2:focus {
  --shadow-y: 0.5rem;
}

.focus-within\:shadow-y-2:focus-within {
  --shadow-y: 0.5rem;
}

.active\:shadow-y-2:active {
  --shadow-y: 0.5rem;
}

.shadow-y-3 {
  --shadow-y: 0.75rem;
}

.hover\:shadow-y-3:hover {
  --shadow-y: 0.75rem;
}

.focus\:shadow-y-3:focus {
  --shadow-y: 0.75rem;
}

.focus-within\:shadow-y-3:focus-within {
  --shadow-y: 0.75rem;
}

.active\:shadow-y-3:active {
  --shadow-y: 0.75rem;
}

.shadow-y-4 {
  --shadow-y: 1rem;
}

.hover\:shadow-y-4:hover {
  --shadow-y: 1rem;
}

.focus\:shadow-y-4:focus {
  --shadow-y: 1rem;
}

.focus-within\:shadow-y-4:focus-within {
  --shadow-y: 1rem;
}

.active\:shadow-y-4:active {
  --shadow-y: 1rem;
}

.shadow-y-5 {
  --shadow-y: 1.25rem;
}

.hover\:shadow-y-5:hover {
  --shadow-y: 1.25rem;
}

.focus\:shadow-y-5:focus {
  --shadow-y: 1.25rem;
}

.focus-within\:shadow-y-5:focus-within {
  --shadow-y: 1.25rem;
}

.active\:shadow-y-5:active {
  --shadow-y: 1.25rem;
}

.shadow-y-6 {
  --shadow-y: 1.5rem;
}

.hover\:shadow-y-6:hover {
  --shadow-y: 1.5rem;
}

.focus\:shadow-y-6:focus {
  --shadow-y: 1.5rem;
}

.focus-within\:shadow-y-6:focus-within {
  --shadow-y: 1.5rem;
}

.active\:shadow-y-6:active {
  --shadow-y: 1.5rem;
}

.shadow-y-7 {
  --shadow-y: 1.75rem;
}

.hover\:shadow-y-7:hover {
  --shadow-y: 1.75rem;
}

.focus\:shadow-y-7:focus {
  --shadow-y: 1.75rem;
}

.focus-within\:shadow-y-7:focus-within {
  --shadow-y: 1.75rem;
}

.active\:shadow-y-7:active {
  --shadow-y: 1.75rem;
}

.shadow-y-8 {
  --shadow-y: 2rem;
}

.hover\:shadow-y-8:hover {
  --shadow-y: 2rem;
}

.focus\:shadow-y-8:focus {
  --shadow-y: 2rem;
}

.focus-within\:shadow-y-8:focus-within {
  --shadow-y: 2rem;
}

.active\:shadow-y-8:active {
  --shadow-y: 2rem;
}

.shadow-y-10 {
  --shadow-y: 2.5rem;
}

.hover\:shadow-y-10:hover {
  --shadow-y: 2.5rem;
}

.focus\:shadow-y-10:focus {
  --shadow-y: 2.5rem;
}

.focus-within\:shadow-y-10:focus-within {
  --shadow-y: 2.5rem;
}

.active\:shadow-y-10:active {
  --shadow-y: 2.5rem;
}

.shadow-y-12 {
  --shadow-y: 3rem;
}

.hover\:shadow-y-12:hover {
  --shadow-y: 3rem;
}

.focus\:shadow-y-12:focus {
  --shadow-y: 3rem;
}

.focus-within\:shadow-y-12:focus-within {
  --shadow-y: 3rem;
}

.active\:shadow-y-12:active {
  --shadow-y: 3rem;
}

.shadow-y-14 {
  --shadow-y: 3.5rem;
}

.hover\:shadow-y-14:hover {
  --shadow-y: 3.5rem;
}

.focus\:shadow-y-14:focus {
  --shadow-y: 3.5rem;
}

.focus-within\:shadow-y-14:focus-within {
  --shadow-y: 3.5rem;
}

.active\:shadow-y-14:active {
  --shadow-y: 3.5rem;
}

.shadow-y-16 {
  --shadow-y: 4rem;
}

.hover\:shadow-y-16:hover {
  --shadow-y: 4rem;
}

.focus\:shadow-y-16:focus {
  --shadow-y: 4rem;
}

.focus-within\:shadow-y-16:focus-within {
  --shadow-y: 4rem;
}

.active\:shadow-y-16:active {
  --shadow-y: 4rem;
}

.shadow-y-20 {
  --shadow-y: 5rem;
}

.hover\:shadow-y-20:hover {
  --shadow-y: 5rem;
}

.focus\:shadow-y-20:focus {
  --shadow-y: 5rem;
}

.focus-within\:shadow-y-20:focus-within {
  --shadow-y: 5rem;
}

.active\:shadow-y-20:active {
  --shadow-y: 5rem;
}

.shadow-y-24 {
  --shadow-y: 6rem;
}

.hover\:shadow-y-24:hover {
  --shadow-y: 6rem;
}

.focus\:shadow-y-24:focus {
  --shadow-y: 6rem;
}

.focus-within\:shadow-y-24:focus-within {
  --shadow-y: 6rem;
}

.active\:shadow-y-24:active {
  --shadow-y: 6rem;
}

.shadow-y-32 {
  --shadow-y: 8rem;
}

.hover\:shadow-y-32:hover {
  --shadow-y: 8rem;
}

.focus\:shadow-y-32:focus {
  --shadow-y: 8rem;
}

.focus-within\:shadow-y-32:focus-within {
  --shadow-y: 8rem;
}

.active\:shadow-y-32:active {
  --shadow-y: 8rem;
}

.shadow-y-48 {
  --shadow-y: 12rem;
}

.hover\:shadow-y-48:hover {
  --shadow-y: 12rem;
}

.focus\:shadow-y-48:focus {
  --shadow-y: 12rem;
}

.focus-within\:shadow-y-48:focus-within {
  --shadow-y: 12rem;
}

.active\:shadow-y-48:active {
  --shadow-y: 12rem;
}

.shadow-y-64 {
  --shadow-y: 16rem;
}

.hover\:shadow-y-64:hover {
  --shadow-y: 16rem;
}

.focus\:shadow-y-64:focus {
  --shadow-y: 16rem;
}

.focus-within\:shadow-y-64:focus-within {
  --shadow-y: 16rem;
}

.active\:shadow-y-64:active {
  --shadow-y: 16rem;
}

.-shadow-y-1px {
  --shadow-y: -1px;
}

.hover\:-shadow-y-1px:hover {
  --shadow-y: -1px;
}

.focus\:-shadow-y-1px:focus {
  --shadow-y: -1px;
}

.focus-within\:-shadow-y-1px:focus-within {
  --shadow-y: -1px;
}

.active\:-shadow-y-1px:active {
  --shadow-y: -1px;
}

.-shadow-y-2px {
  --shadow-y: -2px;
}

.hover\:-shadow-y-2px:hover {
  --shadow-y: -2px;
}

.focus\:-shadow-y-2px:focus {
  --shadow-y: -2px;
}

.focus-within\:-shadow-y-2px:focus-within {
  --shadow-y: -2px;
}

.active\:-shadow-y-2px:active {
  --shadow-y: -2px;
}

.-shadow-y-3px {
  --shadow-y: -3px;
}

.hover\:-shadow-y-3px:hover {
  --shadow-y: -3px;
}

.focus\:-shadow-y-3px:focus {
  --shadow-y: -3px;
}

.focus-within\:-shadow-y-3px:focus-within {
  --shadow-y: -3px;
}

.active\:-shadow-y-3px:active {
  --shadow-y: -3px;
}

.-shadow-y-1 {
  --shadow-y: -0.25rem;
}

.hover\:-shadow-y-1:hover {
  --shadow-y: -0.25rem;
}

.focus\:-shadow-y-1:focus {
  --shadow-y: -0.25rem;
}

.focus-within\:-shadow-y-1:focus-within {
  --shadow-y: -0.25rem;
}

.active\:-shadow-y-1:active {
  --shadow-y: -0.25rem;
}

.-shadow-y-2 {
  --shadow-y: -0.5rem;
}

.hover\:-shadow-y-2:hover {
  --shadow-y: -0.5rem;
}

.focus\:-shadow-y-2:focus {
  --shadow-y: -0.5rem;
}

.focus-within\:-shadow-y-2:focus-within {
  --shadow-y: -0.5rem;
}

.active\:-shadow-y-2:active {
  --shadow-y: -0.5rem;
}

.-shadow-y-3 {
  --shadow-y: -0.75rem;
}

.hover\:-shadow-y-3:hover {
  --shadow-y: -0.75rem;
}

.focus\:-shadow-y-3:focus {
  --shadow-y: -0.75rem;
}

.focus-within\:-shadow-y-3:focus-within {
  --shadow-y: -0.75rem;
}

.active\:-shadow-y-3:active {
  --shadow-y: -0.75rem;
}

.-shadow-y-4 {
  --shadow-y: -1rem;
}

.hover\:-shadow-y-4:hover {
  --shadow-y: -1rem;
}

.focus\:-shadow-y-4:focus {
  --shadow-y: -1rem;
}

.focus-within\:-shadow-y-4:focus-within {
  --shadow-y: -1rem;
}

.active\:-shadow-y-4:active {
  --shadow-y: -1rem;
}

.-shadow-y-5 {
  --shadow-y: -1.25rem;
}

.hover\:-shadow-y-5:hover {
  --shadow-y: -1.25rem;
}

.focus\:-shadow-y-5:focus {
  --shadow-y: -1.25rem;
}

.focus-within\:-shadow-y-5:focus-within {
  --shadow-y: -1.25rem;
}

.active\:-shadow-y-5:active {
  --shadow-y: -1.25rem;
}

.-shadow-y-6 {
  --shadow-y: -1.5rem;
}

.hover\:-shadow-y-6:hover {
  --shadow-y: -1.5rem;
}

.focus\:-shadow-y-6:focus {
  --shadow-y: -1.5rem;
}

.focus-within\:-shadow-y-6:focus-within {
  --shadow-y: -1.5rem;
}

.active\:-shadow-y-6:active {
  --shadow-y: -1.5rem;
}

.-shadow-y-7 {
  --shadow-y: -1.75rem;
}

.hover\:-shadow-y-7:hover {
  --shadow-y: -1.75rem;
}

.focus\:-shadow-y-7:focus {
  --shadow-y: -1.75rem;
}

.focus-within\:-shadow-y-7:focus-within {
  --shadow-y: -1.75rem;
}

.active\:-shadow-y-7:active {
  --shadow-y: -1.75rem;
}

.-shadow-y-8 {
  --shadow-y: -2rem;
}

.hover\:-shadow-y-8:hover {
  --shadow-y: -2rem;
}

.focus\:-shadow-y-8:focus {
  --shadow-y: -2rem;
}

.focus-within\:-shadow-y-8:focus-within {
  --shadow-y: -2rem;
}

.active\:-shadow-y-8:active {
  --shadow-y: -2rem;
}

.-shadow-y-10 {
  --shadow-y: -2.5rem;
}

.hover\:-shadow-y-10:hover {
  --shadow-y: -2.5rem;
}

.focus\:-shadow-y-10:focus {
  --shadow-y: -2.5rem;
}

.focus-within\:-shadow-y-10:focus-within {
  --shadow-y: -2.5rem;
}

.active\:-shadow-y-10:active {
  --shadow-y: -2.5rem;
}

.-shadow-y-12 {
  --shadow-y: -3rem;
}

.hover\:-shadow-y-12:hover {
  --shadow-y: -3rem;
}

.focus\:-shadow-y-12:focus {
  --shadow-y: -3rem;
}

.focus-within\:-shadow-y-12:focus-within {
  --shadow-y: -3rem;
}

.active\:-shadow-y-12:active {
  --shadow-y: -3rem;
}

.-shadow-y-14 {
  --shadow-y: -3.5rem;
}

.hover\:-shadow-y-14:hover {
  --shadow-y: -3.5rem;
}

.focus\:-shadow-y-14:focus {
  --shadow-y: -3.5rem;
}

.focus-within\:-shadow-y-14:focus-within {
  --shadow-y: -3.5rem;
}

.active\:-shadow-y-14:active {
  --shadow-y: -3.5rem;
}

.-shadow-y-16 {
  --shadow-y: -4rem;
}

.hover\:-shadow-y-16:hover {
  --shadow-y: -4rem;
}

.focus\:-shadow-y-16:focus {
  --shadow-y: -4rem;
}

.focus-within\:-shadow-y-16:focus-within {
  --shadow-y: -4rem;
}

.active\:-shadow-y-16:active {
  --shadow-y: -4rem;
}

.-shadow-y-20 {
  --shadow-y: -5rem;
}

.hover\:-shadow-y-20:hover {
  --shadow-y: -5rem;
}

.focus\:-shadow-y-20:focus {
  --shadow-y: -5rem;
}

.focus-within\:-shadow-y-20:focus-within {
  --shadow-y: -5rem;
}

.active\:-shadow-y-20:active {
  --shadow-y: -5rem;
}

.-shadow-y-24 {
  --shadow-y: -6rem;
}

.hover\:-shadow-y-24:hover {
  --shadow-y: -6rem;
}

.focus\:-shadow-y-24:focus {
  --shadow-y: -6rem;
}

.focus-within\:-shadow-y-24:focus-within {
  --shadow-y: -6rem;
}

.active\:-shadow-y-24:active {
  --shadow-y: -6rem;
}

.-shadow-y-32 {
  --shadow-y: -8rem;
}

.hover\:-shadow-y-32:hover {
  --shadow-y: -8rem;
}

.focus\:-shadow-y-32:focus {
  --shadow-y: -8rem;
}

.focus-within\:-shadow-y-32:focus-within {
  --shadow-y: -8rem;
}

.active\:-shadow-y-32:active {
  --shadow-y: -8rem;
}

.-shadow-y-48 {
  --shadow-y: -12rem;
}

.hover\:-shadow-y-48:hover {
  --shadow-y: -12rem;
}

.focus\:-shadow-y-48:focus {
  --shadow-y: -12rem;
}

.focus-within\:-shadow-y-48:focus-within {
  --shadow-y: -12rem;
}

.active\:-shadow-y-48:active {
  --shadow-y: -12rem;
}

.-shadow-y-64 {
  --shadow-y: -16rem;
}

.hover\:-shadow-y-64:hover {
  --shadow-y: -16rem;
}

.focus\:-shadow-y-64:focus {
  --shadow-y: -16rem;
}

.focus-within\:-shadow-y-64:focus-within {
  --shadow-y: -16rem;
}

.active\:-shadow-y-64:active {
  --shadow-y: -16rem;
}

.shadow-blur-1px {
  --shadow-blur: 1px;
}

.hover\:shadow-blur-1px:hover {
  --shadow-blur: 1px;
}

.focus\:shadow-blur-1px:focus {
  --shadow-blur: 1px;
}

.focus-within\:shadow-blur-1px:focus-within {
  --shadow-blur: 1px;
}

.active\:shadow-blur-1px:active {
  --shadow-blur: 1px;
}

.shadow-blur-2px {
  --shadow-blur: 2px;
}

.hover\:shadow-blur-2px:hover {
  --shadow-blur: 2px;
}

.focus\:shadow-blur-2px:focus {
  --shadow-blur: 2px;
}

.focus-within\:shadow-blur-2px:focus-within {
  --shadow-blur: 2px;
}

.active\:shadow-blur-2px:active {
  --shadow-blur: 2px;
}

.shadow-blur-3px {
  --shadow-blur: 3px;
}

.hover\:shadow-blur-3px:hover {
  --shadow-blur: 3px;
}

.focus\:shadow-blur-3px:focus {
  --shadow-blur: 3px;
}

.focus-within\:shadow-blur-3px:focus-within {
  --shadow-blur: 3px;
}

.active\:shadow-blur-3px:active {
  --shadow-blur: 3px;
}

.shadow-blur-1 {
  --shadow-blur: 0.25rem;
}

.hover\:shadow-blur-1:hover {
  --shadow-blur: 0.25rem;
}

.focus\:shadow-blur-1:focus {
  --shadow-blur: 0.25rem;
}

.focus-within\:shadow-blur-1:focus-within {
  --shadow-blur: 0.25rem;
}

.active\:shadow-blur-1:active {
  --shadow-blur: 0.25rem;
}

.shadow-blur-2 {
  --shadow-blur: 0.5rem;
}

.hover\:shadow-blur-2:hover {
  --shadow-blur: 0.5rem;
}

.focus\:shadow-blur-2:focus {
  --shadow-blur: 0.5rem;
}

.focus-within\:shadow-blur-2:focus-within {
  --shadow-blur: 0.5rem;
}

.active\:shadow-blur-2:active {
  --shadow-blur: 0.5rem;
}

.shadow-blur-3 {
  --shadow-blur: 0.75rem;
}

.hover\:shadow-blur-3:hover {
  --shadow-blur: 0.75rem;
}

.focus\:shadow-blur-3:focus {
  --shadow-blur: 0.75rem;
}

.focus-within\:shadow-blur-3:focus-within {
  --shadow-blur: 0.75rem;
}

.active\:shadow-blur-3:active {
  --shadow-blur: 0.75rem;
}

.shadow-blur-4 {
  --shadow-blur: 1rem;
}

.hover\:shadow-blur-4:hover {
  --shadow-blur: 1rem;
}

.focus\:shadow-blur-4:focus {
  --shadow-blur: 1rem;
}

.focus-within\:shadow-blur-4:focus-within {
  --shadow-blur: 1rem;
}

.active\:shadow-blur-4:active {
  --shadow-blur: 1rem;
}

.shadow-blur-5 {
  --shadow-blur: 1.25rem;
}

.hover\:shadow-blur-5:hover {
  --shadow-blur: 1.25rem;
}

.focus\:shadow-blur-5:focus {
  --shadow-blur: 1.25rem;
}

.focus-within\:shadow-blur-5:focus-within {
  --shadow-blur: 1.25rem;
}

.active\:shadow-blur-5:active {
  --shadow-blur: 1.25rem;
}

.shadow-blur-6 {
  --shadow-blur: 1.5rem;
}

.hover\:shadow-blur-6:hover {
  --shadow-blur: 1.5rem;
}

.focus\:shadow-blur-6:focus {
  --shadow-blur: 1.5rem;
}

.focus-within\:shadow-blur-6:focus-within {
  --shadow-blur: 1.5rem;
}

.active\:shadow-blur-6:active {
  --shadow-blur: 1.5rem;
}

.shadow-blur-7 {
  --shadow-blur: 1.75rem;
}

.hover\:shadow-blur-7:hover {
  --shadow-blur: 1.75rem;
}

.focus\:shadow-blur-7:focus {
  --shadow-blur: 1.75rem;
}

.focus-within\:shadow-blur-7:focus-within {
  --shadow-blur: 1.75rem;
}

.active\:shadow-blur-7:active {
  --shadow-blur: 1.75rem;
}

.shadow-blur-8 {
  --shadow-blur: 2rem;
}

.hover\:shadow-blur-8:hover {
  --shadow-blur: 2rem;
}

.focus\:shadow-blur-8:focus {
  --shadow-blur: 2rem;
}

.focus-within\:shadow-blur-8:focus-within {
  --shadow-blur: 2rem;
}

.active\:shadow-blur-8:active {
  --shadow-blur: 2rem;
}

.shadow-blur-10 {
  --shadow-blur: 2.5rem;
}

.hover\:shadow-blur-10:hover {
  --shadow-blur: 2.5rem;
}

.focus\:shadow-blur-10:focus {
  --shadow-blur: 2.5rem;
}

.focus-within\:shadow-blur-10:focus-within {
  --shadow-blur: 2.5rem;
}

.active\:shadow-blur-10:active {
  --shadow-blur: 2.5rem;
}

.shadow-blur-12 {
  --shadow-blur: 3rem;
}

.hover\:shadow-blur-12:hover {
  --shadow-blur: 3rem;
}

.focus\:shadow-blur-12:focus {
  --shadow-blur: 3rem;
}

.focus-within\:shadow-blur-12:focus-within {
  --shadow-blur: 3rem;
}

.active\:shadow-blur-12:active {
  --shadow-blur: 3rem;
}

.shadow-blur-14 {
  --shadow-blur: 3.5rem;
}

.hover\:shadow-blur-14:hover {
  --shadow-blur: 3.5rem;
}

.focus\:shadow-blur-14:focus {
  --shadow-blur: 3.5rem;
}

.focus-within\:shadow-blur-14:focus-within {
  --shadow-blur: 3.5rem;
}

.active\:shadow-blur-14:active {
  --shadow-blur: 3.5rem;
}

.shadow-blur-16 {
  --shadow-blur: 4rem;
}

.hover\:shadow-blur-16:hover {
  --shadow-blur: 4rem;
}

.focus\:shadow-blur-16:focus {
  --shadow-blur: 4rem;
}

.focus-within\:shadow-blur-16:focus-within {
  --shadow-blur: 4rem;
}

.active\:shadow-blur-16:active {
  --shadow-blur: 4rem;
}

.shadow-blur-20 {
  --shadow-blur: 5rem;
}

.hover\:shadow-blur-20:hover {
  --shadow-blur: 5rem;
}

.focus\:shadow-blur-20:focus {
  --shadow-blur: 5rem;
}

.focus-within\:shadow-blur-20:focus-within {
  --shadow-blur: 5rem;
}

.active\:shadow-blur-20:active {
  --shadow-blur: 5rem;
}

.shadow-blur-24 {
  --shadow-blur: 6rem;
}

.hover\:shadow-blur-24:hover {
  --shadow-blur: 6rem;
}

.focus\:shadow-blur-24:focus {
  --shadow-blur: 6rem;
}

.focus-within\:shadow-blur-24:focus-within {
  --shadow-blur: 6rem;
}

.active\:shadow-blur-24:active {
  --shadow-blur: 6rem;
}

.shadow-blur-32 {
  --shadow-blur: 8rem;
}

.hover\:shadow-blur-32:hover {
  --shadow-blur: 8rem;
}

.focus\:shadow-blur-32:focus {
  --shadow-blur: 8rem;
}

.focus-within\:shadow-blur-32:focus-within {
  --shadow-blur: 8rem;
}

.active\:shadow-blur-32:active {
  --shadow-blur: 8rem;
}

.shadow-blur-48 {
  --shadow-blur: 12rem;
}

.hover\:shadow-blur-48:hover {
  --shadow-blur: 12rem;
}

.focus\:shadow-blur-48:focus {
  --shadow-blur: 12rem;
}

.focus-within\:shadow-blur-48:focus-within {
  --shadow-blur: 12rem;
}

.active\:shadow-blur-48:active {
  --shadow-blur: 12rem;
}

.shadow-blur-64 {
  --shadow-blur: 16rem;
}

.hover\:shadow-blur-64:hover {
  --shadow-blur: 16rem;
}

.focus\:shadow-blur-64:focus {
  --shadow-blur: 16rem;
}

.focus-within\:shadow-blur-64:focus-within {
  --shadow-blur: 16rem;
}

.active\:shadow-blur-64:active {
  --shadow-blur: 16rem;
}

.shadow-spread-1px {
  --shadow-spread: 1px;
}

.hover\:shadow-spread-1px:hover {
  --shadow-spread: 1px;
}

.focus\:shadow-spread-1px:focus {
  --shadow-spread: 1px;
}

.focus-within\:shadow-spread-1px:focus-within {
  --shadow-spread: 1px;
}

.active\:shadow-spread-1px:active {
  --shadow-spread: 1px;
}

.shadow-spread-2px {
  --shadow-spread: 2px;
}

.hover\:shadow-spread-2px:hover {
  --shadow-spread: 2px;
}

.focus\:shadow-spread-2px:focus {
  --shadow-spread: 2px;
}

.focus-within\:shadow-spread-2px:focus-within {
  --shadow-spread: 2px;
}

.active\:shadow-spread-2px:active {
  --shadow-spread: 2px;
}

.shadow-spread-3px {
  --shadow-spread: 3px;
}

.hover\:shadow-spread-3px:hover {
  --shadow-spread: 3px;
}

.focus\:shadow-spread-3px:focus {
  --shadow-spread: 3px;
}

.focus-within\:shadow-spread-3px:focus-within {
  --shadow-spread: 3px;
}

.active\:shadow-spread-3px:active {
  --shadow-spread: 3px;
}

.shadow-spread-1 {
  --shadow-spread: 0.25rem;
}

.hover\:shadow-spread-1:hover {
  --shadow-spread: 0.25rem;
}

.focus\:shadow-spread-1:focus {
  --shadow-spread: 0.25rem;
}

.focus-within\:shadow-spread-1:focus-within {
  --shadow-spread: 0.25rem;
}

.active\:shadow-spread-1:active {
  --shadow-spread: 0.25rem;
}

.shadow-spread-2 {
  --shadow-spread: 0.5rem;
}

.hover\:shadow-spread-2:hover {
  --shadow-spread: 0.5rem;
}

.focus\:shadow-spread-2:focus {
  --shadow-spread: 0.5rem;
}

.focus-within\:shadow-spread-2:focus-within {
  --shadow-spread: 0.5rem;
}

.active\:shadow-spread-2:active {
  --shadow-spread: 0.5rem;
}

.shadow-spread-3 {
  --shadow-spread: 0.75rem;
}

.hover\:shadow-spread-3:hover {
  --shadow-spread: 0.75rem;
}

.focus\:shadow-spread-3:focus {
  --shadow-spread: 0.75rem;
}

.focus-within\:shadow-spread-3:focus-within {
  --shadow-spread: 0.75rem;
}

.active\:shadow-spread-3:active {
  --shadow-spread: 0.75rem;
}

.shadow-spread-4 {
  --shadow-spread: 1rem;
}

.hover\:shadow-spread-4:hover {
  --shadow-spread: 1rem;
}

.focus\:shadow-spread-4:focus {
  --shadow-spread: 1rem;
}

.focus-within\:shadow-spread-4:focus-within {
  --shadow-spread: 1rem;
}

.active\:shadow-spread-4:active {
  --shadow-spread: 1rem;
}

.shadow-spread-5 {
  --shadow-spread: 1.25rem;
}

.hover\:shadow-spread-5:hover {
  --shadow-spread: 1.25rem;
}

.focus\:shadow-spread-5:focus {
  --shadow-spread: 1.25rem;
}

.focus-within\:shadow-spread-5:focus-within {
  --shadow-spread: 1.25rem;
}

.active\:shadow-spread-5:active {
  --shadow-spread: 1.25rem;
}

.shadow-spread-6 {
  --shadow-spread: 1.5rem;
}

.hover\:shadow-spread-6:hover {
  --shadow-spread: 1.5rem;
}

.focus\:shadow-spread-6:focus {
  --shadow-spread: 1.5rem;
}

.focus-within\:shadow-spread-6:focus-within {
  --shadow-spread: 1.5rem;
}

.active\:shadow-spread-6:active {
  --shadow-spread: 1.5rem;
}

.shadow-spread-7 {
  --shadow-spread: 1.75rem;
}

.hover\:shadow-spread-7:hover {
  --shadow-spread: 1.75rem;
}

.focus\:shadow-spread-7:focus {
  --shadow-spread: 1.75rem;
}

.focus-within\:shadow-spread-7:focus-within {
  --shadow-spread: 1.75rem;
}

.active\:shadow-spread-7:active {
  --shadow-spread: 1.75rem;
}

.shadow-spread-8 {
  --shadow-spread: 2rem;
}

.hover\:shadow-spread-8:hover {
  --shadow-spread: 2rem;
}

.focus\:shadow-spread-8:focus {
  --shadow-spread: 2rem;
}

.focus-within\:shadow-spread-8:focus-within {
  --shadow-spread: 2rem;
}

.active\:shadow-spread-8:active {
  --shadow-spread: 2rem;
}

.shadow-spread-10 {
  --shadow-spread: 2.5rem;
}

.hover\:shadow-spread-10:hover {
  --shadow-spread: 2.5rem;
}

.focus\:shadow-spread-10:focus {
  --shadow-spread: 2.5rem;
}

.focus-within\:shadow-spread-10:focus-within {
  --shadow-spread: 2.5rem;
}

.active\:shadow-spread-10:active {
  --shadow-spread: 2.5rem;
}

.shadow-spread-12 {
  --shadow-spread: 3rem;
}

.hover\:shadow-spread-12:hover {
  --shadow-spread: 3rem;
}

.focus\:shadow-spread-12:focus {
  --shadow-spread: 3rem;
}

.focus-within\:shadow-spread-12:focus-within {
  --shadow-spread: 3rem;
}

.active\:shadow-spread-12:active {
  --shadow-spread: 3rem;
}

.shadow-spread-14 {
  --shadow-spread: 3.5rem;
}

.hover\:shadow-spread-14:hover {
  --shadow-spread: 3.5rem;
}

.focus\:shadow-spread-14:focus {
  --shadow-spread: 3.5rem;
}

.focus-within\:shadow-spread-14:focus-within {
  --shadow-spread: 3.5rem;
}

.active\:shadow-spread-14:active {
  --shadow-spread: 3.5rem;
}

.shadow-spread-16 {
  --shadow-spread: 4rem;
}

.hover\:shadow-spread-16:hover {
  --shadow-spread: 4rem;
}

.focus\:shadow-spread-16:focus {
  --shadow-spread: 4rem;
}

.focus-within\:shadow-spread-16:focus-within {
  --shadow-spread: 4rem;
}

.active\:shadow-spread-16:active {
  --shadow-spread: 4rem;
}

.shadow-spread-20 {
  --shadow-spread: 5rem;
}

.hover\:shadow-spread-20:hover {
  --shadow-spread: 5rem;
}

.focus\:shadow-spread-20:focus {
  --shadow-spread: 5rem;
}

.focus-within\:shadow-spread-20:focus-within {
  --shadow-spread: 5rem;
}

.active\:shadow-spread-20:active {
  --shadow-spread: 5rem;
}

.shadow-spread-24 {
  --shadow-spread: 6rem;
}

.hover\:shadow-spread-24:hover {
  --shadow-spread: 6rem;
}

.focus\:shadow-spread-24:focus {
  --shadow-spread: 6rem;
}

.focus-within\:shadow-spread-24:focus-within {
  --shadow-spread: 6rem;
}

.active\:shadow-spread-24:active {
  --shadow-spread: 6rem;
}

.shadow-spread-32 {
  --shadow-spread: 8rem;
}

.hover\:shadow-spread-32:hover {
  --shadow-spread: 8rem;
}

.focus\:shadow-spread-32:focus {
  --shadow-spread: 8rem;
}

.focus-within\:shadow-spread-32:focus-within {
  --shadow-spread: 8rem;
}

.active\:shadow-spread-32:active {
  --shadow-spread: 8rem;
}

.shadow-spread-48 {
  --shadow-spread: 12rem;
}

.hover\:shadow-spread-48:hover {
  --shadow-spread: 12rem;
}

.focus\:shadow-spread-48:focus {
  --shadow-spread: 12rem;
}

.focus-within\:shadow-spread-48:focus-within {
  --shadow-spread: 12rem;
}

.active\:shadow-spread-48:active {
  --shadow-spread: 12rem;
}

.shadow-spread-64 {
  --shadow-spread: 16rem;
}

.hover\:shadow-spread-64:hover {
  --shadow-spread: 16rem;
}

.focus\:shadow-spread-64:focus {
  --shadow-spread: 16rem;
}

.focus-within\:shadow-spread-64:focus-within {
  --shadow-spread: 16rem;
}

.active\:shadow-spread-64:active {
  --shadow-spread: 16rem;
}

.-shadow-spread-1px {
  --shadow-spread: -1px;
}

.hover\:-shadow-spread-1px:hover {
  --shadow-spread: -1px;
}

.focus\:-shadow-spread-1px:focus {
  --shadow-spread: -1px;
}

.focus-within\:-shadow-spread-1px:focus-within {
  --shadow-spread: -1px;
}

.active\:-shadow-spread-1px:active {
  --shadow-spread: -1px;
}

.-shadow-spread-2px {
  --shadow-spread: -2px;
}

.hover\:-shadow-spread-2px:hover {
  --shadow-spread: -2px;
}

.focus\:-shadow-spread-2px:focus {
  --shadow-spread: -2px;
}

.focus-within\:-shadow-spread-2px:focus-within {
  --shadow-spread: -2px;
}

.active\:-shadow-spread-2px:active {
  --shadow-spread: -2px;
}

.-shadow-spread-3px {
  --shadow-spread: -3px;
}

.hover\:-shadow-spread-3px:hover {
  --shadow-spread: -3px;
}

.focus\:-shadow-spread-3px:focus {
  --shadow-spread: -3px;
}

.focus-within\:-shadow-spread-3px:focus-within {
  --shadow-spread: -3px;
}

.active\:-shadow-spread-3px:active {
  --shadow-spread: -3px;
}

.-shadow-spread-1 {
  --shadow-spread: -0.25rem;
}

.hover\:-shadow-spread-1:hover {
  --shadow-spread: -0.25rem;
}

.focus\:-shadow-spread-1:focus {
  --shadow-spread: -0.25rem;
}

.focus-within\:-shadow-spread-1:focus-within {
  --shadow-spread: -0.25rem;
}

.active\:-shadow-spread-1:active {
  --shadow-spread: -0.25rem;
}

.-shadow-spread-2 {
  --shadow-spread: -0.5rem;
}

.hover\:-shadow-spread-2:hover {
  --shadow-spread: -0.5rem;
}

.focus\:-shadow-spread-2:focus {
  --shadow-spread: -0.5rem;
}

.focus-within\:-shadow-spread-2:focus-within {
  --shadow-spread: -0.5rem;
}

.active\:-shadow-spread-2:active {
  --shadow-spread: -0.5rem;
}

.-shadow-spread-3 {
  --shadow-spread: -0.75rem;
}

.hover\:-shadow-spread-3:hover {
  --shadow-spread: -0.75rem;
}

.focus\:-shadow-spread-3:focus {
  --shadow-spread: -0.75rem;
}

.focus-within\:-shadow-spread-3:focus-within {
  --shadow-spread: -0.75rem;
}

.active\:-shadow-spread-3:active {
  --shadow-spread: -0.75rem;
}

.-shadow-spread-4 {
  --shadow-spread: -1rem;
}

.hover\:-shadow-spread-4:hover {
  --shadow-spread: -1rem;
}

.focus\:-shadow-spread-4:focus {
  --shadow-spread: -1rem;
}

.focus-within\:-shadow-spread-4:focus-within {
  --shadow-spread: -1rem;
}

.active\:-shadow-spread-4:active {
  --shadow-spread: -1rem;
}

.-shadow-spread-5 {
  --shadow-spread: -1.25rem;
}

.hover\:-shadow-spread-5:hover {
  --shadow-spread: -1.25rem;
}

.focus\:-shadow-spread-5:focus {
  --shadow-spread: -1.25rem;
}

.focus-within\:-shadow-spread-5:focus-within {
  --shadow-spread: -1.25rem;
}

.active\:-shadow-spread-5:active {
  --shadow-spread: -1.25rem;
}

.-shadow-spread-6 {
  --shadow-spread: -1.5rem;
}

.hover\:-shadow-spread-6:hover {
  --shadow-spread: -1.5rem;
}

.focus\:-shadow-spread-6:focus {
  --shadow-spread: -1.5rem;
}

.focus-within\:-shadow-spread-6:focus-within {
  --shadow-spread: -1.5rem;
}

.active\:-shadow-spread-6:active {
  --shadow-spread: -1.5rem;
}

.-shadow-spread-7 {
  --shadow-spread: -1.75rem;
}

.hover\:-shadow-spread-7:hover {
  --shadow-spread: -1.75rem;
}

.focus\:-shadow-spread-7:focus {
  --shadow-spread: -1.75rem;
}

.focus-within\:-shadow-spread-7:focus-within {
  --shadow-spread: -1.75rem;
}

.active\:-shadow-spread-7:active {
  --shadow-spread: -1.75rem;
}

.-shadow-spread-8 {
  --shadow-spread: -2rem;
}

.hover\:-shadow-spread-8:hover {
  --shadow-spread: -2rem;
}

.focus\:-shadow-spread-8:focus {
  --shadow-spread: -2rem;
}

.focus-within\:-shadow-spread-8:focus-within {
  --shadow-spread: -2rem;
}

.active\:-shadow-spread-8:active {
  --shadow-spread: -2rem;
}

.-shadow-spread-10 {
  --shadow-spread: -2.5rem;
}

.hover\:-shadow-spread-10:hover {
  --shadow-spread: -2.5rem;
}

.focus\:-shadow-spread-10:focus {
  --shadow-spread: -2.5rem;
}

.focus-within\:-shadow-spread-10:focus-within {
  --shadow-spread: -2.5rem;
}

.active\:-shadow-spread-10:active {
  --shadow-spread: -2.5rem;
}

.-shadow-spread-12 {
  --shadow-spread: -3rem;
}

.hover\:-shadow-spread-12:hover {
  --shadow-spread: -3rem;
}

.focus\:-shadow-spread-12:focus {
  --shadow-spread: -3rem;
}

.focus-within\:-shadow-spread-12:focus-within {
  --shadow-spread: -3rem;
}

.active\:-shadow-spread-12:active {
  --shadow-spread: -3rem;
}

.-shadow-spread-14 {
  --shadow-spread: -3.5rem;
}

.hover\:-shadow-spread-14:hover {
  --shadow-spread: -3.5rem;
}

.focus\:-shadow-spread-14:focus {
  --shadow-spread: -3.5rem;
}

.focus-within\:-shadow-spread-14:focus-within {
  --shadow-spread: -3.5rem;
}

.active\:-shadow-spread-14:active {
  --shadow-spread: -3.5rem;
}

.-shadow-spread-16 {
  --shadow-spread: -4rem;
}

.hover\:-shadow-spread-16:hover {
  --shadow-spread: -4rem;
}

.focus\:-shadow-spread-16:focus {
  --shadow-spread: -4rem;
}

.focus-within\:-shadow-spread-16:focus-within {
  --shadow-spread: -4rem;
}

.active\:-shadow-spread-16:active {
  --shadow-spread: -4rem;
}

.-shadow-spread-20 {
  --shadow-spread: -5rem;
}

.hover\:-shadow-spread-20:hover {
  --shadow-spread: -5rem;
}

.focus\:-shadow-spread-20:focus {
  --shadow-spread: -5rem;
}

.focus-within\:-shadow-spread-20:focus-within {
  --shadow-spread: -5rem;
}

.active\:-shadow-spread-20:active {
  --shadow-spread: -5rem;
}

.-shadow-spread-24 {
  --shadow-spread: -6rem;
}

.hover\:-shadow-spread-24:hover {
  --shadow-spread: -6rem;
}

.focus\:-shadow-spread-24:focus {
  --shadow-spread: -6rem;
}

.focus-within\:-shadow-spread-24:focus-within {
  --shadow-spread: -6rem;
}

.active\:-shadow-spread-24:active {
  --shadow-spread: -6rem;
}

.-shadow-spread-32 {
  --shadow-spread: -8rem;
}

.hover\:-shadow-spread-32:hover {
  --shadow-spread: -8rem;
}

.focus\:-shadow-spread-32:focus {
  --shadow-spread: -8rem;
}

.focus-within\:-shadow-spread-32:focus-within {
  --shadow-spread: -8rem;
}

.active\:-shadow-spread-32:active {
  --shadow-spread: -8rem;
}

.-shadow-spread-48 {
  --shadow-spread: -12rem;
}

.hover\:-shadow-spread-48:hover {
  --shadow-spread: -12rem;
}

.focus\:-shadow-spread-48:focus {
  --shadow-spread: -12rem;
}

.focus-within\:-shadow-spread-48:focus-within {
  --shadow-spread: -12rem;
}

.active\:-shadow-spread-48:active {
  --shadow-spread: -12rem;
}

.-shadow-spread-64 {
  --shadow-spread: -16rem;
}

.hover\:-shadow-spread-64:hover {
  --shadow-spread: -16rem;
}

.focus\:-shadow-spread-64:focus {
  --shadow-spread: -16rem;
}

.focus-within\:-shadow-spread-64:focus-within {
  --shadow-spread: -16rem;
}

.active\:-shadow-spread-64:active {
  --shadow-spread: -16rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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