:root {
  --fullbleed: max(1.5em, 50cqw - 1000px / 2);
  --spacing: 0.25rem;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-md: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --text-5xl: 3rem;
  --text-6xl: 3.75rem;
  --text-7xl: 4.5rem;
  --text-8xl: 6rem;
  --text-9xl: 8rem;
  --color-primary: #0d6efd;
  --color-secondary: #6c757d;
  --color-success: #198754;
  --color-danger: #dc3545;
  --color-warning: #ffc107;
  --color-info: #0dcaf0;
  --color-light: #f8f9fa;
  --color-dark: #212529;
  --color-gray-100: #f8f9fa;
  --color-gray-200: #e9ecef;
  --color-gray-300: #dee2e6;
  --color-gray-400: #ced4da;
  --color-gray-500: #adb5bd;
  --color-gray-600: #6c757d;
  --color-gray-700: #495057;
  --color-gray-800: #343a40;
  --color-gray-900: #212529;
}

.text-xs {
  font-size: var(--text-xs);
}

[class~="hover:text-xs"]:hover {
  font-size: var(--text-xs);
}

.text-sm {
  font-size: var(--text-sm);
}

[class~="hover:text-sm"]:hover {
  font-size: var(--text-sm);
}

.text-md {
  font-size: var(--text-md);
}

[class~="hover:text-md"]:hover {
  font-size: var(--text-md);
}

.text-lg {
  font-size: var(--text-lg);
}

[class~="hover:text-lg"]:hover {
  font-size: var(--text-lg);
}

.text-xl {
  font-size: var(--text-xl);
}

[class~="hover:text-xl"]:hover {
  font-size: var(--text-xl);
}

.text-2xl {
  font-size: var(--text-2xl);
}

[class~="hover:text-2xl"]:hover {
  font-size: var(--text-2xl);
}

.text-3xl {
  font-size: var(--text-3xl);
}

[class~="hover:text-3xl"]:hover {
  font-size: var(--text-3xl);
}

.text-4xl {
  font-size: var(--text-4xl);
}

[class~="hover:text-4xl"]:hover {
  font-size: var(--text-4xl);
}

.text-5xl {
  font-size: var(--text-5xl);
}

[class~="hover:text-5xl"]:hover {
  font-size: var(--text-5xl);
}

.text-6xl {
  font-size: var(--text-6xl);
}

[class~="hover:text-6xl"]:hover {
  font-size: var(--text-6xl);
}

.text-7xl {
  font-size: var(--text-7xl);
}

[class~="hover:text-7xl"]:hover {
  font-size: var(--text-7xl);
}

.text-8xl {
  font-size: var(--text-8xl);
}

[class~="hover:text-8xl"]:hover {
  font-size: var(--text-8xl);
}

.text-9xl {
  font-size: var(--text-9xl);
}

[class~="hover:text-9xl"]:hover {
  font-size: var(--text-9xl);
}

.padding0 {
  padding: 0 !important;
}

[class~="hover:padding0"]:hover {
  padding: 0 !important;
}

.padding1 {
  padding: calc(var(--spacing) * 1) !important;
}

[class~="hover:padding1"]:hover {
  padding: calc(var(--spacing) * 1) !important;
}

.padding2 {
  padding: calc(var(--spacing) * 2) !important;
}

[class~="hover:padding2"]:hover {
  padding: calc(var(--spacing) * 2) !important;
}

.padding3 {
  padding: calc(var(--spacing) * 3) !important;
}

[class~="hover:padding3"]:hover {
  padding: calc(var(--spacing) * 3) !important;
}

.padding4 {
  padding: calc(var(--spacing) * 4) !important;
}

[class~="hover:padding4"]:hover {
  padding: calc(var(--spacing) * 4) !important;
}

.padding5 {
  padding: calc(var(--spacing) * 5) !important;
}

[class~="hover:padding5"]:hover {
  padding: calc(var(--spacing) * 5) !important;
}

.padding6 {
  padding: calc(var(--spacing) * 6) !important;
}

[class~="hover:padding6"]:hover {
  padding: calc(var(--spacing) * 6) !important;
}

.padding8 {
  padding: calc(var(--spacing) * 8) !important;
}

[class~="hover:padding8"]:hover {
  padding: calc(var(--spacing) * 8) !important;
}

.padding10 {
  padding: calc(var(--spacing) * 10) !important;
}

[class~="hover:padding10"]:hover {
  padding: calc(var(--spacing) * 10) !important;
}

.padding12 {
  padding: calc(var(--spacing) * 12) !important;
}

[class~="hover:padding12"]:hover {
  padding: calc(var(--spacing) * 12) !important;
}

.padding16 {
  padding: calc(var(--spacing) * 16) !important;
}

[class~="hover:padding16"]:hover {
  padding: calc(var(--spacing) * 16) !important;
}

.padding20 {
  padding: calc(var(--spacing) * 20) !important;
}

[class~="hover:padding20"]:hover {
  padding: calc(var(--spacing) * 20) !important;
}

.padding24 {
  padding: calc(var(--spacing) * 24) !important;
}

[class~="hover:padding24"]:hover {
  padding: calc(var(--spacing) * 24) !important;
}

.padding32 {
  padding: calc(var(--spacing) * 32) !important;
}

[class~="hover:padding32"]:hover {
  padding: calc(var(--spacing) * 32) !important;
}

.padding40 {
  padding: calc(var(--spacing) * 40) !important;
}

[class~="hover:padding40"]:hover {
  padding: calc(var(--spacing) * 40) !important;
}

.padding48 {
  padding: calc(var(--spacing) * 48) !important;
}

[class~="hover:padding48"]:hover {
  padding: calc(var(--spacing) * 48) !important;
}

.padding64 {
  padding: calc(var(--spacing) * 64) !important;
}

[class~="hover:padding64"]:hover {
  padding: calc(var(--spacing) * 64) !important;
}

.padding80 {
  padding: calc(var(--spacing) * 80) !important;
}

[class~="hover:padding80"]:hover {
  padding: calc(var(--spacing) * 80) !important;
}

.padding96 {
  padding: calc(var(--spacing) * 96) !important;
}

[class~="hover:padding96"]:hover {
  padding: calc(var(--spacing) * 96) !important;
}

.padding128 {
  padding: calc(var(--spacing) * 128) !important;
}

[class~="hover:padding128"]:hover {
  padding: calc(var(--spacing) * 128) !important;
}

.pb0 {
  padding-block: 0 !important;
}

[class~="hover:pb0"]:hover {
  padding-block: 0 !important;
}

.pb1 {
  padding-block: calc(var(--spacing) * 1) !important;
}

[class~="hover:pb1"]:hover {
  padding-block: calc(var(--spacing) * 1) !important;
}

.pb2 {
  padding-block: calc(var(--spacing) * 2) !important;
}

[class~="hover:pb2"]:hover {
  padding-block: calc(var(--spacing) * 2) !important;
}

.pb3 {
  padding-block: calc(var(--spacing) * 3) !important;
}

[class~="hover:pb3"]:hover {
  padding-block: calc(var(--spacing) * 3) !important;
}

.pb4 {
  padding-block: calc(var(--spacing) * 4) !important;
}

[class~="hover:pb4"]:hover {
  padding-block: calc(var(--spacing) * 4) !important;
}

.pb5 {
  padding-block: calc(var(--spacing) * 5) !important;
}

[class~="hover:pb5"]:hover {
  padding-block: calc(var(--spacing) * 5) !important;
}

.pb6 {
  padding-block: calc(var(--spacing) * 6) !important;
}

[class~="hover:pb6"]:hover {
  padding-block: calc(var(--spacing) * 6) !important;
}

.pb8 {
  padding-block: calc(var(--spacing) * 8) !important;
}

[class~="hover:pb8"]:hover {
  padding-block: calc(var(--spacing) * 8) !important;
}

.pb10 {
  padding-block: calc(var(--spacing) * 10) !important;
}

[class~="hover:pb10"]:hover {
  padding-block: calc(var(--spacing) * 10) !important;
}

.pb12 {
  padding-block: calc(var(--spacing) * 12) !important;
}

[class~="hover:pb12"]:hover {
  padding-block: calc(var(--spacing) * 12) !important;
}

.pb16 {
  padding-block: calc(var(--spacing) * 16) !important;
}

[class~="hover:pb16"]:hover {
  padding-block: calc(var(--spacing) * 16) !important;
}

.pb20 {
  padding-block: calc(var(--spacing) * 20) !important;
}

[class~="hover:pb20"]:hover {
  padding-block: calc(var(--spacing) * 20) !important;
}

.pb24 {
  padding-block: calc(var(--spacing) * 24) !important;
}

[class~="hover:pb24"]:hover {
  padding-block: calc(var(--spacing) * 24) !important;
}

.pb32 {
  padding-block: calc(var(--spacing) * 32) !important;
}

[class~="hover:pb32"]:hover {
  padding-block: calc(var(--spacing) * 32) !important;
}

.pb40 {
  padding-block: calc(var(--spacing) * 40) !important;
}

[class~="hover:pb40"]:hover {
  padding-block: calc(var(--spacing) * 40) !important;
}

.pb48 {
  padding-block: calc(var(--spacing) * 48) !important;
}

[class~="hover:pb48"]:hover {
  padding-block: calc(var(--spacing) * 48) !important;
}

.pb64 {
  padding-block: calc(var(--spacing) * 64) !important;
}

[class~="hover:pb64"]:hover {
  padding-block: calc(var(--spacing) * 64) !important;
}

.pb80 {
  padding-block: calc(var(--spacing) * 80) !important;
}

[class~="hover:pb80"]:hover {
  padding-block: calc(var(--spacing) * 80) !important;
}

.pb96 {
  padding-block: calc(var(--spacing) * 96) !important;
}

[class~="hover:pb96"]:hover {
  padding-block: calc(var(--spacing) * 96) !important;
}

.pb128 {
  padding-block: calc(var(--spacing) * 128) !important;
}

[class~="hover:pb128"]:hover {
  padding-block: calc(var(--spacing) * 128) !important;
}

.pbs0 {
  padding-block-start: 0 !important;
}

[class~="hover:pbs0"]:hover {
  padding-block-start: 0 !important;
}

.pbs1 {
  padding-block-start: calc(var(--spacing) * 1) !important;
}

[class~="hover:pbs1"]:hover {
  padding-block-start: calc(var(--spacing) * 1) !important;
}

.pbs2 {
  padding-block-start: calc(var(--spacing) * 2) !important;
}

[class~="hover:pbs2"]:hover {
  padding-block-start: calc(var(--spacing) * 2) !important;
}

.pbs3 {
  padding-block-start: calc(var(--spacing) * 3) !important;
}

[class~="hover:pbs3"]:hover {
  padding-block-start: calc(var(--spacing) * 3) !important;
}

.pbs4 {
  padding-block-start: calc(var(--spacing) * 4) !important;
}

[class~="hover:pbs4"]:hover {
  padding-block-start: calc(var(--spacing) * 4) !important;
}

.pbs5 {
  padding-block-start: calc(var(--spacing) * 5) !important;
}

[class~="hover:pbs5"]:hover {
  padding-block-start: calc(var(--spacing) * 5) !important;
}

.pbs6 {
  padding-block-start: calc(var(--spacing) * 6) !important;
}

[class~="hover:pbs6"]:hover {
  padding-block-start: calc(var(--spacing) * 6) !important;
}

.pbs8 {
  padding-block-start: calc(var(--spacing) * 8) !important;
}

[class~="hover:pbs8"]:hover {
  padding-block-start: calc(var(--spacing) * 8) !important;
}

.pbs10 {
  padding-block-start: calc(var(--spacing) * 10) !important;
}

[class~="hover:pbs10"]:hover {
  padding-block-start: calc(var(--spacing) * 10) !important;
}

.pbs12 {
  padding-block-start: calc(var(--spacing) * 12) !important;
}

[class~="hover:pbs12"]:hover {
  padding-block-start: calc(var(--spacing) * 12) !important;
}

.pbs16 {
  padding-block-start: calc(var(--spacing) * 16) !important;
}

[class~="hover:pbs16"]:hover {
  padding-block-start: calc(var(--spacing) * 16) !important;
}

.pbs20 {
  padding-block-start: calc(var(--spacing) * 20) !important;
}

[class~="hover:pbs20"]:hover {
  padding-block-start: calc(var(--spacing) * 20) !important;
}

.pbs24 {
  padding-block-start: calc(var(--spacing) * 24) !important;
}

[class~="hover:pbs24"]:hover {
  padding-block-start: calc(var(--spacing) * 24) !important;
}

.pbs32 {
  padding-block-start: calc(var(--spacing) * 32) !important;
}

[class~="hover:pbs32"]:hover {
  padding-block-start: calc(var(--spacing) * 32) !important;
}

.pbs40 {
  padding-block-start: calc(var(--spacing) * 40) !important;
}

[class~="hover:pbs40"]:hover {
  padding-block-start: calc(var(--spacing) * 40) !important;
}

.pbs48 {
  padding-block-start: calc(var(--spacing) * 48) !important;
}

[class~="hover:pbs48"]:hover {
  padding-block-start: calc(var(--spacing) * 48) !important;
}

.pbs64 {
  padding-block-start: calc(var(--spacing) * 64) !important;
}

[class~="hover:pbs64"]:hover {
  padding-block-start: calc(var(--spacing) * 64) !important;
}

.pbs80 {
  padding-block-start: calc(var(--spacing) * 80) !important;
}

[class~="hover:pbs80"]:hover {
  padding-block-start: calc(var(--spacing) * 80) !important;
}

.pbs96 {
  padding-block-start: calc(var(--spacing) * 96) !important;
}

[class~="hover:pbs96"]:hover {
  padding-block-start: calc(var(--spacing) * 96) !important;
}

.pbs128 {
  padding-block-start: calc(var(--spacing) * 128) !important;
}

[class~="hover:pbs128"]:hover {
  padding-block-start: calc(var(--spacing) * 128) !important;
}

.pbe0 {
  padding-block-end: 0 !important;
}

[class~="hover:pbe0"]:hover {
  padding-block-end: 0 !important;
}

.pbe1 {
  padding-block-end: calc(var(--spacing) * 1) !important;
}

[class~="hover:pbe1"]:hover {
  padding-block-end: calc(var(--spacing) * 1) !important;
}

.pbe2 {
  padding-block-end: calc(var(--spacing) * 2) !important;
}

[class~="hover:pbe2"]:hover {
  padding-block-end: calc(var(--spacing) * 2) !important;
}

.pbe3 {
  padding-block-end: calc(var(--spacing) * 3) !important;
}

[class~="hover:pbe3"]:hover {
  padding-block-end: calc(var(--spacing) * 3) !important;
}

.pbe4 {
  padding-block-end: calc(var(--spacing) * 4) !important;
}

[class~="hover:pbe4"]:hover {
  padding-block-end: calc(var(--spacing) * 4) !important;
}

.pbe5 {
  padding-block-end: calc(var(--spacing) * 5) !important;
}

[class~="hover:pbe5"]:hover {
  padding-block-end: calc(var(--spacing) * 5) !important;
}

.pbe6 {
  padding-block-end: calc(var(--spacing) * 6) !important;
}

[class~="hover:pbe6"]:hover {
  padding-block-end: calc(var(--spacing) * 6) !important;
}

.pbe8 {
  padding-block-end: calc(var(--spacing) * 8) !important;
}

[class~="hover:pbe8"]:hover {
  padding-block-end: calc(var(--spacing) * 8) !important;
}

.pbe10 {
  padding-block-end: calc(var(--spacing) * 10) !important;
}

[class~="hover:pbe10"]:hover {
  padding-block-end: calc(var(--spacing) * 10) !important;
}

.pbe12 {
  padding-block-end: calc(var(--spacing) * 12) !important;
}

[class~="hover:pbe12"]:hover {
  padding-block-end: calc(var(--spacing) * 12) !important;
}

.pbe16 {
  padding-block-end: calc(var(--spacing) * 16) !important;
}

[class~="hover:pbe16"]:hover {
  padding-block-end: calc(var(--spacing) * 16) !important;
}

.pbe20 {
  padding-block-end: calc(var(--spacing) * 20) !important;
}

[class~="hover:pbe20"]:hover {
  padding-block-end: calc(var(--spacing) * 20) !important;
}

.pbe24 {
  padding-block-end: calc(var(--spacing) * 24) !important;
}

[class~="hover:pbe24"]:hover {
  padding-block-end: calc(var(--spacing) * 24) !important;
}

.pbe32 {
  padding-block-end: calc(var(--spacing) * 32) !important;
}

[class~="hover:pbe32"]:hover {
  padding-block-end: calc(var(--spacing) * 32) !important;
}

.pbe40 {
  padding-block-end: calc(var(--spacing) * 40) !important;
}

[class~="hover:pbe40"]:hover {
  padding-block-end: calc(var(--spacing) * 40) !important;
}

.pbe48 {
  padding-block-end: calc(var(--spacing) * 48) !important;
}

[class~="hover:pbe48"]:hover {
  padding-block-end: calc(var(--spacing) * 48) !important;
}

.pbe64 {
  padding-block-end: calc(var(--spacing) * 64) !important;
}

[class~="hover:pbe64"]:hover {
  padding-block-end: calc(var(--spacing) * 64) !important;
}

.pbe80 {
  padding-block-end: calc(var(--spacing) * 80) !important;
}

[class~="hover:pbe80"]:hover {
  padding-block-end: calc(var(--spacing) * 80) !important;
}

.pbe96 {
  padding-block-end: calc(var(--spacing) * 96) !important;
}

[class~="hover:pbe96"]:hover {
  padding-block-end: calc(var(--spacing) * 96) !important;
}

.pbe128 {
  padding-block-end: calc(var(--spacing) * 128) !important;
}

[class~="hover:pbe128"]:hover {
  padding-block-end: calc(var(--spacing) * 128) !important;
}

.pi0 {
  padding-inline: 0 !important;
}

[class~="hover:pi0"]:hover {
  padding-inline: 0 !important;
}

.pi1 {
  padding-inline: calc(var(--spacing) * 1) !important;
}

[class~="hover:pi1"]:hover {
  padding-inline: calc(var(--spacing) * 1) !important;
}

.pi2 {
  padding-inline: calc(var(--spacing) * 2) !important;
}

[class~="hover:pi2"]:hover {
  padding-inline: calc(var(--spacing) * 2) !important;
}

.pi3 {
  padding-inline: calc(var(--spacing) * 3) !important;
}

[class~="hover:pi3"]:hover {
  padding-inline: calc(var(--spacing) * 3) !important;
}

.pi4 {
  padding-inline: calc(var(--spacing) * 4) !important;
}

[class~="hover:pi4"]:hover {
  padding-inline: calc(var(--spacing) * 4) !important;
}

.pi5 {
  padding-inline: calc(var(--spacing) * 5) !important;
}

[class~="hover:pi5"]:hover {
  padding-inline: calc(var(--spacing) * 5) !important;
}

.pi6 {
  padding-inline: calc(var(--spacing) * 6) !important;
}

[class~="hover:pi6"]:hover {
  padding-inline: calc(var(--spacing) * 6) !important;
}

.pi8 {
  padding-inline: calc(var(--spacing) * 8) !important;
}

[class~="hover:pi8"]:hover {
  padding-inline: calc(var(--spacing) * 8) !important;
}

.pi10 {
  padding-inline: calc(var(--spacing) * 10) !important;
}

[class~="hover:pi10"]:hover {
  padding-inline: calc(var(--spacing) * 10) !important;
}

.pi12 {
  padding-inline: calc(var(--spacing) * 12) !important;
}

[class~="hover:pi12"]:hover {
  padding-inline: calc(var(--spacing) * 12) !important;
}

.pi16 {
  padding-inline: calc(var(--spacing) * 16) !important;
}

[class~="hover:pi16"]:hover {
  padding-inline: calc(var(--spacing) * 16) !important;
}

.pi20 {
  padding-inline: calc(var(--spacing) * 20) !important;
}

[class~="hover:pi20"]:hover {
  padding-inline: calc(var(--spacing) * 20) !important;
}

.pi24 {
  padding-inline: calc(var(--spacing) * 24) !important;
}

[class~="hover:pi24"]:hover {
  padding-inline: calc(var(--spacing) * 24) !important;
}

.pi32 {
  padding-inline: calc(var(--spacing) * 32) !important;
}

[class~="hover:pi32"]:hover {
  padding-inline: calc(var(--spacing) * 32) !important;
}

.pi40 {
  padding-inline: calc(var(--spacing) * 40) !important;
}

[class~="hover:pi40"]:hover {
  padding-inline: calc(var(--spacing) * 40) !important;
}

.pi48 {
  padding-inline: calc(var(--spacing) * 48) !important;
}

[class~="hover:pi48"]:hover {
  padding-inline: calc(var(--spacing) * 48) !important;
}

.pi64 {
  padding-inline: calc(var(--spacing) * 64) !important;
}

[class~="hover:pi64"]:hover {
  padding-inline: calc(var(--spacing) * 64) !important;
}

.pi80 {
  padding-inline: calc(var(--spacing) * 80) !important;
}

[class~="hover:pi80"]:hover {
  padding-inline: calc(var(--spacing) * 80) !important;
}

.pi96 {
  padding-inline: calc(var(--spacing) * 96) !important;
}

[class~="hover:pi96"]:hover {
  padding-inline: calc(var(--spacing) * 96) !important;
}

.pi128 {
  padding-inline: calc(var(--spacing) * 128) !important;
}

[class~="hover:pi128"]:hover {
  padding-inline: calc(var(--spacing) * 128) !important;
}

.pis0 {
  padding-inline-start: 0 !important;
}

[class~="hover:pis0"]:hover {
  padding-inline-start: 0 !important;
}

.pis1 {
  padding-inline-start: calc(var(--spacing) * 1) !important;
}

[class~="hover:pis1"]:hover {
  padding-inline-start: calc(var(--spacing) * 1) !important;
}

.pis2 {
  padding-inline-start: calc(var(--spacing) * 2) !important;
}

[class~="hover:pis2"]:hover {
  padding-inline-start: calc(var(--spacing) * 2) !important;
}

.pis3 {
  padding-inline-start: calc(var(--spacing) * 3) !important;
}

[class~="hover:pis3"]:hover {
  padding-inline-start: calc(var(--spacing) * 3) !important;
}

.pis4 {
  padding-inline-start: calc(var(--spacing) * 4) !important;
}

[class~="hover:pis4"]:hover {
  padding-inline-start: calc(var(--spacing) * 4) !important;
}

.pis5 {
  padding-inline-start: calc(var(--spacing) * 5) !important;
}

[class~="hover:pis5"]:hover {
  padding-inline-start: calc(var(--spacing) * 5) !important;
}

.pis6 {
  padding-inline-start: calc(var(--spacing) * 6) !important;
}

[class~="hover:pis6"]:hover {
  padding-inline-start: calc(var(--spacing) * 6) !important;
}

.pis8 {
  padding-inline-start: calc(var(--spacing) * 8) !important;
}

[class~="hover:pis8"]:hover {
  padding-inline-start: calc(var(--spacing) * 8) !important;
}

.pis10 {
  padding-inline-start: calc(var(--spacing) * 10) !important;
}

[class~="hover:pis10"]:hover {
  padding-inline-start: calc(var(--spacing) * 10) !important;
}

.pis12 {
  padding-inline-start: calc(var(--spacing) * 12) !important;
}

[class~="hover:pis12"]:hover {
  padding-inline-start: calc(var(--spacing) * 12) !important;
}

.pis16 {
  padding-inline-start: calc(var(--spacing) * 16) !important;
}

[class~="hover:pis16"]:hover {
  padding-inline-start: calc(var(--spacing) * 16) !important;
}

.pis20 {
  padding-inline-start: calc(var(--spacing) * 20) !important;
}

[class~="hover:pis20"]:hover {
  padding-inline-start: calc(var(--spacing) * 20) !important;
}

.pis24 {
  padding-inline-start: calc(var(--spacing) * 24) !important;
}

[class~="hover:pis24"]:hover {
  padding-inline-start: calc(var(--spacing) * 24) !important;
}

.pis32 {
  padding-inline-start: calc(var(--spacing) * 32) !important;
}

[class~="hover:pis32"]:hover {
  padding-inline-start: calc(var(--spacing) * 32) !important;
}

.pis40 {
  padding-inline-start: calc(var(--spacing) * 40) !important;
}

[class~="hover:pis40"]:hover {
  padding-inline-start: calc(var(--spacing) * 40) !important;
}

.pis48 {
  padding-inline-start: calc(var(--spacing) * 48) !important;
}

[class~="hover:pis48"]:hover {
  padding-inline-start: calc(var(--spacing) * 48) !important;
}

.pis64 {
  padding-inline-start: calc(var(--spacing) * 64) !important;
}

[class~="hover:pis64"]:hover {
  padding-inline-start: calc(var(--spacing) * 64) !important;
}

.pis80 {
  padding-inline-start: calc(var(--spacing) * 80) !important;
}

[class~="hover:pis80"]:hover {
  padding-inline-start: calc(var(--spacing) * 80) !important;
}

.pis96 {
  padding-inline-start: calc(var(--spacing) * 96) !important;
}

[class~="hover:pis96"]:hover {
  padding-inline-start: calc(var(--spacing) * 96) !important;
}

.pis128 {
  padding-inline-start: calc(var(--spacing) * 128) !important;
}

[class~="hover:pis128"]:hover {
  padding-inline-start: calc(var(--spacing) * 128) !important;
}

.pie0 {
  padding-inline-end: 0 !important;
}

[class~="hover:pie0"]:hover {
  padding-inline-end: 0 !important;
}

.pie1 {
  padding-inline-end: calc(var(--spacing) * 1) !important;
}

[class~="hover:pie1"]:hover {
  padding-inline-end: calc(var(--spacing) * 1) !important;
}

.pie2 {
  padding-inline-end: calc(var(--spacing) * 2) !important;
}

[class~="hover:pie2"]:hover {
  padding-inline-end: calc(var(--spacing) * 2) !important;
}

.pie3 {
  padding-inline-end: calc(var(--spacing) * 3) !important;
}

[class~="hover:pie3"]:hover {
  padding-inline-end: calc(var(--spacing) * 3) !important;
}

.pie4 {
  padding-inline-end: calc(var(--spacing) * 4) !important;
}

[class~="hover:pie4"]:hover {
  padding-inline-end: calc(var(--spacing) * 4) !important;
}

.pie5 {
  padding-inline-end: calc(var(--spacing) * 5) !important;
}

[class~="hover:pie5"]:hover {
  padding-inline-end: calc(var(--spacing) * 5) !important;
}

.pie6 {
  padding-inline-end: calc(var(--spacing) * 6) !important;
}

[class~="hover:pie6"]:hover {
  padding-inline-end: calc(var(--spacing) * 6) !important;
}

.pie8 {
  padding-inline-end: calc(var(--spacing) * 8) !important;
}

[class~="hover:pie8"]:hover {
  padding-inline-end: calc(var(--spacing) * 8) !important;
}

.pie10 {
  padding-inline-end: calc(var(--spacing) * 10) !important;
}

[class~="hover:pie10"]:hover {
  padding-inline-end: calc(var(--spacing) * 10) !important;
}

.pie12 {
  padding-inline-end: calc(var(--spacing) * 12) !important;
}

[class~="hover:pie12"]:hover {
  padding-inline-end: calc(var(--spacing) * 12) !important;
}

.pie16 {
  padding-inline-end: calc(var(--spacing) * 16) !important;
}

[class~="hover:pie16"]:hover {
  padding-inline-end: calc(var(--spacing) * 16) !important;
}

.pie20 {
  padding-inline-end: calc(var(--spacing) * 20) !important;
}

[class~="hover:pie20"]:hover {
  padding-inline-end: calc(var(--spacing) * 20) !important;
}

.pie24 {
  padding-inline-end: calc(var(--spacing) * 24) !important;
}

[class~="hover:pie24"]:hover {
  padding-inline-end: calc(var(--spacing) * 24) !important;
}

.pie32 {
  padding-inline-end: calc(var(--spacing) * 32) !important;
}

[class~="hover:pie32"]:hover {
  padding-inline-end: calc(var(--spacing) * 32) !important;
}

.pie40 {
  padding-inline-end: calc(var(--spacing) * 40) !important;
}

[class~="hover:pie40"]:hover {
  padding-inline-end: calc(var(--spacing) * 40) !important;
}

.pie48 {
  padding-inline-end: calc(var(--spacing) * 48) !important;
}

[class~="hover:pie48"]:hover {
  padding-inline-end: calc(var(--spacing) * 48) !important;
}

.pie64 {
  padding-inline-end: calc(var(--spacing) * 64) !important;
}

[class~="hover:pie64"]:hover {
  padding-inline-end: calc(var(--spacing) * 64) !important;
}

.pie80 {
  padding-inline-end: calc(var(--spacing) * 80) !important;
}

[class~="hover:pie80"]:hover {
  padding-inline-end: calc(var(--spacing) * 80) !important;
}

.pie96 {
  padding-inline-end: calc(var(--spacing) * 96) !important;
}

[class~="hover:pie96"]:hover {
  padding-inline-end: calc(var(--spacing) * 96) !important;
}

.pie128 {
  padding-inline-end: calc(var(--spacing) * 128) !important;
}

[class~="hover:pie128"]:hover {
  padding-inline-end: calc(var(--spacing) * 128) !important;
}

.m0 {
  margin: 0 !important;
}

[class~="hover:m0"]:hover {
  margin: 0 !important;
}

.m1 {
  margin: calc(var(--spacing) * 1) !important;
}

[class~="hover:m1"]:hover {
  margin: calc(var(--spacing) * 1) !important;
}

.m2 {
  margin: calc(var(--spacing) * 2) !important;
}

[class~="hover:m2"]:hover {
  margin: calc(var(--spacing) * 2) !important;
}

.m3 {
  margin: calc(var(--spacing) * 3) !important;
}

[class~="hover:m3"]:hover {
  margin: calc(var(--spacing) * 3) !important;
}

.m4 {
  margin: calc(var(--spacing) * 4) !important;
}

[class~="hover:m4"]:hover {
  margin: calc(var(--spacing) * 4) !important;
}

.m5 {
  margin: calc(var(--spacing) * 5) !important;
}

[class~="hover:m5"]:hover {
  margin: calc(var(--spacing) * 5) !important;
}

.m6 {
  margin: calc(var(--spacing) * 6) !important;
}

[class~="hover:m6"]:hover {
  margin: calc(var(--spacing) * 6) !important;
}

.m8 {
  margin: calc(var(--spacing) * 8) !important;
}

[class~="hover:m8"]:hover {
  margin: calc(var(--spacing) * 8) !important;
}

.m10 {
  margin: calc(var(--spacing) * 10) !important;
}

[class~="hover:m10"]:hover {
  margin: calc(var(--spacing) * 10) !important;
}

.m12 {
  margin: calc(var(--spacing) * 12) !important;
}

[class~="hover:m12"]:hover {
  margin: calc(var(--spacing) * 12) !important;
}

.m16 {
  margin: calc(var(--spacing) * 16) !important;
}

[class~="hover:m16"]:hover {
  margin: calc(var(--spacing) * 16) !important;
}

.m20 {
  margin: calc(var(--spacing) * 20) !important;
}

[class~="hover:m20"]:hover {
  margin: calc(var(--spacing) * 20) !important;
}

.m24 {
  margin: calc(var(--spacing) * 24) !important;
}

[class~="hover:m24"]:hover {
  margin: calc(var(--spacing) * 24) !important;
}

.m32 {
  margin: calc(var(--spacing) * 32) !important;
}

[class~="hover:m32"]:hover {
  margin: calc(var(--spacing) * 32) !important;
}

.m40 {
  margin: calc(var(--spacing) * 40) !important;
}

[class~="hover:m40"]:hover {
  margin: calc(var(--spacing) * 40) !important;
}

.m48 {
  margin: calc(var(--spacing) * 48) !important;
}

[class~="hover:m48"]:hover {
  margin: calc(var(--spacing) * 48) !important;
}

.m64 {
  margin: calc(var(--spacing) * 64) !important;
}

[class~="hover:m64"]:hover {
  margin: calc(var(--spacing) * 64) !important;
}

.m80 {
  margin: calc(var(--spacing) * 80) !important;
}

[class~="hover:m80"]:hover {
  margin: calc(var(--spacing) * 80) !important;
}

.m96 {
  margin: calc(var(--spacing) * 96) !important;
}

[class~="hover:m96"]:hover {
  margin: calc(var(--spacing) * 96) !important;
}

.m128 {
  margin: calc(var(--spacing) * 128) !important;
}

[class~="hover:m128"]:hover {
  margin: calc(var(--spacing) * 128) !important;
}

.mb0 {
  margin-block: 0 !important;
}

[class~="hover:mb0"]:hover {
  margin-block: 0 !important;
}

.mb1 {
  margin-block: calc(var(--spacing) * 1) !important;
}

[class~="hover:mb1"]:hover {
  margin-block: calc(var(--spacing) * 1) !important;
}

.mb2 {
  margin-block: calc(var(--spacing) * 2) !important;
}

[class~="hover:mb2"]:hover {
  margin-block: calc(var(--spacing) * 2) !important;
}

.mb3 {
  margin-block: calc(var(--spacing) * 3) !important;
}

[class~="hover:mb3"]:hover {
  margin-block: calc(var(--spacing) * 3) !important;
}

.mb4 {
  margin-block: calc(var(--spacing) * 4) !important;
}

[class~="hover:mb4"]:hover {
  margin-block: calc(var(--spacing) * 4) !important;
}

.mb5 {
  margin-block: calc(var(--spacing) * 5) !important;
}

[class~="hover:mb5"]:hover {
  margin-block: calc(var(--spacing) * 5) !important;
}

.mb6 {
  margin-block: calc(var(--spacing) * 6) !important;
}

[class~="hover:mb6"]:hover {
  margin-block: calc(var(--spacing) * 6) !important;
}

.mb8 {
  margin-block: calc(var(--spacing) * 8) !important;
}

[class~="hover:mb8"]:hover {
  margin-block: calc(var(--spacing) * 8) !important;
}

.mb10 {
  margin-block: calc(var(--spacing) * 10) !important;
}

[class~="hover:mb10"]:hover {
  margin-block: calc(var(--spacing) * 10) !important;
}

.mb12 {
  margin-block: calc(var(--spacing) * 12) !important;
}

[class~="hover:mb12"]:hover {
  margin-block: calc(var(--spacing) * 12) !important;
}

.mb16 {
  margin-block: calc(var(--spacing) * 16) !important;
}

[class~="hover:mb16"]:hover {
  margin-block: calc(var(--spacing) * 16) !important;
}

.mb20 {
  margin-block: calc(var(--spacing) * 20) !important;
}

[class~="hover:mb20"]:hover {
  margin-block: calc(var(--spacing) * 20) !important;
}

.mb24 {
  margin-block: calc(var(--spacing) * 24) !important;
}

[class~="hover:mb24"]:hover {
  margin-block: calc(var(--spacing) * 24) !important;
}

.mb32 {
  margin-block: calc(var(--spacing) * 32) !important;
}

[class~="hover:mb32"]:hover {
  margin-block: calc(var(--spacing) * 32) !important;
}

.mb40 {
  margin-block: calc(var(--spacing) * 40) !important;
}

[class~="hover:mb40"]:hover {
  margin-block: calc(var(--spacing) * 40) !important;
}

.mb48 {
  margin-block: calc(var(--spacing) * 48) !important;
}

[class~="hover:mb48"]:hover {
  margin-block: calc(var(--spacing) * 48) !important;
}

.mb64 {
  margin-block: calc(var(--spacing) * 64) !important;
}

[class~="hover:mb64"]:hover {
  margin-block: calc(var(--spacing) * 64) !important;
}

.mb80 {
  margin-block: calc(var(--spacing) * 80) !important;
}

[class~="hover:mb80"]:hover {
  margin-block: calc(var(--spacing) * 80) !important;
}

.mb96 {
  margin-block: calc(var(--spacing) * 96) !important;
}

[class~="hover:mb96"]:hover {
  margin-block: calc(var(--spacing) * 96) !important;
}

.mb128 {
  margin-block: calc(var(--spacing) * 128) !important;
}

[class~="hover:mb128"]:hover {
  margin-block: calc(var(--spacing) * 128) !important;
}

.mbs0 {
  margin-block-start: 0 !important;
}

[class~="hover:mbs0"]:hover {
  margin-block-start: 0 !important;
}

.mbs1 {
  margin-block-start: calc(var(--spacing) * 1) !important;
}

[class~="hover:mbs1"]:hover {
  margin-block-start: calc(var(--spacing) * 1) !important;
}

.mbs2 {
  margin-block-start: calc(var(--spacing) * 2) !important;
}

[class~="hover:mbs2"]:hover {
  margin-block-start: calc(var(--spacing) * 2) !important;
}

.mbs3 {
  margin-block-start: calc(var(--spacing) * 3) !important;
}

[class~="hover:mbs3"]:hover {
  margin-block-start: calc(var(--spacing) * 3) !important;
}

.mbs4 {
  margin-block-start: calc(var(--spacing) * 4) !important;
}

[class~="hover:mbs4"]:hover {
  margin-block-start: calc(var(--spacing) * 4) !important;
}

.mbs5 {
  margin-block-start: calc(var(--spacing) * 5) !important;
}

[class~="hover:mbs5"]:hover {
  margin-block-start: calc(var(--spacing) * 5) !important;
}

.mbs6 {
  margin-block-start: calc(var(--spacing) * 6) !important;
}

[class~="hover:mbs6"]:hover {
  margin-block-start: calc(var(--spacing) * 6) !important;
}

.mbs8 {
  margin-block-start: calc(var(--spacing) * 8) !important;
}

[class~="hover:mbs8"]:hover {
  margin-block-start: calc(var(--spacing) * 8) !important;
}

.mbs10 {
  margin-block-start: calc(var(--spacing) * 10) !important;
}

[class~="hover:mbs10"]:hover {
  margin-block-start: calc(var(--spacing) * 10) !important;
}

.mbs12 {
  margin-block-start: calc(var(--spacing) * 12) !important;
}

[class~="hover:mbs12"]:hover {
  margin-block-start: calc(var(--spacing) * 12) !important;
}

.mbs16 {
  margin-block-start: calc(var(--spacing) * 16) !important;
}

[class~="hover:mbs16"]:hover {
  margin-block-start: calc(var(--spacing) * 16) !important;
}

.mbs20 {
  margin-block-start: calc(var(--spacing) * 20) !important;
}

[class~="hover:mbs20"]:hover {
  margin-block-start: calc(var(--spacing) * 20) !important;
}

.mbs24 {
  margin-block-start: calc(var(--spacing) * 24) !important;
}

[class~="hover:mbs24"]:hover {
  margin-block-start: calc(var(--spacing) * 24) !important;
}

.mbs32 {
  margin-block-start: calc(var(--spacing) * 32) !important;
}

[class~="hover:mbs32"]:hover {
  margin-block-start: calc(var(--spacing) * 32) !important;
}

.mbs40 {
  margin-block-start: calc(var(--spacing) * 40) !important;
}

[class~="hover:mbs40"]:hover {
  margin-block-start: calc(var(--spacing) * 40) !important;
}

.mbs48 {
  margin-block-start: calc(var(--spacing) * 48) !important;
}

[class~="hover:mbs48"]:hover {
  margin-block-start: calc(var(--spacing) * 48) !important;
}

.mbs64 {
  margin-block-start: calc(var(--spacing) * 64) !important;
}

[class~="hover:mbs64"]:hover {
  margin-block-start: calc(var(--spacing) * 64) !important;
}

.mbs80 {
  margin-block-start: calc(var(--spacing) * 80) !important;
}

[class~="hover:mbs80"]:hover {
  margin-block-start: calc(var(--spacing) * 80) !important;
}

.mbs96 {
  margin-block-start: calc(var(--spacing) * 96) !important;
}

[class~="hover:mbs96"]:hover {
  margin-block-start: calc(var(--spacing) * 96) !important;
}

.mbs128 {
  margin-block-start: calc(var(--spacing) * 128) !important;
}

[class~="hover:mbs128"]:hover {
  margin-block-start: calc(var(--spacing) * 128) !important;
}

.mbe0 {
  margin-block-end: 0 !important;
}

[class~="hover:mbe0"]:hover {
  margin-block-end: 0 !important;
}

.mbe1 {
  margin-block-end: calc(var(--spacing) * 1) !important;
}

[class~="hover:mbe1"]:hover {
  margin-block-end: calc(var(--spacing) * 1) !important;
}

.mbe2 {
  margin-block-end: calc(var(--spacing) * 2) !important;
}

[class~="hover:mbe2"]:hover {
  margin-block-end: calc(var(--spacing) * 2) !important;
}

.mbe3 {
  margin-block-end: calc(var(--spacing) * 3) !important;
}

[class~="hover:mbe3"]:hover {
  margin-block-end: calc(var(--spacing) * 3) !important;
}

.mbe4 {
  margin-block-end: calc(var(--spacing) * 4) !important;
}

[class~="hover:mbe4"]:hover {
  margin-block-end: calc(var(--spacing) * 4) !important;
}

.mbe5 {
  margin-block-end: calc(var(--spacing) * 5) !important;
}

[class~="hover:mbe5"]:hover {
  margin-block-end: calc(var(--spacing) * 5) !important;
}

.mbe6 {
  margin-block-end: calc(var(--spacing) * 6) !important;
}

[class~="hover:mbe6"]:hover {
  margin-block-end: calc(var(--spacing) * 6) !important;
}

.mbe8 {
  margin-block-end: calc(var(--spacing) * 8) !important;
}

[class~="hover:mbe8"]:hover {
  margin-block-end: calc(var(--spacing) * 8) !important;
}

.mbe10 {
  margin-block-end: calc(var(--spacing) * 10) !important;
}

[class~="hover:mbe10"]:hover {
  margin-block-end: calc(var(--spacing) * 10) !important;
}

.mbe12 {
  margin-block-end: calc(var(--spacing) * 12) !important;
}

[class~="hover:mbe12"]:hover {
  margin-block-end: calc(var(--spacing) * 12) !important;
}

.mbe16 {
  margin-block-end: calc(var(--spacing) * 16) !important;
}

[class~="hover:mbe16"]:hover {
  margin-block-end: calc(var(--spacing) * 16) !important;
}

.mbe20 {
  margin-block-end: calc(var(--spacing) * 20) !important;
}

[class~="hover:mbe20"]:hover {
  margin-block-end: calc(var(--spacing) * 20) !important;
}

.mbe24 {
  margin-block-end: calc(var(--spacing) * 24) !important;
}

[class~="hover:mbe24"]:hover {
  margin-block-end: calc(var(--spacing) * 24) !important;
}

.mbe32 {
  margin-block-end: calc(var(--spacing) * 32) !important;
}

[class~="hover:mbe32"]:hover {
  margin-block-end: calc(var(--spacing) * 32) !important;
}

.mbe40 {
  margin-block-end: calc(var(--spacing) * 40) !important;
}

[class~="hover:mbe40"]:hover {
  margin-block-end: calc(var(--spacing) * 40) !important;
}

.mbe48 {
  margin-block-end: calc(var(--spacing) * 48) !important;
}

[class~="hover:mbe48"]:hover {
  margin-block-end: calc(var(--spacing) * 48) !important;
}

.mbe64 {
  margin-block-end: calc(var(--spacing) * 64) !important;
}

[class~="hover:mbe64"]:hover {
  margin-block-end: calc(var(--spacing) * 64) !important;
}

.mbe80 {
  margin-block-end: calc(var(--spacing) * 80) !important;
}

[class~="hover:mbe80"]:hover {
  margin-block-end: calc(var(--spacing) * 80) !important;
}

.mbe96 {
  margin-block-end: calc(var(--spacing) * 96) !important;
}

[class~="hover:mbe96"]:hover {
  margin-block-end: calc(var(--spacing) * 96) !important;
}

.mbe128 {
  margin-block-end: calc(var(--spacing) * 128) !important;
}

[class~="hover:mbe128"]:hover {
  margin-block-end: calc(var(--spacing) * 128) !important;
}

.mi0 {
  margin-inline: 0 !important;
}

[class~="hover:mi0"]:hover {
  margin-inline: 0 !important;
}

.mi1 {
  margin-inline: calc(var(--spacing) * 1) !important;
}

[class~="hover:mi1"]:hover {
  margin-inline: calc(var(--spacing) * 1) !important;
}

.mi2 {
  margin-inline: calc(var(--spacing) * 2) !important;
}

[class~="hover:mi2"]:hover {
  margin-inline: calc(var(--spacing) * 2) !important;
}

.mi3 {
  margin-inline: calc(var(--spacing) * 3) !important;
}

[class~="hover:mi3"]:hover {
  margin-inline: calc(var(--spacing) * 3) !important;
}

.mi4 {
  margin-inline: calc(var(--spacing) * 4) !important;
}

[class~="hover:mi4"]:hover {
  margin-inline: calc(var(--spacing) * 4) !important;
}

.mi5 {
  margin-inline: calc(var(--spacing) * 5) !important;
}

[class~="hover:mi5"]:hover {
  margin-inline: calc(var(--spacing) * 5) !important;
}

.mi6 {
  margin-inline: calc(var(--spacing) * 6) !important;
}

[class~="hover:mi6"]:hover {
  margin-inline: calc(var(--spacing) * 6) !important;
}

.mi8 {
  margin-inline: calc(var(--spacing) * 8) !important;
}

[class~="hover:mi8"]:hover {
  margin-inline: calc(var(--spacing) * 8) !important;
}

.mi10 {
  margin-inline: calc(var(--spacing) * 10) !important;
}

[class~="hover:mi10"]:hover {
  margin-inline: calc(var(--spacing) * 10) !important;
}

.mi12 {
  margin-inline: calc(var(--spacing) * 12) !important;
}

[class~="hover:mi12"]:hover {
  margin-inline: calc(var(--spacing) * 12) !important;
}

.mi16 {
  margin-inline: calc(var(--spacing) * 16) !important;
}

[class~="hover:mi16"]:hover {
  margin-inline: calc(var(--spacing) * 16) !important;
}

.mi20 {
  margin-inline: calc(var(--spacing) * 20) !important;
}

[class~="hover:mi20"]:hover {
  margin-inline: calc(var(--spacing) * 20) !important;
}

.mi24 {
  margin-inline: calc(var(--spacing) * 24) !important;
}

[class~="hover:mi24"]:hover {
  margin-inline: calc(var(--spacing) * 24) !important;
}

.mi32 {
  margin-inline: calc(var(--spacing) * 32) !important;
}

[class~="hover:mi32"]:hover {
  margin-inline: calc(var(--spacing) * 32) !important;
}

.mi40 {
  margin-inline: calc(var(--spacing) * 40) !important;
}

[class~="hover:mi40"]:hover {
  margin-inline: calc(var(--spacing) * 40) !important;
}

.mi48 {
  margin-inline: calc(var(--spacing) * 48) !important;
}

[class~="hover:mi48"]:hover {
  margin-inline: calc(var(--spacing) * 48) !important;
}

.mi64 {
  margin-inline: calc(var(--spacing) * 64) !important;
}

[class~="hover:mi64"]:hover {
  margin-inline: calc(var(--spacing) * 64) !important;
}

.mi80 {
  margin-inline: calc(var(--spacing) * 80) !important;
}

[class~="hover:mi80"]:hover {
  margin-inline: calc(var(--spacing) * 80) !important;
}

.mi96 {
  margin-inline: calc(var(--spacing) * 96) !important;
}

[class~="hover:mi96"]:hover {
  margin-inline: calc(var(--spacing) * 96) !important;
}

.mi128 {
  margin-inline: calc(var(--spacing) * 128) !important;
}

[class~="hover:mi128"]:hover {
  margin-inline: calc(var(--spacing) * 128) !important;
}

.mis0 {
  margin-inline-start: 0 !important;
}

[class~="hover:mis0"]:hover {
  margin-inline-start: 0 !important;
}

.mis1 {
  margin-inline-start: calc(var(--spacing) * 1) !important;
}

[class~="hover:mis1"]:hover {
  margin-inline-start: calc(var(--spacing) * 1) !important;
}

.mis2 {
  margin-inline-start: calc(var(--spacing) * 2) !important;
}

[class~="hover:mis2"]:hover {
  margin-inline-start: calc(var(--spacing) * 2) !important;
}

.mis3 {
  margin-inline-start: calc(var(--spacing) * 3) !important;
}

[class~="hover:mis3"]:hover {
  margin-inline-start: calc(var(--spacing) * 3) !important;
}

.mis4 {
  margin-inline-start: calc(var(--spacing) * 4) !important;
}

[class~="hover:mis4"]:hover {
  margin-inline-start: calc(var(--spacing) * 4) !important;
}

.mis5 {
  margin-inline-start: calc(var(--spacing) * 5) !important;
}

[class~="hover:mis5"]:hover {
  margin-inline-start: calc(var(--spacing) * 5) !important;
}

.mis6 {
  margin-inline-start: calc(var(--spacing) * 6) !important;
}

[class~="hover:mis6"]:hover {
  margin-inline-start: calc(var(--spacing) * 6) !important;
}

.mis8 {
  margin-inline-start: calc(var(--spacing) * 8) !important;
}

[class~="hover:mis8"]:hover {
  margin-inline-start: calc(var(--spacing) * 8) !important;
}

.mis10 {
  margin-inline-start: calc(var(--spacing) * 10) !important;
}

[class~="hover:mis10"]:hover {
  margin-inline-start: calc(var(--spacing) * 10) !important;
}

.mis12 {
  margin-inline-start: calc(var(--spacing) * 12) !important;
}

[class~="hover:mis12"]:hover {
  margin-inline-start: calc(var(--spacing) * 12) !important;
}

.mis16 {
  margin-inline-start: calc(var(--spacing) * 16) !important;
}

[class~="hover:mis16"]:hover {
  margin-inline-start: calc(var(--spacing) * 16) !important;
}

.mis20 {
  margin-inline-start: calc(var(--spacing) * 20) !important;
}

[class~="hover:mis20"]:hover {
  margin-inline-start: calc(var(--spacing) * 20) !important;
}

.mis24 {
  margin-inline-start: calc(var(--spacing) * 24) !important;
}

[class~="hover:mis24"]:hover {
  margin-inline-start: calc(var(--spacing) * 24) !important;
}

.mis32 {
  margin-inline-start: calc(var(--spacing) * 32) !important;
}

[class~="hover:mis32"]:hover {
  margin-inline-start: calc(var(--spacing) * 32) !important;
}

.mis40 {
  margin-inline-start: calc(var(--spacing) * 40) !important;
}

[class~="hover:mis40"]:hover {
  margin-inline-start: calc(var(--spacing) * 40) !important;
}

.mis48 {
  margin-inline-start: calc(var(--spacing) * 48) !important;
}

[class~="hover:mis48"]:hover {
  margin-inline-start: calc(var(--spacing) * 48) !important;
}

.mis64 {
  margin-inline-start: calc(var(--spacing) * 64) !important;
}

[class~="hover:mis64"]:hover {
  margin-inline-start: calc(var(--spacing) * 64) !important;
}

.mis80 {
  margin-inline-start: calc(var(--spacing) * 80) !important;
}

[class~="hover:mis80"]:hover {
  margin-inline-start: calc(var(--spacing) * 80) !important;
}

.mis96 {
  margin-inline-start: calc(var(--spacing) * 96) !important;
}

[class~="hover:mis96"]:hover {
  margin-inline-start: calc(var(--spacing) * 96) !important;
}

.mis128 {
  margin-inline-start: calc(var(--spacing) * 128) !important;
}

[class~="hover:mis128"]:hover {
  margin-inline-start: calc(var(--spacing) * 128) !important;
}

.mie0 {
  margin-inline-end: 0 !important;
}

[class~="hover:mie0"]:hover {
  margin-inline-end: 0 !important;
}

.mie1 {
  margin-inline-end: calc(var(--spacing) * 1) !important;
}

[class~="hover:mie1"]:hover {
  margin-inline-end: calc(var(--spacing) * 1) !important;
}

.mie2 {
  margin-inline-end: calc(var(--spacing) * 2) !important;
}

[class~="hover:mie2"]:hover {
  margin-inline-end: calc(var(--spacing) * 2) !important;
}

.mie3 {
  margin-inline-end: calc(var(--spacing) * 3) !important;
}

[class~="hover:mie3"]:hover {
  margin-inline-end: calc(var(--spacing) * 3) !important;
}

.mie4 {
  margin-inline-end: calc(var(--spacing) * 4) !important;
}

[class~="hover:mie4"]:hover {
  margin-inline-end: calc(var(--spacing) * 4) !important;
}

.mie5 {
  margin-inline-end: calc(var(--spacing) * 5) !important;
}

[class~="hover:mie5"]:hover {
  margin-inline-end: calc(var(--spacing) * 5) !important;
}

.mie6 {
  margin-inline-end: calc(var(--spacing) * 6) !important;
}

[class~="hover:mie6"]:hover {
  margin-inline-end: calc(var(--spacing) * 6) !important;
}

.mie8 {
  margin-inline-end: calc(var(--spacing) * 8) !important;
}

[class~="hover:mie8"]:hover {
  margin-inline-end: calc(var(--spacing) * 8) !important;
}

.mie10 {
  margin-inline-end: calc(var(--spacing) * 10) !important;
}

[class~="hover:mie10"]:hover {
  margin-inline-end: calc(var(--spacing) * 10) !important;
}

.mie12 {
  margin-inline-end: calc(var(--spacing) * 12) !important;
}

[class~="hover:mie12"]:hover {
  margin-inline-end: calc(var(--spacing) * 12) !important;
}

.mie16 {
  margin-inline-end: calc(var(--spacing) * 16) !important;
}

[class~="hover:mie16"]:hover {
  margin-inline-end: calc(var(--spacing) * 16) !important;
}

.mie20 {
  margin-inline-end: calc(var(--spacing) * 20) !important;
}

[class~="hover:mie20"]:hover {
  margin-inline-end: calc(var(--spacing) * 20) !important;
}

.mie24 {
  margin-inline-end: calc(var(--spacing) * 24) !important;
}

[class~="hover:mie24"]:hover {
  margin-inline-end: calc(var(--spacing) * 24) !important;
}

.mie32 {
  margin-inline-end: calc(var(--spacing) * 32) !important;
}

[class~="hover:mie32"]:hover {
  margin-inline-end: calc(var(--spacing) * 32) !important;
}

.mie40 {
  margin-inline-end: calc(var(--spacing) * 40) !important;
}

[class~="hover:mie40"]:hover {
  margin-inline-end: calc(var(--spacing) * 40) !important;
}

.mie48 {
  margin-inline-end: calc(var(--spacing) * 48) !important;
}

[class~="hover:mie48"]:hover {
  margin-inline-end: calc(var(--spacing) * 48) !important;
}

.mie64 {
  margin-inline-end: calc(var(--spacing) * 64) !important;
}

[class~="hover:mie64"]:hover {
  margin-inline-end: calc(var(--spacing) * 64) !important;
}

.mie80 {
  margin-inline-end: calc(var(--spacing) * 80) !important;
}

[class~="hover:mie80"]:hover {
  margin-inline-end: calc(var(--spacing) * 80) !important;
}

.mie96 {
  margin-inline-end: calc(var(--spacing) * 96) !important;
}

[class~="hover:mie96"]:hover {
  margin-inline-end: calc(var(--spacing) * 96) !important;
}

.mie128 {
  margin-inline-end: calc(var(--spacing) * 128) !important;
}

[class~="hover:mie128"]:hover {
  margin-inline-end: calc(var(--spacing) * 128) !important;
}

.g0 {
  gap: 0 !important;
}

[class~="hover:g0"]:hover {
  gap: 0 !important;
}

.g1 {
  gap: calc(var(--spacing) * 1) !important;
}

[class~="hover:g1"]:hover {
  gap: calc(var(--spacing) * 1) !important;
}

.g2 {
  gap: calc(var(--spacing) * 2) !important;
}

[class~="hover:g2"]:hover {
  gap: calc(var(--spacing) * 2) !important;
}

.g3 {
  gap: calc(var(--spacing) * 3) !important;
}

[class~="hover:g3"]:hover {
  gap: calc(var(--spacing) * 3) !important;
}

.g4 {
  gap: calc(var(--spacing) * 4) !important;
}

[class~="hover:g4"]:hover {
  gap: calc(var(--spacing) * 4) !important;
}

.g5 {
  gap: calc(var(--spacing) * 5) !important;
}

[class~="hover:g5"]:hover {
  gap: calc(var(--spacing) * 5) !important;
}

.g6 {
  gap: calc(var(--spacing) * 6) !important;
}

[class~="hover:g6"]:hover {
  gap: calc(var(--spacing) * 6) !important;
}

.g8 {
  gap: calc(var(--spacing) * 8) !important;
}

[class~="hover:g8"]:hover {
  gap: calc(var(--spacing) * 8) !important;
}

.g10 {
  gap: calc(var(--spacing) * 10) !important;
}

[class~="hover:g10"]:hover {
  gap: calc(var(--spacing) * 10) !important;
}

.g12 {
  gap: calc(var(--spacing) * 12) !important;
}

[class~="hover:g12"]:hover {
  gap: calc(var(--spacing) * 12) !important;
}

.g16 {
  gap: calc(var(--spacing) * 16) !important;
}

[class~="hover:g16"]:hover {
  gap: calc(var(--spacing) * 16) !important;
}

.g20 {
  gap: calc(var(--spacing) * 20) !important;
}

[class~="hover:g20"]:hover {
  gap: calc(var(--spacing) * 20) !important;
}

.g24 {
  gap: calc(var(--spacing) * 24) !important;
}

[class~="hover:g24"]:hover {
  gap: calc(var(--spacing) * 24) !important;
}

.g32 {
  gap: calc(var(--spacing) * 32) !important;
}

[class~="hover:g32"]:hover {
  gap: calc(var(--spacing) * 32) !important;
}

.g40 {
  gap: calc(var(--spacing) * 40) !important;
}

[class~="hover:g40"]:hover {
  gap: calc(var(--spacing) * 40) !important;
}

.g48 {
  gap: calc(var(--spacing) * 48) !important;
}

[class~="hover:g48"]:hover {
  gap: calc(var(--spacing) * 48) !important;
}

.g64 {
  gap: calc(var(--spacing) * 64) !important;
}

[class~="hover:g64"]:hover {
  gap: calc(var(--spacing) * 64) !important;
}

.g80 {
  gap: calc(var(--spacing) * 80) !important;
}

[class~="hover:g80"]:hover {
  gap: calc(var(--spacing) * 80) !important;
}

.g96 {
  gap: calc(var(--spacing) * 96) !important;
}

[class~="hover:g96"]:hover {
  gap: calc(var(--spacing) * 96) !important;
}

.g128 {
  gap: calc(var(--spacing) * 128) !important;
}

[class~="hover:g128"]:hover {
  gap: calc(var(--spacing) * 128) !important;
}

.gr0 {
  row-gap: 0 !important;
}

[class~="hover:gr0"]:hover {
  row-gap: 0 !important;
}

.gr1 {
  row-gap: calc(var(--spacing) * 1) !important;
}

[class~="hover:gr1"]:hover {
  row-gap: calc(var(--spacing) * 1) !important;
}

.gr2 {
  row-gap: calc(var(--spacing) * 2) !important;
}

[class~="hover:gr2"]:hover {
  row-gap: calc(var(--spacing) * 2) !important;
}

.gr3 {
  row-gap: calc(var(--spacing) * 3) !important;
}

[class~="hover:gr3"]:hover {
  row-gap: calc(var(--spacing) * 3) !important;
}

.gr4 {
  row-gap: calc(var(--spacing) * 4) !important;
}

[class~="hover:gr4"]:hover {
  row-gap: calc(var(--spacing) * 4) !important;
}

.gr5 {
  row-gap: calc(var(--spacing) * 5) !important;
}

[class~="hover:gr5"]:hover {
  row-gap: calc(var(--spacing) * 5) !important;
}

.gr6 {
  row-gap: calc(var(--spacing) * 6) !important;
}

[class~="hover:gr6"]:hover {
  row-gap: calc(var(--spacing) * 6) !important;
}

.gr8 {
  row-gap: calc(var(--spacing) * 8) !important;
}

[class~="hover:gr8"]:hover {
  row-gap: calc(var(--spacing) * 8) !important;
}

.gr10 {
  row-gap: calc(var(--spacing) * 10) !important;
}

[class~="hover:gr10"]:hover {
  row-gap: calc(var(--spacing) * 10) !important;
}

.gr12 {
  row-gap: calc(var(--spacing) * 12) !important;
}

[class~="hover:gr12"]:hover {
  row-gap: calc(var(--spacing) * 12) !important;
}

.gr16 {
  row-gap: calc(var(--spacing) * 16) !important;
}

[class~="hover:gr16"]:hover {
  row-gap: calc(var(--spacing) * 16) !important;
}

.gr20 {
  row-gap: calc(var(--spacing) * 20) !important;
}

[class~="hover:gr20"]:hover {
  row-gap: calc(var(--spacing) * 20) !important;
}

.gr24 {
  row-gap: calc(var(--spacing) * 24) !important;
}

[class~="hover:gr24"]:hover {
  row-gap: calc(var(--spacing) * 24) !important;
}

.gr32 {
  row-gap: calc(var(--spacing) * 32) !important;
}

[class~="hover:gr32"]:hover {
  row-gap: calc(var(--spacing) * 32) !important;
}

.gr40 {
  row-gap: calc(var(--spacing) * 40) !important;
}

[class~="hover:gr40"]:hover {
  row-gap: calc(var(--spacing) * 40) !important;
}

.gr48 {
  row-gap: calc(var(--spacing) * 48) !important;
}

[class~="hover:gr48"]:hover {
  row-gap: calc(var(--spacing) * 48) !important;
}

.gr64 {
  row-gap: calc(var(--spacing) * 64) !important;
}

[class~="hover:gr64"]:hover {
  row-gap: calc(var(--spacing) * 64) !important;
}

.gr80 {
  row-gap: calc(var(--spacing) * 80) !important;
}

[class~="hover:gr80"]:hover {
  row-gap: calc(var(--spacing) * 80) !important;
}

.gr96 {
  row-gap: calc(var(--spacing) * 96) !important;
}

[class~="hover:gr96"]:hover {
  row-gap: calc(var(--spacing) * 96) !important;
}

.gr128 {
  row-gap: calc(var(--spacing) * 128) !important;
}

[class~="hover:gr128"]:hover {
  row-gap: calc(var(--spacing) * 128) !important;
}

.gc0 {
  column-gap: 0 !important;
}

[class~="hover:gc0"]:hover {
  column-gap: 0 !important;
}

.gc1 {
  column-gap: calc(var(--spacing) * 1) !important;
}

[class~="hover:gc1"]:hover {
  column-gap: calc(var(--spacing) * 1) !important;
}

.gc2 {
  column-gap: calc(var(--spacing) * 2) !important;
}

[class~="hover:gc2"]:hover {
  column-gap: calc(var(--spacing) * 2) !important;
}

.gc3 {
  column-gap: calc(var(--spacing) * 3) !important;
}

[class~="hover:gc3"]:hover {
  column-gap: calc(var(--spacing) * 3) !important;
}

.gc4 {
  column-gap: calc(var(--spacing) * 4) !important;
}

[class~="hover:gc4"]:hover {
  column-gap: calc(var(--spacing) * 4) !important;
}

.gc5 {
  column-gap: calc(var(--spacing) * 5) !important;
}

[class~="hover:gc5"]:hover {
  column-gap: calc(var(--spacing) * 5) !important;
}

.gc6 {
  column-gap: calc(var(--spacing) * 6) !important;
}

[class~="hover:gc6"]:hover {
  column-gap: calc(var(--spacing) * 6) !important;
}

.gc8 {
  column-gap: calc(var(--spacing) * 8) !important;
}

[class~="hover:gc8"]:hover {
  column-gap: calc(var(--spacing) * 8) !important;
}

.gc10 {
  column-gap: calc(var(--spacing) * 10) !important;
}

[class~="hover:gc10"]:hover {
  column-gap: calc(var(--spacing) * 10) !important;
}

.gc12 {
  column-gap: calc(var(--spacing) * 12) !important;
}

[class~="hover:gc12"]:hover {
  column-gap: calc(var(--spacing) * 12) !important;
}

.gc16 {
  column-gap: calc(var(--spacing) * 16) !important;
}

[class~="hover:gc16"]:hover {
  column-gap: calc(var(--spacing) * 16) !important;
}

.gc20 {
  column-gap: calc(var(--spacing) * 20) !important;
}

[class~="hover:gc20"]:hover {
  column-gap: calc(var(--spacing) * 20) !important;
}

.gc24 {
  column-gap: calc(var(--spacing) * 24) !important;
}

[class~="hover:gc24"]:hover {
  column-gap: calc(var(--spacing) * 24) !important;
}

.gc32 {
  column-gap: calc(var(--spacing) * 32) !important;
}

[class~="hover:gc32"]:hover {
  column-gap: calc(var(--spacing) * 32) !important;
}

.gc40 {
  column-gap: calc(var(--spacing) * 40) !important;
}

[class~="hover:gc40"]:hover {
  column-gap: calc(var(--spacing) * 40) !important;
}

.gc48 {
  column-gap: calc(var(--spacing) * 48) !important;
}

[class~="hover:gc48"]:hover {
  column-gap: calc(var(--spacing) * 48) !important;
}

.gc64 {
  column-gap: calc(var(--spacing) * 64) !important;
}

[class~="hover:gc64"]:hover {
  column-gap: calc(var(--spacing) * 64) !important;
}

.gc80 {
  column-gap: calc(var(--spacing) * 80) !important;
}

[class~="hover:gc80"]:hover {
  column-gap: calc(var(--spacing) * 80) !important;
}

.gc96 {
  column-gap: calc(var(--spacing) * 96) !important;
}

[class~="hover:gc96"]:hover {
  column-gap: calc(var(--spacing) * 96) !important;
}

.gc128 {
  column-gap: calc(var(--spacing) * 128) !important;
}

[class~="hover:gc128"]:hover {
  column-gap: calc(var(--spacing) * 128) !important;
}

.w0 {
  width: 0 !important;
}

[class~="hover:w0"]:hover {
  width: 0 !important;
}

.w1 {
  width: calc(var(--spacing) * 1) !important;
}

[class~="hover:w1"]:hover {
  width: calc(var(--spacing) * 1) !important;
}

.w2 {
  width: calc(var(--spacing) * 2) !important;
}

[class~="hover:w2"]:hover {
  width: calc(var(--spacing) * 2) !important;
}

.w3 {
  width: calc(var(--spacing) * 3) !important;
}

[class~="hover:w3"]:hover {
  width: calc(var(--spacing) * 3) !important;
}

.w4 {
  width: calc(var(--spacing) * 4) !important;
}

[class~="hover:w4"]:hover {
  width: calc(var(--spacing) * 4) !important;
}

.w5 {
  width: calc(var(--spacing) * 5) !important;
}

[class~="hover:w5"]:hover {
  width: calc(var(--spacing) * 5) !important;
}

.w6 {
  width: calc(var(--spacing) * 6) !important;
}

[class~="hover:w6"]:hover {
  width: calc(var(--spacing) * 6) !important;
}

.w8 {
  width: calc(var(--spacing) * 8) !important;
}

[class~="hover:w8"]:hover {
  width: calc(var(--spacing) * 8) !important;
}

.w10 {
  width: calc(var(--spacing) * 10) !important;
}

[class~="hover:w10"]:hover {
  width: calc(var(--spacing) * 10) !important;
}

.w12 {
  width: calc(var(--spacing) * 12) !important;
}

[class~="hover:w12"]:hover {
  width: calc(var(--spacing) * 12) !important;
}

.w16 {
  width: calc(var(--spacing) * 16) !important;
}

[class~="hover:w16"]:hover {
  width: calc(var(--spacing) * 16) !important;
}

.w20 {
  width: calc(var(--spacing) * 20) !important;
}

[class~="hover:w20"]:hover {
  width: calc(var(--spacing) * 20) !important;
}

.w24 {
  width: calc(var(--spacing) * 24) !important;
}

[class~="hover:w24"]:hover {
  width: calc(var(--spacing) * 24) !important;
}

.w32 {
  width: calc(var(--spacing) * 32) !important;
}

[class~="hover:w32"]:hover {
  width: calc(var(--spacing) * 32) !important;
}

.w40 {
  width: calc(var(--spacing) * 40) !important;
}

[class~="hover:w40"]:hover {
  width: calc(var(--spacing) * 40) !important;
}

.w48 {
  width: calc(var(--spacing) * 48) !important;
}

[class~="hover:w48"]:hover {
  width: calc(var(--spacing) * 48) !important;
}

.w64 {
  width: calc(var(--spacing) * 64) !important;
}

[class~="hover:w64"]:hover {
  width: calc(var(--spacing) * 64) !important;
}

.w80 {
  width: calc(var(--spacing) * 80) !important;
}

[class~="hover:w80"]:hover {
  width: calc(var(--spacing) * 80) !important;
}

.w96 {
  width: calc(var(--spacing) * 96) !important;
}

[class~="hover:w96"]:hover {
  width: calc(var(--spacing) * 96) !important;
}

.w128 {
  width: calc(var(--spacing) * 128) !important;
}

[class~="hover:w128"]:hover {
  width: calc(var(--spacing) * 128) !important;
}

.min-w0 {
  min-width: 0 !important;
}

[class~="hover:min-w0"]:hover {
  min-width: 0 !important;
}

.min-w1 {
  min-width: calc(var(--spacing) * 1) !important;
}

[class~="hover:min-w1"]:hover {
  min-width: calc(var(--spacing) * 1) !important;
}

.min-w2 {
  min-width: calc(var(--spacing) * 2) !important;
}

[class~="hover:min-w2"]:hover {
  min-width: calc(var(--spacing) * 2) !important;
}

.min-w3 {
  min-width: calc(var(--spacing) * 3) !important;
}

[class~="hover:min-w3"]:hover {
  min-width: calc(var(--spacing) * 3) !important;
}

.min-w4 {
  min-width: calc(var(--spacing) * 4) !important;
}

[class~="hover:min-w4"]:hover {
  min-width: calc(var(--spacing) * 4) !important;
}

.min-w5 {
  min-width: calc(var(--spacing) * 5) !important;
}

[class~="hover:min-w5"]:hover {
  min-width: calc(var(--spacing) * 5) !important;
}

.min-w6 {
  min-width: calc(var(--spacing) * 6) !important;
}

[class~="hover:min-w6"]:hover {
  min-width: calc(var(--spacing) * 6) !important;
}

.min-w8 {
  min-width: calc(var(--spacing) * 8) !important;
}

[class~="hover:min-w8"]:hover {
  min-width: calc(var(--spacing) * 8) !important;
}

.min-w10 {
  min-width: calc(var(--spacing) * 10) !important;
}

[class~="hover:min-w10"]:hover {
  min-width: calc(var(--spacing) * 10) !important;
}

.min-w12 {
  min-width: calc(var(--spacing) * 12) !important;
}

[class~="hover:min-w12"]:hover {
  min-width: calc(var(--spacing) * 12) !important;
}

.min-w16 {
  min-width: calc(var(--spacing) * 16) !important;
}

[class~="hover:min-w16"]:hover {
  min-width: calc(var(--spacing) * 16) !important;
}

.min-w20 {
  min-width: calc(var(--spacing) * 20) !important;
}

[class~="hover:min-w20"]:hover {
  min-width: calc(var(--spacing) * 20) !important;
}

.min-w24 {
  min-width: calc(var(--spacing) * 24) !important;
}

[class~="hover:min-w24"]:hover {
  min-width: calc(var(--spacing) * 24) !important;
}

.min-w32 {
  min-width: calc(var(--spacing) * 32) !important;
}

[class~="hover:min-w32"]:hover {
  min-width: calc(var(--spacing) * 32) !important;
}

.min-w40 {
  min-width: calc(var(--spacing) * 40) !important;
}

[class~="hover:min-w40"]:hover {
  min-width: calc(var(--spacing) * 40) !important;
}

.min-w48 {
  min-width: calc(var(--spacing) * 48) !important;
}

[class~="hover:min-w48"]:hover {
  min-width: calc(var(--spacing) * 48) !important;
}

.min-w64 {
  min-width: calc(var(--spacing) * 64) !important;
}

[class~="hover:min-w64"]:hover {
  min-width: calc(var(--spacing) * 64) !important;
}

.min-w80 {
  min-width: calc(var(--spacing) * 80) !important;
}

[class~="hover:min-w80"]:hover {
  min-width: calc(var(--spacing) * 80) !important;
}

.min-w96 {
  min-width: calc(var(--spacing) * 96) !important;
}

[class~="hover:min-w96"]:hover {
  min-width: calc(var(--spacing) * 96) !important;
}

.min-w128 {
  min-width: calc(var(--spacing) * 128) !important;
}

[class~="hover:min-w128"]:hover {
  min-width: calc(var(--spacing) * 128) !important;
}

.max-w0 {
  max-width: 0 !important;
}

[class~="hover:max-w0"]:hover {
  max-width: 0 !important;
}

.max-w1 {
  max-width: calc(var(--spacing) * 1) !important;
}

[class~="hover:max-w1"]:hover {
  max-width: calc(var(--spacing) * 1) !important;
}

.max-w2 {
  max-width: calc(var(--spacing) * 2) !important;
}

[class~="hover:max-w2"]:hover {
  max-width: calc(var(--spacing) * 2) !important;
}

.max-w3 {
  max-width: calc(var(--spacing) * 3) !important;
}

[class~="hover:max-w3"]:hover {
  max-width: calc(var(--spacing) * 3) !important;
}

.max-w4 {
  max-width: calc(var(--spacing) * 4) !important;
}

[class~="hover:max-w4"]:hover {
  max-width: calc(var(--spacing) * 4) !important;
}

.max-w5 {
  max-width: calc(var(--spacing) * 5) !important;
}

[class~="hover:max-w5"]:hover {
  max-width: calc(var(--spacing) * 5) !important;
}

.max-w6 {
  max-width: calc(var(--spacing) * 6) !important;
}

[class~="hover:max-w6"]:hover {
  max-width: calc(var(--spacing) * 6) !important;
}

.max-w8 {
  max-width: calc(var(--spacing) * 8) !important;
}

[class~="hover:max-w8"]:hover {
  max-width: calc(var(--spacing) * 8) !important;
}

.max-w10 {
  max-width: calc(var(--spacing) * 10) !important;
}

[class~="hover:max-w10"]:hover {
  max-width: calc(var(--spacing) * 10) !important;
}

.max-w12 {
  max-width: calc(var(--spacing) * 12) !important;
}

[class~="hover:max-w12"]:hover {
  max-width: calc(var(--spacing) * 12) !important;
}

.max-w16 {
  max-width: calc(var(--spacing) * 16) !important;
}

[class~="hover:max-w16"]:hover {
  max-width: calc(var(--spacing) * 16) !important;
}

.max-w20 {
  max-width: calc(var(--spacing) * 20) !important;
}

[class~="hover:max-w20"]:hover {
  max-width: calc(var(--spacing) * 20) !important;
}

.max-w24 {
  max-width: calc(var(--spacing) * 24) !important;
}

[class~="hover:max-w24"]:hover {
  max-width: calc(var(--spacing) * 24) !important;
}

.max-w32 {
  max-width: calc(var(--spacing) * 32) !important;
}

[class~="hover:max-w32"]:hover {
  max-width: calc(var(--spacing) * 32) !important;
}

.max-w40 {
  max-width: calc(var(--spacing) * 40) !important;
}

[class~="hover:max-w40"]:hover {
  max-width: calc(var(--spacing) * 40) !important;
}

.max-w48 {
  max-width: calc(var(--spacing) * 48) !important;
}

[class~="hover:max-w48"]:hover {
  max-width: calc(var(--spacing) * 48) !important;
}

.max-w64 {
  max-width: calc(var(--spacing) * 64) !important;
}

[class~="hover:max-w64"]:hover {
  max-width: calc(var(--spacing) * 64) !important;
}

.max-w80 {
  max-width: calc(var(--spacing) * 80) !important;
}

[class~="hover:max-w80"]:hover {
  max-width: calc(var(--spacing) * 80) !important;
}

.max-w96 {
  max-width: calc(var(--spacing) * 96) !important;
}

[class~="hover:max-w96"]:hover {
  max-width: calc(var(--spacing) * 96) !important;
}

.max-w128 {
  max-width: calc(var(--spacing) * 128) !important;
}

[class~="hover:max-w128"]:hover {
  max-width: calc(var(--spacing) * 128) !important;
}

.h0 {
  height: 0 !important;
}

[class~="hover:h0"]:hover {
  height: 0 !important;
}

.h1 {
  height: calc(var(--spacing) * 1) !important;
}

[class~="hover:h1"]:hover {
  height: calc(var(--spacing) * 1) !important;
}

.h2 {
  height: calc(var(--spacing) * 2) !important;
}

[class~="hover:h2"]:hover {
  height: calc(var(--spacing) * 2) !important;
}

.h3 {
  height: calc(var(--spacing) * 3) !important;
}

[class~="hover:h3"]:hover {
  height: calc(var(--spacing) * 3) !important;
}

.h4 {
  height: calc(var(--spacing) * 4) !important;
}

[class~="hover:h4"]:hover {
  height: calc(var(--spacing) * 4) !important;
}

.h5 {
  height: calc(var(--spacing) * 5) !important;
}

[class~="hover:h5"]:hover {
  height: calc(var(--spacing) * 5) !important;
}

.h6 {
  height: calc(var(--spacing) * 6) !important;
}

[class~="hover:h6"]:hover {
  height: calc(var(--spacing) * 6) !important;
}

.h8 {
  height: calc(var(--spacing) * 8) !important;
}

[class~="hover:h8"]:hover {
  height: calc(var(--spacing) * 8) !important;
}

.h10 {
  height: calc(var(--spacing) * 10) !important;
}

[class~="hover:h10"]:hover {
  height: calc(var(--spacing) * 10) !important;
}

.h12 {
  height: calc(var(--spacing) * 12) !important;
}

[class~="hover:h12"]:hover {
  height: calc(var(--spacing) * 12) !important;
}

.h16 {
  height: calc(var(--spacing) * 16) !important;
}

[class~="hover:h16"]:hover {
  height: calc(var(--spacing) * 16) !important;
}

.h20 {
  height: calc(var(--spacing) * 20) !important;
}

[class~="hover:h20"]:hover {
  height: calc(var(--spacing) * 20) !important;
}

.h24 {
  height: calc(var(--spacing) * 24) !important;
}

[class~="hover:h24"]:hover {
  height: calc(var(--spacing) * 24) !important;
}

.h32 {
  height: calc(var(--spacing) * 32) !important;
}

[class~="hover:h32"]:hover {
  height: calc(var(--spacing) * 32) !important;
}

.h40 {
  height: calc(var(--spacing) * 40) !important;
}

[class~="hover:h40"]:hover {
  height: calc(var(--spacing) * 40) !important;
}

.h48 {
  height: calc(var(--spacing) * 48) !important;
}

[class~="hover:h48"]:hover {
  height: calc(var(--spacing) * 48) !important;
}

.h64 {
  height: calc(var(--spacing) * 64) !important;
}

[class~="hover:h64"]:hover {
  height: calc(var(--spacing) * 64) !important;
}

.h80 {
  height: calc(var(--spacing) * 80) !important;
}

[class~="hover:h80"]:hover {
  height: calc(var(--spacing) * 80) !important;
}

.h96 {
  height: calc(var(--spacing) * 96) !important;
}

[class~="hover:h96"]:hover {
  height: calc(var(--spacing) * 96) !important;
}

.h128 {
  height: calc(var(--spacing) * 128) !important;
}

[class~="hover:h128"]:hover {
  height: calc(var(--spacing) * 128) !important;
}

.min-h0 {
  min-height: 0 !important;
}

[class~="hover:min-h0"]:hover {
  min-height: 0 !important;
}

.min-h1 {
  min-height: calc(var(--spacing) * 1) !important;
}

[class~="hover:min-h1"]:hover {
  min-height: calc(var(--spacing) * 1) !important;
}

.min-h2 {
  min-height: calc(var(--spacing) * 2) !important;
}

[class~="hover:min-h2"]:hover {
  min-height: calc(var(--spacing) * 2) !important;
}

.min-h3 {
  min-height: calc(var(--spacing) * 3) !important;
}

[class~="hover:min-h3"]:hover {
  min-height: calc(var(--spacing) * 3) !important;
}

.min-h4 {
  min-height: calc(var(--spacing) * 4) !important;
}

[class~="hover:min-h4"]:hover {
  min-height: calc(var(--spacing) * 4) !important;
}

.min-h5 {
  min-height: calc(var(--spacing) * 5) !important;
}

[class~="hover:min-h5"]:hover {
  min-height: calc(var(--spacing) * 5) !important;
}

.min-h6 {
  min-height: calc(var(--spacing) * 6) !important;
}

[class~="hover:min-h6"]:hover {
  min-height: calc(var(--spacing) * 6) !important;
}

.min-h8 {
  min-height: calc(var(--spacing) * 8) !important;
}

[class~="hover:min-h8"]:hover {
  min-height: calc(var(--spacing) * 8) !important;
}

.min-h10 {
  min-height: calc(var(--spacing) * 10) !important;
}

[class~="hover:min-h10"]:hover {
  min-height: calc(var(--spacing) * 10) !important;
}

.min-h12 {
  min-height: calc(var(--spacing) * 12) !important;
}

[class~="hover:min-h12"]:hover {
  min-height: calc(var(--spacing) * 12) !important;
}

.min-h16 {
  min-height: calc(var(--spacing) * 16) !important;
}

[class~="hover:min-h16"]:hover {
  min-height: calc(var(--spacing) * 16) !important;
}

.min-h20 {
  min-height: calc(var(--spacing) * 20) !important;
}

[class~="hover:min-h20"]:hover {
  min-height: calc(var(--spacing) * 20) !important;
}

.min-h24 {
  min-height: calc(var(--spacing) * 24) !important;
}

[class~="hover:min-h24"]:hover {
  min-height: calc(var(--spacing) * 24) !important;
}

.min-h32 {
  min-height: calc(var(--spacing) * 32) !important;
}

[class~="hover:min-h32"]:hover {
  min-height: calc(var(--spacing) * 32) !important;
}

.min-h40 {
  min-height: calc(var(--spacing) * 40) !important;
}

[class~="hover:min-h40"]:hover {
  min-height: calc(var(--spacing) * 40) !important;
}

.min-h48 {
  min-height: calc(var(--spacing) * 48) !important;
}

[class~="hover:min-h48"]:hover {
  min-height: calc(var(--spacing) * 48) !important;
}

.min-h64 {
  min-height: calc(var(--spacing) * 64) !important;
}

[class~="hover:min-h64"]:hover {
  min-height: calc(var(--spacing) * 64) !important;
}

.min-h80 {
  min-height: calc(var(--spacing) * 80) !important;
}

[class~="hover:min-h80"]:hover {
  min-height: calc(var(--spacing) * 80) !important;
}

.min-h96 {
  min-height: calc(var(--spacing) * 96) !important;
}

[class~="hover:min-h96"]:hover {
  min-height: calc(var(--spacing) * 96) !important;
}

.min-h128 {
  min-height: calc(var(--spacing) * 128) !important;
}

[class~="hover:min-h128"]:hover {
  min-height: calc(var(--spacing) * 128) !important;
}

.max-h0 {
  max-height: 0 !important;
}

[class~="hover:max-h0"]:hover {
  max-height: 0 !important;
}

.max-h1 {
  max-height: calc(var(--spacing) * 1) !important;
}

[class~="hover:max-h1"]:hover {
  max-height: calc(var(--spacing) * 1) !important;
}

.max-h2 {
  max-height: calc(var(--spacing) * 2) !important;
}

[class~="hover:max-h2"]:hover {
  max-height: calc(var(--spacing) * 2) !important;
}

.max-h3 {
  max-height: calc(var(--spacing) * 3) !important;
}

[class~="hover:max-h3"]:hover {
  max-height: calc(var(--spacing) * 3) !important;
}

.max-h4 {
  max-height: calc(var(--spacing) * 4) !important;
}

[class~="hover:max-h4"]:hover {
  max-height: calc(var(--spacing) * 4) !important;
}

.max-h5 {
  max-height: calc(var(--spacing) * 5) !important;
}

[class~="hover:max-h5"]:hover {
  max-height: calc(var(--spacing) * 5) !important;
}

.max-h6 {
  max-height: calc(var(--spacing) * 6) !important;
}

[class~="hover:max-h6"]:hover {
  max-height: calc(var(--spacing) * 6) !important;
}

.max-h8 {
  max-height: calc(var(--spacing) * 8) !important;
}

[class~="hover:max-h8"]:hover {
  max-height: calc(var(--spacing) * 8) !important;
}

.max-h10 {
  max-height: calc(var(--spacing) * 10) !important;
}

[class~="hover:max-h10"]:hover {
  max-height: calc(var(--spacing) * 10) !important;
}

.max-h12 {
  max-height: calc(var(--spacing) * 12) !important;
}

[class~="hover:max-h12"]:hover {
  max-height: calc(var(--spacing) * 12) !important;
}

.max-h16 {
  max-height: calc(var(--spacing) * 16) !important;
}

[class~="hover:max-h16"]:hover {
  max-height: calc(var(--spacing) * 16) !important;
}

.max-h20 {
  max-height: calc(var(--spacing) * 20) !important;
}

[class~="hover:max-h20"]:hover {
  max-height: calc(var(--spacing) * 20) !important;
}

.max-h24 {
  max-height: calc(var(--spacing) * 24) !important;
}

[class~="hover:max-h24"]:hover {
  max-height: calc(var(--spacing) * 24) !important;
}

.max-h32 {
  max-height: calc(var(--spacing) * 32) !important;
}

[class~="hover:max-h32"]:hover {
  max-height: calc(var(--spacing) * 32) !important;
}

.max-h40 {
  max-height: calc(var(--spacing) * 40) !important;
}

[class~="hover:max-h40"]:hover {
  max-height: calc(var(--spacing) * 40) !important;
}

.max-h48 {
  max-height: calc(var(--spacing) * 48) !important;
}

[class~="hover:max-h48"]:hover {
  max-height: calc(var(--spacing) * 48) !important;
}

.max-h64 {
  max-height: calc(var(--spacing) * 64) !important;
}

[class~="hover:max-h64"]:hover {
  max-height: calc(var(--spacing) * 64) !important;
}

.max-h80 {
  max-height: calc(var(--spacing) * 80) !important;
}

[class~="hover:max-h80"]:hover {
  max-height: calc(var(--spacing) * 80) !important;
}

.max-h96 {
  max-height: calc(var(--spacing) * 96) !important;
}

[class~="hover:max-h96"]:hover {
  max-height: calc(var(--spacing) * 96) !important;
}

.max-h128 {
  max-height: calc(var(--spacing) * 128) !important;
}

[class~="hover:max-h128"]:hover {
  max-height: calc(var(--spacing) * 128) !important;
}

.c-primary {
  color: var(--color-primary);
}

[class~="hover:c-primary"]:hover {
  color: var(--color-primary);
}

.c-secondary {
  color: var(--color-secondary);
}

[class~="hover:c-secondary"]:hover {
  color: var(--color-secondary);
}

.c-success {
  color: var(--color-success);
}

[class~="hover:c-success"]:hover {
  color: var(--color-success);
}

.c-danger {
  color: var(--color-danger);
}

[class~="hover:c-danger"]:hover {
  color: var(--color-danger);
}

.c-warning {
  color: var(--color-warning);
}

[class~="hover:c-warning"]:hover {
  color: var(--color-warning);
}

.c-info {
  color: var(--color-info);
}

[class~="hover:c-info"]:hover {
  color: var(--color-info);
}

.c-light {
  color: var(--color-light);
}

[class~="hover:c-light"]:hover {
  color: var(--color-light);
}

.c-dark {
  color: var(--color-dark);
}

[class~="hover:c-dark"]:hover {
  color: var(--color-dark);
}

.c-gray-100 {
  color: var(--color-gray-100);
}

[class~="hover:c-gray-100"]:hover {
  color: var(--color-gray-100);
}

.c-gray-200 {
  color: var(--color-gray-200);
}

[class~="hover:c-gray-200"]:hover {
  color: var(--color-gray-200);
}

.c-gray-300 {
  color: var(--color-gray-300);
}

[class~="hover:c-gray-300"]:hover {
  color: var(--color-gray-300);
}

.c-gray-400 {
  color: var(--color-gray-400);
}

[class~="hover:c-gray-400"]:hover {
  color: var(--color-gray-400);
}

.c-gray-500 {
  color: var(--color-gray-500);
}

[class~="hover:c-gray-500"]:hover {
  color: var(--color-gray-500);
}

.c-gray-600 {
  color: var(--color-gray-600);
}

[class~="hover:c-gray-600"]:hover {
  color: var(--color-gray-600);
}

.c-gray-700 {
  color: var(--color-gray-700);
}

[class~="hover:c-gray-700"]:hover {
  color: var(--color-gray-700);
}

.c-gray-800 {
  color: var(--color-gray-800);
}

[class~="hover:c-gray-800"]:hover {
  color: var(--color-gray-800);
}

.c-gray-900 {
  color: var(--color-gray-900);
}

[class~="hover:c-gray-900"]:hover {
  color: var(--color-gray-900);
}

.bgc-primary {
  background-color: var(--color-primary);
}

[class~="hover:bgc-primary"]:hover {
  background-color: var(--color-primary);
}

.bgc-secondary {
  background-color: var(--color-secondary);
}

[class~="hover:bgc-secondary"]:hover {
  background-color: var(--color-secondary);
}

.bgc-success {
  background-color: var(--color-success);
}

[class~="hover:bgc-success"]:hover {
  background-color: var(--color-success);
}

.bgc-danger {
  background-color: var(--color-danger);
}

[class~="hover:bgc-danger"]:hover {
  background-color: var(--color-danger);
}

.bgc-warning {
  background-color: var(--color-warning);
}

[class~="hover:bgc-warning"]:hover {
  background-color: var(--color-warning);
}

.bgc-info {
  background-color: var(--color-info);
}

[class~="hover:bgc-info"]:hover {
  background-color: var(--color-info);
}

.bgc-light {
  background-color: var(--color-light);
}

[class~="hover:bgc-light"]:hover {
  background-color: var(--color-light);
}

.bgc-dark {
  background-color: var(--color-dark);
}

[class~="hover:bgc-dark"]:hover {
  background-color: var(--color-dark);
}

.bgc-gray-100 {
  background-color: var(--color-gray-100);
}

[class~="hover:bgc-gray-100"]:hover {
  background-color: var(--color-gray-100);
}

.bgc-gray-200 {
  background-color: var(--color-gray-200);
}

[class~="hover:bgc-gray-200"]:hover {
  background-color: var(--color-gray-200);
}

.bgc-gray-300 {
  background-color: var(--color-gray-300);
}

[class~="hover:bgc-gray-300"]:hover {
  background-color: var(--color-gray-300);
}

.bgc-gray-400 {
  background-color: var(--color-gray-400);
}

[class~="hover:bgc-gray-400"]:hover {
  background-color: var(--color-gray-400);
}

.bgc-gray-500 {
  background-color: var(--color-gray-500);
}

[class~="hover:bgc-gray-500"]:hover {
  background-color: var(--color-gray-500);
}

.bgc-gray-600 {
  background-color: var(--color-gray-600);
}

[class~="hover:bgc-gray-600"]:hover {
  background-color: var(--color-gray-600);
}

.bgc-gray-700 {
  background-color: var(--color-gray-700);
}

[class~="hover:bgc-gray-700"]:hover {
  background-color: var(--color-gray-700);
}

.bgc-gray-800 {
  background-color: var(--color-gray-800);
}

[class~="hover:bgc-gray-800"]:hover {
  background-color: var(--color-gray-800);
}

.bgc-gray-900 {
  background-color: var(--color-gray-900);
}

[class~="hover:bgc-gray-900"]:hover {
  background-color: var(--color-gray-900);
}

.bdc-primary {
  border-color: var(--color-primary);
}

[class~="hover:bdc-primary"]:hover {
  border-color: var(--color-primary);
}

.bdc-secondary {
  border-color: var(--color-secondary);
}

[class~="hover:bdc-secondary"]:hover {
  border-color: var(--color-secondary);
}

.bdc-success {
  border-color: var(--color-success);
}

[class~="hover:bdc-success"]:hover {
  border-color: var(--color-success);
}

.bdc-danger {
  border-color: var(--color-danger);
}

[class~="hover:bdc-danger"]:hover {
  border-color: var(--color-danger);
}

.bdc-warning {
  border-color: var(--color-warning);
}

[class~="hover:bdc-warning"]:hover {
  border-color: var(--color-warning);
}

.bdc-info {
  border-color: var(--color-info);
}

[class~="hover:bdc-info"]:hover {
  border-color: var(--color-info);
}

.bdc-light {
  border-color: var(--color-light);
}

[class~="hover:bdc-light"]:hover {
  border-color: var(--color-light);
}

.bdc-dark {
  border-color: var(--color-dark);
}

[class~="hover:bdc-dark"]:hover {
  border-color: var(--color-dark);
}

.bdc-gray-100 {
  border-color: var(--color-gray-100);
}

[class~="hover:bdc-gray-100"]:hover {
  border-color: var(--color-gray-100);
}

.bdc-gray-200 {
  border-color: var(--color-gray-200);
}

[class~="hover:bdc-gray-200"]:hover {
  border-color: var(--color-gray-200);
}

.bdc-gray-300 {
  border-color: var(--color-gray-300);
}

[class~="hover:bdc-gray-300"]:hover {
  border-color: var(--color-gray-300);
}

.bdc-gray-400 {
  border-color: var(--color-gray-400);
}

[class~="hover:bdc-gray-400"]:hover {
  border-color: var(--color-gray-400);
}

.bdc-gray-500 {
  border-color: var(--color-gray-500);
}

[class~="hover:bdc-gray-500"]:hover {
  border-color: var(--color-gray-500);
}

.bdc-gray-600 {
  border-color: var(--color-gray-600);
}

[class~="hover:bdc-gray-600"]:hover {
  border-color: var(--color-gray-600);
}

.bdc-gray-700 {
  border-color: var(--color-gray-700);
}

[class~="hover:bdc-gray-700"]:hover {
  border-color: var(--color-gray-700);
}

.bdc-gray-800 {
  border-color: var(--color-gray-800);
}

[class~="hover:bdc-gray-800"]:hover {
  border-color: var(--color-gray-800);
}

.bdc-gray-900 {
  border-color: var(--color-gray-900);
}

[class~="hover:bdc-gray-900"]:hover {
  border-color: var(--color-gray-900);
}

.block {
  display: block;
}

[class~="hover:block"]:hover {
  display: block;
}

.inline {
  display: inline;
}

[class~="hover:inline"]:hover {
  display: inline;
}

.inline-block {
  display: inline-block;
}

[class~="hover:inline-block"]:hover {
  display: inline-block;
}

.flex {
  display: flex;
}

[class~="hover:flex"]:hover {
  display: flex;
}

.grid {
  display: grid;
}

[class~="hover:grid"]:hover {
  display: grid;
}

.none {
  display: none;
}

[class~="hover:none"]:hover {
  display: none;
}

.flex-row {
  flex-direction: row;
}

[class~="hover:flex-row"]:hover {
  flex-direction: row;
}

.flex-col {
  flex-direction: column;
}

[class~="hover:flex-col"]:hover {
  flex-direction: column;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

[class~="hover:flex-row-reverse"]:hover {
  flex-direction: row-reverse;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

[class~="hover:flex-col-reverse"]:hover {
  flex-direction: column-reverse;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

[class~="hover:flex-nowrap"]:hover {
  flex-wrap: nowrap;
}

.flex-wrap {
  flex-wrap: wrap;
}

[class~="hover:flex-wrap"]:hover {
  flex-wrap: wrap;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

[class~="hover:flex-wrap-reverse"]:hover {
  flex-wrap: wrap-reverse;
}

.items-start {
  align-items: start;
}

[class~="hover:items-start"]:hover {
  align-items: start;
}

.items-center {
  align-items: center;
}

[class~="hover:items-center"]:hover {
  align-items: center;
}

.items-end {
  align-items: end;
}

[class~="hover:items-end"]:hover {
  align-items: end;
}

.items-baseline {
  align-items: baseline;
}

[class~="hover:items-baseline"]:hover {
  align-items: baseline;
}

.items-stretch {
  align-items: stretch;
}

[class~="hover:items-stretch"]:hover {
  align-items: stretch;
}

.justify-start {
  justify-content: start;
}

[class~="hover:justify-start"]:hover {
  justify-content: start;
}

.justify-center {
  justify-content: center;
}

[class~="hover:justify-center"]:hover {
  justify-content: center;
}

.justify-end {
  justify-content: end;
}

[class~="hover:justify-end"]:hover {
  justify-content: end;
}

.justify-between {
  justify-content: between;
}

[class~="hover:justify-between"]:hover {
  justify-content: between;
}

.grow0 {
  flex-grow: 0;
}

[class~="hover:grow0"]:hover {
  flex-grow: 0;
}

.grow1 {
  flex-grow: 1;
}

[class~="hover:grow1"]:hover {
  flex-grow: 1;
}

.grow2 {
  flex-grow: 2;
}

[class~="hover:grow2"]:hover {
  flex-grow: 2;
}

.grow3 {
  flex-grow: 3;
}

[class~="hover:grow3"]:hover {
  flex-grow: 3;
}

.grow4 {
  flex-grow: 4;
}

[class~="hover:grow4"]:hover {
  flex-grow: 4;
}

.grow5 {
  flex-grow: 5;
}

[class~="hover:grow5"]:hover {
  flex-grow: 5;
}

.grow6 {
  flex-grow: 6;
}

[class~="hover:grow6"]:hover {
  flex-grow: 6;
}

.grow7 {
  flex-grow: 7;
}

[class~="hover:grow7"]:hover {
  flex-grow: 7;
}

.grow8 {
  flex-grow: 8;
}

[class~="hover:grow8"]:hover {
  flex-grow: 8;
}

.grow9 {
  flex-grow: 9;
}

[class~="hover:grow9"]:hover {
  flex-grow: 9;
}

.grow10 {
  flex-grow: 10;
}

[class~="hover:grow10"]:hover {
  flex-grow: 10;
}

.grow11 {
  flex-grow: 11;
}

[class~="hover:grow11"]:hover {
  flex-grow: 11;
}

.grow12 {
  flex-grow: 12;
}

[class~="hover:grow12"]:hover {
  flex-grow: 12;
}

.shrink0 {
  flex-shrink: 0;
}

[class~="hover:shrink0"]:hover {
  flex-shrink: 0;
}

.shrink1 {
  flex-shrink: 1;
}

[class~="hover:shrink1"]:hover {
  flex-shrink: 1;
}

.shrink2 {
  flex-shrink: 2;
}

[class~="hover:shrink2"]:hover {
  flex-shrink: 2;
}

.shrink3 {
  flex-shrink: 3;
}

[class~="hover:shrink3"]:hover {
  flex-shrink: 3;
}

.shrink4 {
  flex-shrink: 4;
}

[class~="hover:shrink4"]:hover {
  flex-shrink: 4;
}

.shrink5 {
  flex-shrink: 5;
}

[class~="hover:shrink5"]:hover {
  flex-shrink: 5;
}

.shrink6 {
  flex-shrink: 6;
}

[class~="hover:shrink6"]:hover {
  flex-shrink: 6;
}

.shrink7 {
  flex-shrink: 7;
}

[class~="hover:shrink7"]:hover {
  flex-shrink: 7;
}

.shrink8 {
  flex-shrink: 8;
}

[class~="hover:shrink8"]:hover {
  flex-shrink: 8;
}

.shrink9 {
  flex-shrink: 9;
}

[class~="hover:shrink9"]:hover {
  flex-shrink: 9;
}

.shrink10 {
  flex-shrink: 10;
}

[class~="hover:shrink10"]:hover {
  flex-shrink: 10;
}

.shrink11 {
  flex-shrink: 11;
}

[class~="hover:shrink11"]:hover {
  flex-shrink: 11;
}

.shrink12 {
  flex-shrink: 12;
}

[class~="hover:shrink12"]:hover {
  flex-shrink: 12;
}

.grid-auto {
  grid-template-columns: auto;
}

[class~="hover:grid-auto"]:hover {
  grid-template-columns: auto;
}

.col-1fr {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

[class~="hover:col-1fr"]:hover {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.col-2fr {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

[class~="hover:col-2fr"]:hover {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.col-3fr {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

[class~="hover:col-3fr"]:hover {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-auto {
  grid-template-rows: auto;
}

[class~="hover:grid-auto"]:hover {
  grid-template-rows: auto;
}

.row-1fr {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}

[class~="hover:row-1fr"]:hover {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}

.row-2fr {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

[class~="hover:row-2fr"]:hover {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.row-3fr {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}

[class~="hover:row-3fr"]:hover {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}

.place-items-start {
  place-items: start;
}

[class~="hover:place-items-start"]:hover {
  place-items: start;
}

.place-items-center {
  place-items: center;
}

[class~="hover:place-items-center"]:hover {
  place-items: center;
}

.place-items-end {
  place-items: end;
}

[class~="hover:place-items-end"]:hover {
  place-items: end;
}

.place-items-baseline {
  place-items: baseline;
}

[class~="hover:place-items-baseline"]:hover {
  place-items: baseline;
}

.place-items-stretch {
  place-items: stretch;
}

[class~="hover:place-items-stretch"]:hover {
  place-items: stretch;
}

.place-content-start {
  place-content: start;
}

[class~="hover:place-content-start"]:hover {
  place-content: start;
}

.place-content-center {
  place-content: center;
}

[class~="hover:place-content-center"]:hover {
  place-content: center;
}

.place-content-end {
  place-content: end;
}

[class~="hover:place-content-end"]:hover {
  place-content: end;
}

.place-content-between {
  place-content: between;
}

[class~="hover:place-content-between"]:hover {
  place-content: between;
}

.place-content-around {
  place-content: around;
}

[class~="hover:place-content-around"]:hover {
  place-content: around;
}

.place-content-evenly {
  place-content: evenly;
}

[class~="hover:place-content-evenly"]:hover {
  place-content: evenly;
}

.order1 {
  order: 1;
}

[class~="hover:order1"]:hover {
  order: 1;
}

.order2 {
  order: 2;
}

[class~="hover:order2"]:hover {
  order: 2;
}

.z-auto {
  z-index: auto;
}

[class~="hover:z-auto"]:hover {
  z-index: auto;
}

.z1 {
  z-index: 1;
}

[class~="hover:z1"]:hover {
  z-index: 1;
}

.z2 {
  z-index: 2;
}

[class~="hover:z2"]:hover {
  z-index: 2;
}

.z3 {
  z-index: 3;
}

[class~="hover:z3"]:hover {
  z-index: 3;
}

.z4 {
  z-index: 4;
}

[class~="hover:z4"]:hover {
  z-index: 4;
}

.z5 {
  z-index: 5;
}

[class~="hover:z5"]:hover {
  z-index: 5;
}

.z6 {
  z-index: 6;
}

[class~="hover:z6"]:hover {
  z-index: 6;
}

.z7 {
  z-index: 7;
}

[class~="hover:z7"]:hover {
  z-index: 7;
}

.z8 {
  z-index: 8;
}

[class~="hover:z8"]:hover {
  z-index: 8;
}

.z9 {
  z-index: 9;
}

[class~="hover:z9"]:hover {
  z-index: 9;
}

.static {
  position: static;
}

[class~="hover:static"]:hover {
  position: static;
}

.relative {
  position: relative;
}

[class~="hover:relative"]:hover {
  position: relative;
}

.absolute {
  position: absolute;
}

[class~="hover:absolute"]:hover {
  position: absolute;
}

.fixed {
  position: fixed;
}

[class~="hover:fixed"]:hover {
  position: fixed;
}

.sticky {
  position: sticky;
}

[class~="hover:sticky"]:hover {
  position: sticky;
}

.fw100 {
  font-weight: 100;
}

[class~="hover:fw100"]:hover {
  font-weight: 100;
}

.fw200 {
  font-weight: 200;
}

[class~="hover:fw200"]:hover {
  font-weight: 200;
}

.fw300 {
  font-weight: 300;
}

[class~="hover:fw300"]:hover {
  font-weight: 300;
}

.fw400 {
  font-weight: 400;
}

[class~="hover:fw400"]:hover {
  font-weight: 400;
}

.fw500 {
  font-weight: 500;
}

[class~="hover:fw500"]:hover {
  font-weight: 500;
}

.fw600 {
  font-weight: 600;
}

[class~="hover:fw600"]:hover {
  font-weight: 600;
}

.fw700 {
  font-weight: 700;
}

[class~="hover:fw700"]:hover {
  font-weight: 700;
}

.fw800 {
  font-weight: 800;
}

[class~="hover:fw800"]:hover {
  font-weight: 800;
}

.fw900 {
  font-weight: 900;
}

[class~="hover:fw900"]:hover {
  font-weight: 900;
}

.fs-n {
  font-style: normal;
}

[class~="hover:fs-n"]:hover {
  font-style: normal;
}

.fs-i {
  font-style: italic;
}

[class~="hover:fs-i"]:hover {
  font-style: italic;
}

.ws-normal {
  white-space: normal;
}

[class~="hover:ws-normal"]:hover {
  white-space: normal;
}

.ws-nowrap {
  white-space: nowrap;
}

[class~="hover:ws-nowrap"]:hover {
  white-space: nowrap;
}

.ws-pre {
  white-space: pre;
}

[class~="hover:ws-pre"]:hover {
  white-space: pre;
}

.ws-pre-wrap {
  white-space: pre-wrap;
}

[class~="hover:ws-pre-wrap"]:hover {
  white-space: pre-wrap;
}

.ws-pre-line {
  white-space: pre-line;
}

[class~="hover:ws-pre-line"]:hover {
  white-space: pre-line;
}

.ta-l {
  text-align: left;
}

[class~="hover:ta-l"]:hover {
  text-align: left;
}

.ta-c {
  text-align: center;
}

[class~="hover:ta-c"]:hover {
  text-align: center;
}

.ta-r {
  text-align: right;
}

[class~="hover:ta-r"]:hover {
  text-align: right;
}

.ta-j {
  text-align: justify;
}

[class~="hover:ta-j"]:hover {
  text-align: justify;
}

.lh1 {
  line-height: 1;
}

[class~="hover:lh1"]:hover {
  line-height: 1;
}

.lh125 {
  line-height: 1.25;
}

[class~="hover:lh125"]:hover {
  line-height: 1.25;
}

.lh15 {
  line-height: 1.5;
}

[class~="hover:lh15"]:hover {
  line-height: 1.5;
}

.lh175 {
  line-height: 1.75;
}

[class~="hover:lh175"]:hover {
  line-height: 1.75;
}

.lh2 {
  line-height: 2;
}

[class~="hover:lh2"]:hover {
  line-height: 2;
}

.lh25 {
  line-height: 2.5;
}

[class~="hover:lh25"]:hover {
  line-height: 2.5;
}

.lh3 {
  line-height: 3;
}

[class~="hover:lh3"]:hover {
  line-height: 3;
}

.bds-solid {
  border-style: solid;
}

[class~="hover:bds-solid"]:hover {
  border-style: solid;
}

.bds-dashed {
  border-style: dashed;
}

[class~="hover:bds-dashed"]:hover {
  border-style: dashed;
}

.bds-dotted {
  border-style: dotted;
}

[class~="hover:bds-dotted"]:hover {
  border-style: dotted;
}

.bds-double {
  border-style: double;
}

[class~="hover:bds-double"]:hover {
  border-style: double;
}

.bds-groove {
  border-style: groove;
}

[class~="hover:bds-groove"]:hover {
  border-style: groove;
}

.bds-ridge {
  border-style: ridge;
}

[class~="hover:bds-ridge"]:hover {
  border-style: ridge;
}

.bds-inset {
  border-style: inset;
}

[class~="hover:bds-inset"]:hover {
  border-style: inset;
}

.bds-outset {
  border-style: outset;
}

[class~="hover:bds-outset"]:hover {
  border-style: outset;
}

.bdw1 {
  border-width: 1px;
}

[class~="hover:bdw1"]:hover {
  border-width: 1px;
}

.bdw2 {
  border-width: 2px;
}

[class~="hover:bdw2"]:hover {
  border-width: 2px;
}

.bdw3 {
  border-width: 3px;
}

[class~="hover:bdw3"]:hover {
  border-width: 3px;
}

.bdw4 {
  border-width: 4px;
}

[class~="hover:bdw4"]:hover {
  border-width: 4px;
}

.bdiw1 {
  border-inline-width: 1px;
}

[class~="hover:bdiw1"]:hover {
  border-inline-width: 1px;
}

.bdiw2 {
  border-inline-width: 2px;
}

[class~="hover:bdiw2"]:hover {
  border-inline-width: 2px;
}

.bdiw3 {
  border-inline-width: 3px;
}

[class~="hover:bdiw3"]:hover {
  border-inline-width: 3px;
}

.bdiw4 {
  border-inline-width: 4px;
}

[class~="hover:bdiw4"]:hover {
  border-inline-width: 4px;
}

.bdbw1 {
  border-block-width: 1px;
}

[class~="hover:bdbw1"]:hover {
  border-block-width: 1px;
}

.bdbw2 {
  border-block-width: 2px;
}

[class~="hover:bdbw2"]:hover {
  border-block-width: 2px;
}

.bdbw3 {
  border-block-width: 3px;
}

[class~="hover:bdbw3"]:hover {
  border-block-width: 3px;
}

.bdbw4 {
  border-block-width: 4px;
}

[class~="hover:bdbw4"]:hover {
  border-block-width: 4px;
}

.bdw-t1 {
  border-top-width: 1px;
}

[class~="hover:bdw-t1"]:hover {
  border-top-width: 1px;
}

.bdw-t2 {
  border-top-width: 2px;
}

[class~="hover:bdw-t2"]:hover {
  border-top-width: 2px;
}

.bdw-t3 {
  border-top-width: 3px;
}

[class~="hover:bdw-t3"]:hover {
  border-top-width: 3px;
}

.bdw-t4 {
  border-top-width: 4px;
}

[class~="hover:bdw-t4"]:hover {
  border-top-width: 4px;
}

.bdw-r1 {
  border-right-width: 1px;
}

[class~="hover:bdw-r1"]:hover {
  border-right-width: 1px;
}

.bdw-r2 {
  border-right-width: 2px;
}

[class~="hover:bdw-r2"]:hover {
  border-right-width: 2px;
}

.bdw-r3 {
  border-right-width: 3px;
}

[class~="hover:bdw-r3"]:hover {
  border-right-width: 3px;
}

.bdw-r4 {
  border-right-width: 4px;
}

[class~="hover:bdw-r4"]:hover {
  border-right-width: 4px;
}

.bdw-b1 {
  border-bottom-width: 1px;
}

[class~="hover:bdw-b1"]:hover {
  border-bottom-width: 1px;
}

.bdw-b2 {
  border-bottom-width: 2px;
}

[class~="hover:bdw-b2"]:hover {
  border-bottom-width: 2px;
}

.bdw-b3 {
  border-bottom-width: 3px;
}

[class~="hover:bdw-b3"]:hover {
  border-bottom-width: 3px;
}

.bdw-b4 {
  border-bottom-width: 4px;
}

[class~="hover:bdw-b4"]:hover {
  border-bottom-width: 4px;
}

.bdw-l1 {
  border-left-width: 1px;
}

[class~="hover:bdw-l1"]:hover {
  border-left-width: 1px;
}

.bdw-l2 {
  border-left-width: 2px;
}

[class~="hover:bdw-l2"]:hover {
  border-left-width: 2px;
}

.bdw-l3 {
  border-left-width: 3px;
}

[class~="hover:bdw-l3"]:hover {
  border-left-width: 3px;
}

.bdw-l4 {
  border-left-width: 4px;
}

[class~="hover:bdw-l4"]:hover {
  border-left-width: 4px;
}

.radius0 {
  border-radius: 0;
}

[class~="hover:radius0"]:hover {
  border-radius: 0;
}

.radius2 {
  border-radius: 2px;
}

[class~="hover:radius2"]:hover {
  border-radius: 2px;
}

.radius4 {
  border-radius: 4px;
}

[class~="hover:radius4"]:hover {
  border-radius: 4px;
}

.radius8 {
  border-radius: 8px;
}

[class~="hover:radius8"]:hover {
  border-radius: 8px;
}

.radius16 {
  border-radius: 16px;
}

[class~="hover:radius16"]:hover {
  border-radius: 16px;
}

.radius20 {
  border-radius: 20px;
}

[class~="hover:radius20"]:hover {
  border-radius: 20px;
}

.radius24 {
  border-radius: 24px;
}

[class~="hover:radius24"]:hover {
  border-radius: 24px;
}

.radius32 {
  border-radius: 32px;
}

[class~="hover:radius32"]:hover {
  border-radius: 32px;
}

.radius-tl0 {
  border-top-left-radius: 0;
}

[class~="hover:radius-tl0"]:hover {
  border-top-left-radius: 0;
}

.radius-tl2 {
  border-top-left-radius: 2px;
}

[class~="hover:radius-tl2"]:hover {
  border-top-left-radius: 2px;
}

.radius-tl4 {
  border-top-left-radius: 4px;
}

[class~="hover:radius-tl4"]:hover {
  border-top-left-radius: 4px;
}

.radius-tl8 {
  border-top-left-radius: 8px;
}

[class~="hover:radius-tl8"]:hover {
  border-top-left-radius: 8px;
}

.radius-tl16 {
  border-top-left-radius: 16px;
}

[class~="hover:radius-tl16"]:hover {
  border-top-left-radius: 16px;
}

.radius-tl20 {
  border-top-left-radius: 20px;
}

[class~="hover:radius-tl20"]:hover {
  border-top-left-radius: 20px;
}

.radius-tl24 {
  border-top-left-radius: 24px;
}

[class~="hover:radius-tl24"]:hover {
  border-top-left-radius: 24px;
}

.radius-tl32 {
  border-top-left-radius: 32px;
}

[class~="hover:radius-tl32"]:hover {
  border-top-left-radius: 32px;
}

.radius-tr0 {
  border-top-right-radius: 0;
}

[class~="hover:radius-tr0"]:hover {
  border-top-right-radius: 0;
}

.radius-tr2 {
  border-top-right-radius: 2px;
}

[class~="hover:radius-tr2"]:hover {
  border-top-right-radius: 2px;
}

.radius-tr4 {
  border-top-right-radius: 4px;
}

[class~="hover:radius-tr4"]:hover {
  border-top-right-radius: 4px;
}

.radius-tr8 {
  border-top-right-radius: 8px;
}

[class~="hover:radius-tr8"]:hover {
  border-top-right-radius: 8px;
}

.radius-tr16 {
  border-top-right-radius: 16px;
}

[class~="hover:radius-tr16"]:hover {
  border-top-right-radius: 16px;
}

.radius-tr20 {
  border-top-right-radius: 20px;
}

[class~="hover:radius-tr20"]:hover {
  border-top-right-radius: 20px;
}

.radius-tr24 {
  border-top-right-radius: 24px;
}

[class~="hover:radius-tr24"]:hover {
  border-top-right-radius: 24px;
}

.radius-tr32 {
  border-top-right-radius: 32px;
}

[class~="hover:radius-tr32"]:hover {
  border-top-right-radius: 32px;
}

.radius-br0 {
  border-bottom-right-radius: 0;
}

[class~="hover:radius-br0"]:hover {
  border-bottom-right-radius: 0;
}

.radius-br2 {
  border-bottom-right-radius: 2px;
}

[class~="hover:radius-br2"]:hover {
  border-bottom-right-radius: 2px;
}

.radius-br4 {
  border-bottom-right-radius: 4px;
}

[class~="hover:radius-br4"]:hover {
  border-bottom-right-radius: 4px;
}

.radius-br8 {
  border-bottom-right-radius: 8px;
}

[class~="hover:radius-br8"]:hover {
  border-bottom-right-radius: 8px;
}

.radius-br16 {
  border-bottom-right-radius: 16px;
}

[class~="hover:radius-br16"]:hover {
  border-bottom-right-radius: 16px;
}

.radius-br20 {
  border-bottom-right-radius: 20px;
}

[class~="hover:radius-br20"]:hover {
  border-bottom-right-radius: 20px;
}

.radius-br24 {
  border-bottom-right-radius: 24px;
}

[class~="hover:radius-br24"]:hover {
  border-bottom-right-radius: 24px;
}

.radius-br32 {
  border-bottom-right-radius: 32px;
}

[class~="hover:radius-br32"]:hover {
  border-bottom-right-radius: 32px;
}

.radius-bl0 {
  border-bottom-left-radius: 0;
}

[class~="hover:radius-bl0"]:hover {
  border-bottom-left-radius: 0;
}

.radius-bl2 {
  border-bottom-left-radius: 2px;
}

[class~="hover:radius-bl2"]:hover {
  border-bottom-left-radius: 2px;
}

.radius-bl4 {
  border-bottom-left-radius: 4px;
}

[class~="hover:radius-bl4"]:hover {
  border-bottom-left-radius: 4px;
}

.radius-bl8 {
  border-bottom-left-radius: 8px;
}

[class~="hover:radius-bl8"]:hover {
  border-bottom-left-radius: 8px;
}

.radius-bl16 {
  border-bottom-left-radius: 16px;
}

[class~="hover:radius-bl16"]:hover {
  border-bottom-left-radius: 16px;
}

.radius-bl20 {
  border-bottom-left-radius: 20px;
}

[class~="hover:radius-bl20"]:hover {
  border-bottom-left-radius: 20px;
}

.radius-bl24 {
  border-bottom-left-radius: 24px;
}

[class~="hover:radius-bl24"]:hover {
  border-bottom-left-radius: 24px;
}

.radius-bl32 {
  border-bottom-left-radius: 32px;
}

[class~="hover:radius-bl32"]:hover {
  border-bottom-left-radius: 32px;
}

.bgr-nr {
  background-repeat: no-repeat;
}

[class~="hover:bgr-nr"]:hover {
  background-repeat: no-repeat;
}

.bgr-r {
  background-repeat: repeat;
}

[class~="hover:bgr-r"]:hover {
  background-repeat: repeat;
}

.bgr-rx {
  background-repeat: repeat-x;
}

[class~="hover:bgr-rx"]:hover {
  background-repeat: repeat-x;
}

.bgr-ry {
  background-repeat: repeat-y;
}

[class~="hover:bgr-ry"]:hover {
  background-repeat: repeat-y;
}

.bgz-auto {
  background-size: auto;
}

[class~="hover:bgz-auto"]:hover {
  background-size: auto;
}

.bgz-cover {
  background-size: cover;
}

[class~="hover:bgz-cover"]:hover {
  background-size: cover;
}

.bgz-contain {
  background-size: contain;
}

[class~="hover:bgz-contain"]:hover {
  background-size: contain;
}

.bgp-c {
  background-position: center;
}

[class~="hover:bgp-c"]:hover {
  background-position: center;
}

.bgp-t {
  background-position: top;
}

[class~="hover:bgp-t"]:hover {
  background-position: top;
}

.bgp-b {
  background-position: bottom;
}

[class~="hover:bgp-b"]:hover {
  background-position: bottom;
}

.bgp-l {
  background-position: left;
}

[class~="hover:bgp-l"]:hover {
  background-position: left;
}

.bgp-r {
  background-position: right;
}

[class~="hover:bgp-r"]:hover {
  background-position: right;
}

.lst-none {
  list-style-type: none;
}

[class~="hover:lst-none"]:hover {
  list-style-type: none;
}

.lst-disc {
  list-style-type: disc;
}

[class~="hover:lst-disc"]:hover {
  list-style-type: disc;
}

.lst-circle {
  list-style-type: circle;
}

[class~="hover:lst-circle"]:hover {
  list-style-type: circle;
}

.lst-square {
  list-style-type: square;
}

[class~="hover:lst-square"]:hover {
  list-style-type: square;
}

.lst-decimal {
  list-style-type: decimal;
}

[class~="hover:lst-decimal"]:hover {
  list-style-type: decimal;
}

.lst-decimal-leading-zero {
  list-style-type: decimal-leading-zero;
}

[class~="hover:lst-decimal-leading-zero"]:hover {
  list-style-type: decimal-leading-zero;
}

.lst-lower-roman {
  list-style-type: lower-roman;
}

[class~="hover:lst-lower-roman"]:hover {
  list-style-type: lower-roman;
}

.lst-upper-roman {
  list-style-type: upper-roman;
}

[class~="hover:lst-upper-roman"]:hover {
  list-style-type: upper-roman;
}

.lst-lower-alpha {
  list-style-type: lower-alpha;
}

[class~="hover:lst-lower-alpha"]:hover {
  list-style-type: lower-alpha;
}

.lst-upper-alpha {
  list-style-type: upper-alpha;
}

[class~="hover:lst-upper-alpha"]:hover {
  list-style-type: upper-alpha;
}

.tl-auto {
  table-layout: auto;
}

[class~="hover:tl-auto"]:hover {
  table-layout: auto;
}

.tl-fixed {
  table-layout: fixed;
}

[class~="hover:tl-fixed"]:hover {
  table-layout: fixed;
}

.tp-none {
  transition-property: none;
}

[class~="hover:tp-none"]:hover {
  transition-property: none;
}

.tp-all {
  transition-property: all;
}

[class~="hover:tp-all"]:hover {
  transition-property: all;
}

.tp-color {
  transition-property: color;
}

[class~="hover:tp-color"]:hover {
  transition-property: color;
}

.tp-bgcolor {
  transition-property: background-color;
}

[class~="hover:tp-bgcolor"]:hover {
  transition-property: background-color;
}

.tp-border-color {
  transition-property: border-color;
}

[class~="hover:tp-border-color"]:hover {
  transition-property: border-color;
}

.tp-opacity {
  transition-property: opacity;
}

[class~="hover:tp-opacity"]:hover {
  transition-property: opacity;
}

.tp-transform {
  transition-property: transform;
}

[class~="hover:tp-transform"]:hover {
  transition-property: transform;
}

.td0 {
  transition-duration: 0;
}

[class~="hover:td0"]:hover {
  transition-duration: 0;
}

.td100 {
  transition-duration: 0.1s;
}

[class~="hover:td100"]:hover {
  transition-duration: 0.1s;
}

.td200 {
  transition-duration: 0.2s;
}

[class~="hover:td200"]:hover {
  transition-duration: 0.2s;
}

.td300 {
  transition-duration: 0.3s;
}

[class~="hover:td300"]:hover {
  transition-duration: 0.3s;
}

.td400 {
  transition-duration: 0.4s;
}

[class~="hover:td400"]:hover {
  transition-duration: 0.4s;
}

.td500 {
  transition-duration: 0.5s;
}

[class~="hover:td500"]:hover {
  transition-duration: 0.5s;
}

.ttf-linear {
  transition-timing-function: linear;
}

[class~="hover:ttf-linear"]:hover {
  transition-timing-function: linear;
}

.ttf-ease {
  transition-timing-function: ease;
}

[class~="hover:ttf-ease"]:hover {
  transition-timing-function: ease;
}

.ttf-ease-in {
  transition-timing-function: ease-in;
}

[class~="hover:ttf-ease-in"]:hover {
  transition-timing-function: ease-in;
}

.ttf-ease-out {
  transition-timing-function: ease-out;
}

[class~="hover:ttf-ease-out"]:hover {
  transition-timing-function: ease-out;
}

.ttf-ease-in-out {
  transition-timing-function: ease-in-out;
}

[class~="hover:ttf-ease-in-out"]:hover {
  transition-timing-function: ease-in-out;
}

.v-v {
  visibility: visible;
}

[class~="hover:v-v"]:hover {
  visibility: visible;
}

.v-h {
  visibility: hidden;
}

[class~="hover:v-h"]:hover {
  visibility: hidden;
}

.v-c {
  visibility: collapse;
}

[class~="hover:v-c"]:hover {
  visibility: collapse;
}

.of-v {
  overflow: visible;
}

[class~="hover:of-v"]:hover {
  overflow: visible;
}

.of-h {
  overflow: hidden;
}

[class~="hover:of-h"]:hover {
  overflow: hidden;
}

.of-s {
  overflow: scroll;
}

[class~="hover:of-s"]:hover {
  overflow: scroll;
}

.of-a {
  overflow: auto;
}

[class~="hover:of-a"]:hover {
  overflow: auto;
}

.o0 {
  opacity: 0;
}

[class~="hover:o0"]:hover {
  opacity: 0;
}

.o10 {
  opacity: 0.1;
}

[class~="hover:o10"]:hover {
  opacity: 0.1;
}

.o20 {
  opacity: 0.2;
}

[class~="hover:o20"]:hover {
  opacity: 0.2;
}

.o30 {
  opacity: 0.3;
}

[class~="hover:o30"]:hover {
  opacity: 0.3;
}

.o40 {
  opacity: 0.4;
}

[class~="hover:o40"]:hover {
  opacity: 0.4;
}

.o50 {
  opacity: 0.5;
}

[class~="hover:o50"]:hover {
  opacity: 0.5;
}

.o60 {
  opacity: 0.6;
}

[class~="hover:o60"]:hover {
  opacity: 0.6;
}

.o70 {
  opacity: 0.7;
}

[class~="hover:o70"]:hover {
  opacity: 0.7;
}

.o80 {
  opacity: 0.8;
}

[class~="hover:o80"]:hover {
  opacity: 0.8;
}

.o90 {
  opacity: 0.9;
}

[class~="hover:o90"]:hover {
  opacity: 0.9;
}

.o100 {
  opacity: 1;
}

[class~="hover:o100"]:hover {
  opacity: 1;
}

.cu-a {
  cursor: auto;
}

[class~="hover:cu-a"]:hover {
  cursor: auto;
}

.cu-d {
  cursor: default;
}

[class~="hover:cu-d"]:hover {
  cursor: default;
}

.cu-p {
  cursor: pointer;
}

[class~="hover:cu-p"]:hover {
  cursor: pointer;
}

.cu-t {
  cursor: text;
}

[class~="hover:cu-t"]:hover {
  cursor: text;
}

.cu-m {
  cursor: move;
}

[class~="hover:cu-m"]:hover {
  cursor: move;
}

.cu-na {
  cursor: not-allowed;
}

[class~="hover:cu-na"]:hover {
  cursor: not-allowed;
}

.cu-w {
  cursor: wait;
}

[class~="hover:cu-w"]:hover {
  cursor: wait;
}

.cu-h {
  cursor: help;
}

[class~="hover:cu-h"]:hover {
  cursor: help;
}

.full-bleed {
  margin-inline: calc(-1 * var(--fullbleed));
}

[class~="hover:full-bleed"]:hover {
  margin-inline: calc(-1 * var(--fullbleed));
}

.left-bleed {
  margin-inline-start: calc(-1 * var(--fullbleed));
}

[class~="hover:left-bleed"]:hover {
  margin-left: calc(-1 * var(--fullbleed));
}

.right-bleed {
  margin-inline-end: calc(-1 * var(--fullbleed));
}

[class~="hover:right-bleed"]:hover {
  margin-right: calc(-1 * var(--fullbleed));
}

.u-wrapper {
  margin-inline: var(--fullbleed) !important;
}

.wrapper320 {
  --fullbleed: max(1.5em, 50cqw - (20rem / 2));
  margin-inline: var(--fullbleed);
}

[class~="hover:wrapper320"]:hover {
  --fullbleed: max(1.5em, 50cqw - (20rem / 2));
  margin-inline: var(--fullbleed);
}

.wrapper480 {
  --fullbleed: max(1.5em, 50cqw - (30rem / 2));
  margin-inline: var(--fullbleed);
}

[class~="hover:wrapper480"]:hover {
  --fullbleed: max(1.5em, 50cqw - (30rem / 2));
  margin-inline: var(--fullbleed);
}

.wrapper768 {
  --fullbleed: max(1.5em, 50cqw - (48rem / 2));
  margin-inline: var(--fullbleed);
}

[class~="hover:wrapper768"]:hover {
  --fullbleed: max(1.5em, 50cqw - (48rem / 2));
  margin-inline: var(--fullbleed);
}

.wrapper800 {
  --fullbleed: max(1.5em, 50cqw - (50rem / 2));
  margin-inline: var(--fullbleed);
}

[class~="hover:wrapper800"]:hover {
  --fullbleed: max(1.5em, 50cqw - (50rem / 2));
  margin-inline: var(--fullbleed);
}

.wrapper960 {
  --fullbleed: max(1.5em, 50cqw - (60rem / 2));
  margin-inline: var(--fullbleed);
}

[class~="hover:wrapper960"]:hover {
  --fullbleed: max(1.5em, 50cqw - (60rem / 2));
  margin-inline: var(--fullbleed);
}

.wrapper1000 {
  --fullbleed: max(1.5em, 50cqw - (62.5rem / 2));
  margin-inline: var(--fullbleed);
}

[class~="hover:wrapper1000"]:hover {
  --fullbleed: max(1.5em, 50cqw - (62.5rem / 2));
  margin-inline: var(--fullbleed);
}

.wrapper1200 {
  --fullbleed: max(1.5em, 50cqw - (75rem / 2));
  margin-inline: var(--fullbleed);
}

[class~="hover:wrapper1200"]:hover {
  --fullbleed: max(1.5em, 50cqw - (75rem / 2));
  margin-inline: var(--fullbleed);
}

.wrapper1440 {
  --fullbleed: max(1.5em, 50cqw - (90rem / 2));
  margin-inline: var(--fullbleed);
}

[class~="hover:wrapper1440"]:hover {
  --fullbleed: max(1.5em, 50cqw - (90rem / 2));
  margin-inline: var(--fullbleed);
}

@media (min-width: 480px) {
  [class~="sm:text-xs"] {
    font-size: var(--text-xs);
  }
  [class~="sm:hover:text-xs"]:hover {
    font-size: var(--text-xs);
  }
  [class~="sm:text-sm"] {
    font-size: var(--text-sm);
  }
  [class~="sm:hover:text-sm"]:hover {
    font-size: var(--text-sm);
  }
  [class~="sm:text-md"] {
    font-size: var(--text-md);
  }
  [class~="sm:hover:text-md"]:hover {
    font-size: var(--text-md);
  }
  [class~="sm:text-lg"] {
    font-size: var(--text-lg);
  }
  [class~="sm:hover:text-lg"]:hover {
    font-size: var(--text-lg);
  }
  [class~="sm:text-xl"] {
    font-size: var(--text-xl);
  }
  [class~="sm:hover:text-xl"]:hover {
    font-size: var(--text-xl);
  }
  [class~="sm:text-2xl"] {
    font-size: var(--text-2xl);
  }
  [class~="sm:hover:text-2xl"]:hover {
    font-size: var(--text-2xl);
  }
  [class~="sm:text-3xl"] {
    font-size: var(--text-3xl);
  }
  [class~="sm:hover:text-3xl"]:hover {
    font-size: var(--text-3xl);
  }
  [class~="sm:text-4xl"] {
    font-size: var(--text-4xl);
  }
  [class~="sm:hover:text-4xl"]:hover {
    font-size: var(--text-4xl);
  }
  [class~="sm:text-5xl"] {
    font-size: var(--text-5xl);
  }
  [class~="sm:hover:text-5xl"]:hover {
    font-size: var(--text-5xl);
  }
  [class~="sm:text-6xl"] {
    font-size: var(--text-6xl);
  }
  [class~="sm:hover:text-6xl"]:hover {
    font-size: var(--text-6xl);
  }
  [class~="sm:text-7xl"] {
    font-size: var(--text-7xl);
  }
  [class~="sm:hover:text-7xl"]:hover {
    font-size: var(--text-7xl);
  }
  [class~="sm:text-8xl"] {
    font-size: var(--text-8xl);
  }
  [class~="sm:hover:text-8xl"]:hover {
    font-size: var(--text-8xl);
  }
  [class~="sm:text-9xl"] {
    font-size: var(--text-9xl);
  }
  [class~="sm:hover:text-9xl"]:hover {
    font-size: var(--text-9xl);
  }
  [class~="sm:padding0"] {
    padding: 0 !important;
  }
  [class~="sm:hover:padding0"]:hover {
    padding: 0 !important;
  }
  [class~="sm:padding1"] {
    padding: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:hover:padding1"]:hover {
    padding: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:padding2"] {
    padding: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:hover:padding2"]:hover {
    padding: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:padding3"] {
    padding: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:hover:padding3"]:hover {
    padding: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:padding4"] {
    padding: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:hover:padding4"]:hover {
    padding: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:padding5"] {
    padding: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:hover:padding5"]:hover {
    padding: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:padding6"] {
    padding: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:hover:padding6"]:hover {
    padding: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:padding8"] {
    padding: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:hover:padding8"]:hover {
    padding: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:padding10"] {
    padding: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:hover:padding10"]:hover {
    padding: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:padding12"] {
    padding: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:hover:padding12"]:hover {
    padding: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:padding16"] {
    padding: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:hover:padding16"]:hover {
    padding: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:padding20"] {
    padding: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:hover:padding20"]:hover {
    padding: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:padding24"] {
    padding: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:hover:padding24"]:hover {
    padding: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:padding32"] {
    padding: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:hover:padding32"]:hover {
    padding: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:padding40"] {
    padding: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:hover:padding40"]:hover {
    padding: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:padding48"] {
    padding: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:hover:padding48"]:hover {
    padding: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:padding64"] {
    padding: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:hover:padding64"]:hover {
    padding: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:padding80"] {
    padding: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:hover:padding80"]:hover {
    padding: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:padding96"] {
    padding: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:hover:padding96"]:hover {
    padding: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:padding128"] {
    padding: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:hover:padding128"]:hover {
    padding: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:pb0"] {
    padding-block: 0 !important;
  }
  [class~="sm:hover:pb0"]:hover {
    padding-block: 0 !important;
  }
  [class~="sm:pb1"] {
    padding-block: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:hover:pb1"]:hover {
    padding-block: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:pb2"] {
    padding-block: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:hover:pb2"]:hover {
    padding-block: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:pb3"] {
    padding-block: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:hover:pb3"]:hover {
    padding-block: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:pb4"] {
    padding-block: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:hover:pb4"]:hover {
    padding-block: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:pb5"] {
    padding-block: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:hover:pb5"]:hover {
    padding-block: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:pb6"] {
    padding-block: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:hover:pb6"]:hover {
    padding-block: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:pb8"] {
    padding-block: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:hover:pb8"]:hover {
    padding-block: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:pb10"] {
    padding-block: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:hover:pb10"]:hover {
    padding-block: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:pb12"] {
    padding-block: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:hover:pb12"]:hover {
    padding-block: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:pb16"] {
    padding-block: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:hover:pb16"]:hover {
    padding-block: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:pb20"] {
    padding-block: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:hover:pb20"]:hover {
    padding-block: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:pb24"] {
    padding-block: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:hover:pb24"]:hover {
    padding-block: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:pb32"] {
    padding-block: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:hover:pb32"]:hover {
    padding-block: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:pb40"] {
    padding-block: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:hover:pb40"]:hover {
    padding-block: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:pb48"] {
    padding-block: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:hover:pb48"]:hover {
    padding-block: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:pb64"] {
    padding-block: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:hover:pb64"]:hover {
    padding-block: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:pb80"] {
    padding-block: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:hover:pb80"]:hover {
    padding-block: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:pb96"] {
    padding-block: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:hover:pb96"]:hover {
    padding-block: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:pb128"] {
    padding-block: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:hover:pb128"]:hover {
    padding-block: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:pbs0"] {
    padding-block-start: 0 !important;
  }
  [class~="sm:hover:pbs0"]:hover {
    padding-block-start: 0 !important;
  }
  [class~="sm:pbs1"] {
    padding-block-start: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:hover:pbs1"]:hover {
    padding-block-start: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:pbs2"] {
    padding-block-start: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:hover:pbs2"]:hover {
    padding-block-start: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:pbs3"] {
    padding-block-start: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:hover:pbs3"]:hover {
    padding-block-start: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:pbs4"] {
    padding-block-start: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:hover:pbs4"]:hover {
    padding-block-start: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:pbs5"] {
    padding-block-start: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:hover:pbs5"]:hover {
    padding-block-start: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:pbs6"] {
    padding-block-start: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:hover:pbs6"]:hover {
    padding-block-start: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:pbs8"] {
    padding-block-start: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:hover:pbs8"]:hover {
    padding-block-start: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:pbs10"] {
    padding-block-start: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:hover:pbs10"]:hover {
    padding-block-start: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:pbs12"] {
    padding-block-start: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:hover:pbs12"]:hover {
    padding-block-start: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:pbs16"] {
    padding-block-start: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:hover:pbs16"]:hover {
    padding-block-start: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:pbs20"] {
    padding-block-start: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:hover:pbs20"]:hover {
    padding-block-start: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:pbs24"] {
    padding-block-start: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:hover:pbs24"]:hover {
    padding-block-start: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:pbs32"] {
    padding-block-start: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:hover:pbs32"]:hover {
    padding-block-start: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:pbs40"] {
    padding-block-start: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:hover:pbs40"]:hover {
    padding-block-start: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:pbs48"] {
    padding-block-start: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:hover:pbs48"]:hover {
    padding-block-start: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:pbs64"] {
    padding-block-start: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:hover:pbs64"]:hover {
    padding-block-start: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:pbs80"] {
    padding-block-start: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:hover:pbs80"]:hover {
    padding-block-start: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:pbs96"] {
    padding-block-start: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:hover:pbs96"]:hover {
    padding-block-start: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:pbs128"] {
    padding-block-start: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:hover:pbs128"]:hover {
    padding-block-start: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:pbe0"] {
    padding-block-end: 0 !important;
  }
  [class~="sm:hover:pbe0"]:hover {
    padding-block-end: 0 !important;
  }
  [class~="sm:pbe1"] {
    padding-block-end: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:hover:pbe1"]:hover {
    padding-block-end: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:pbe2"] {
    padding-block-end: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:hover:pbe2"]:hover {
    padding-block-end: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:pbe3"] {
    padding-block-end: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:hover:pbe3"]:hover {
    padding-block-end: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:pbe4"] {
    padding-block-end: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:hover:pbe4"]:hover {
    padding-block-end: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:pbe5"] {
    padding-block-end: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:hover:pbe5"]:hover {
    padding-block-end: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:pbe6"] {
    padding-block-end: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:hover:pbe6"]:hover {
    padding-block-end: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:pbe8"] {
    padding-block-end: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:hover:pbe8"]:hover {
    padding-block-end: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:pbe10"] {
    padding-block-end: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:hover:pbe10"]:hover {
    padding-block-end: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:pbe12"] {
    padding-block-end: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:hover:pbe12"]:hover {
    padding-block-end: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:pbe16"] {
    padding-block-end: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:hover:pbe16"]:hover {
    padding-block-end: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:pbe20"] {
    padding-block-end: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:hover:pbe20"]:hover {
    padding-block-end: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:pbe24"] {
    padding-block-end: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:hover:pbe24"]:hover {
    padding-block-end: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:pbe32"] {
    padding-block-end: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:hover:pbe32"]:hover {
    padding-block-end: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:pbe40"] {
    padding-block-end: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:hover:pbe40"]:hover {
    padding-block-end: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:pbe48"] {
    padding-block-end: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:hover:pbe48"]:hover {
    padding-block-end: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:pbe64"] {
    padding-block-end: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:hover:pbe64"]:hover {
    padding-block-end: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:pbe80"] {
    padding-block-end: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:hover:pbe80"]:hover {
    padding-block-end: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:pbe96"] {
    padding-block-end: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:hover:pbe96"]:hover {
    padding-block-end: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:pbe128"] {
    padding-block-end: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:hover:pbe128"]:hover {
    padding-block-end: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:pi0"] {
    padding-inline: 0 !important;
  }
  [class~="sm:hover:pi0"]:hover {
    padding-inline: 0 !important;
  }
  [class~="sm:pi1"] {
    padding-inline: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:hover:pi1"]:hover {
    padding-inline: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:pi2"] {
    padding-inline: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:hover:pi2"]:hover {
    padding-inline: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:pi3"] {
    padding-inline: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:hover:pi3"]:hover {
    padding-inline: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:pi4"] {
    padding-inline: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:hover:pi4"]:hover {
    padding-inline: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:pi5"] {
    padding-inline: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:hover:pi5"]:hover {
    padding-inline: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:pi6"] {
    padding-inline: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:hover:pi6"]:hover {
    padding-inline: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:pi8"] {
    padding-inline: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:hover:pi8"]:hover {
    padding-inline: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:pi10"] {
    padding-inline: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:hover:pi10"]:hover {
    padding-inline: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:pi12"] {
    padding-inline: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:hover:pi12"]:hover {
    padding-inline: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:pi16"] {
    padding-inline: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:hover:pi16"]:hover {
    padding-inline: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:pi20"] {
    padding-inline: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:hover:pi20"]:hover {
    padding-inline: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:pi24"] {
    padding-inline: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:hover:pi24"]:hover {
    padding-inline: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:pi32"] {
    padding-inline: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:hover:pi32"]:hover {
    padding-inline: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:pi40"] {
    padding-inline: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:hover:pi40"]:hover {
    padding-inline: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:pi48"] {
    padding-inline: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:hover:pi48"]:hover {
    padding-inline: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:pi64"] {
    padding-inline: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:hover:pi64"]:hover {
    padding-inline: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:pi80"] {
    padding-inline: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:hover:pi80"]:hover {
    padding-inline: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:pi96"] {
    padding-inline: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:hover:pi96"]:hover {
    padding-inline: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:pi128"] {
    padding-inline: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:hover:pi128"]:hover {
    padding-inline: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:pis0"] {
    padding-inline-start: 0 !important;
  }
  [class~="sm:hover:pis0"]:hover {
    padding-inline-start: 0 !important;
  }
  [class~="sm:pis1"] {
    padding-inline-start: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:hover:pis1"]:hover {
    padding-inline-start: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:pis2"] {
    padding-inline-start: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:hover:pis2"]:hover {
    padding-inline-start: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:pis3"] {
    padding-inline-start: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:hover:pis3"]:hover {
    padding-inline-start: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:pis4"] {
    padding-inline-start: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:hover:pis4"]:hover {
    padding-inline-start: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:pis5"] {
    padding-inline-start: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:hover:pis5"]:hover {
    padding-inline-start: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:pis6"] {
    padding-inline-start: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:hover:pis6"]:hover {
    padding-inline-start: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:pis8"] {
    padding-inline-start: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:hover:pis8"]:hover {
    padding-inline-start: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:pis10"] {
    padding-inline-start: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:hover:pis10"]:hover {
    padding-inline-start: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:pis12"] {
    padding-inline-start: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:hover:pis12"]:hover {
    padding-inline-start: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:pis16"] {
    padding-inline-start: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:hover:pis16"]:hover {
    padding-inline-start: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:pis20"] {
    padding-inline-start: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:hover:pis20"]:hover {
    padding-inline-start: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:pis24"] {
    padding-inline-start: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:hover:pis24"]:hover {
    padding-inline-start: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:pis32"] {
    padding-inline-start: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:hover:pis32"]:hover {
    padding-inline-start: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:pis40"] {
    padding-inline-start: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:hover:pis40"]:hover {
    padding-inline-start: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:pis48"] {
    padding-inline-start: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:hover:pis48"]:hover {
    padding-inline-start: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:pis64"] {
    padding-inline-start: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:hover:pis64"]:hover {
    padding-inline-start: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:pis80"] {
    padding-inline-start: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:hover:pis80"]:hover {
    padding-inline-start: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:pis96"] {
    padding-inline-start: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:hover:pis96"]:hover {
    padding-inline-start: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:pis128"] {
    padding-inline-start: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:hover:pis128"]:hover {
    padding-inline-start: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:pie0"] {
    padding-inline-end: 0 !important;
  }
  [class~="sm:hover:pie0"]:hover {
    padding-inline-end: 0 !important;
  }
  [class~="sm:pie1"] {
    padding-inline-end: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:hover:pie1"]:hover {
    padding-inline-end: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:pie2"] {
    padding-inline-end: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:hover:pie2"]:hover {
    padding-inline-end: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:pie3"] {
    padding-inline-end: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:hover:pie3"]:hover {
    padding-inline-end: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:pie4"] {
    padding-inline-end: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:hover:pie4"]:hover {
    padding-inline-end: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:pie5"] {
    padding-inline-end: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:hover:pie5"]:hover {
    padding-inline-end: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:pie6"] {
    padding-inline-end: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:hover:pie6"]:hover {
    padding-inline-end: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:pie8"] {
    padding-inline-end: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:hover:pie8"]:hover {
    padding-inline-end: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:pie10"] {
    padding-inline-end: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:hover:pie10"]:hover {
    padding-inline-end: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:pie12"] {
    padding-inline-end: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:hover:pie12"]:hover {
    padding-inline-end: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:pie16"] {
    padding-inline-end: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:hover:pie16"]:hover {
    padding-inline-end: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:pie20"] {
    padding-inline-end: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:hover:pie20"]:hover {
    padding-inline-end: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:pie24"] {
    padding-inline-end: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:hover:pie24"]:hover {
    padding-inline-end: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:pie32"] {
    padding-inline-end: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:hover:pie32"]:hover {
    padding-inline-end: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:pie40"] {
    padding-inline-end: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:hover:pie40"]:hover {
    padding-inline-end: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:pie48"] {
    padding-inline-end: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:hover:pie48"]:hover {
    padding-inline-end: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:pie64"] {
    padding-inline-end: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:hover:pie64"]:hover {
    padding-inline-end: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:pie80"] {
    padding-inline-end: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:hover:pie80"]:hover {
    padding-inline-end: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:pie96"] {
    padding-inline-end: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:hover:pie96"]:hover {
    padding-inline-end: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:pie128"] {
    padding-inline-end: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:hover:pie128"]:hover {
    padding-inline-end: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:m0"] {
    margin: 0 !important;
  }
  [class~="sm:hover:m0"]:hover {
    margin: 0 !important;
  }
  [class~="sm:m1"] {
    margin: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:hover:m1"]:hover {
    margin: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:m2"] {
    margin: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:hover:m2"]:hover {
    margin: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:m3"] {
    margin: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:hover:m3"]:hover {
    margin: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:m4"] {
    margin: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:hover:m4"]:hover {
    margin: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:m5"] {
    margin: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:hover:m5"]:hover {
    margin: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:m6"] {
    margin: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:hover:m6"]:hover {
    margin: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:m8"] {
    margin: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:hover:m8"]:hover {
    margin: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:m10"] {
    margin: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:hover:m10"]:hover {
    margin: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:m12"] {
    margin: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:hover:m12"]:hover {
    margin: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:m16"] {
    margin: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:hover:m16"]:hover {
    margin: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:m20"] {
    margin: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:hover:m20"]:hover {
    margin: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:m24"] {
    margin: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:hover:m24"]:hover {
    margin: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:m32"] {
    margin: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:hover:m32"]:hover {
    margin: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:m40"] {
    margin: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:hover:m40"]:hover {
    margin: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:m48"] {
    margin: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:hover:m48"]:hover {
    margin: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:m64"] {
    margin: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:hover:m64"]:hover {
    margin: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:m80"] {
    margin: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:hover:m80"]:hover {
    margin: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:m96"] {
    margin: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:hover:m96"]:hover {
    margin: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:m128"] {
    margin: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:hover:m128"]:hover {
    margin: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:mb0"] {
    margin-block: 0 !important;
  }
  [class~="sm:hover:mb0"]:hover {
    margin-block: 0 !important;
  }
  [class~="sm:mb1"] {
    margin-block: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:hover:mb1"]:hover {
    margin-block: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:mb2"] {
    margin-block: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:hover:mb2"]:hover {
    margin-block: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:mb3"] {
    margin-block: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:hover:mb3"]:hover {
    margin-block: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:mb4"] {
    margin-block: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:hover:mb4"]:hover {
    margin-block: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:mb5"] {
    margin-block: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:hover:mb5"]:hover {
    margin-block: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:mb6"] {
    margin-block: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:hover:mb6"]:hover {
    margin-block: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:mb8"] {
    margin-block: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:hover:mb8"]:hover {
    margin-block: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:mb10"] {
    margin-block: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:hover:mb10"]:hover {
    margin-block: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:mb12"] {
    margin-block: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:hover:mb12"]:hover {
    margin-block: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:mb16"] {
    margin-block: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:hover:mb16"]:hover {
    margin-block: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:mb20"] {
    margin-block: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:hover:mb20"]:hover {
    margin-block: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:mb24"] {
    margin-block: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:hover:mb24"]:hover {
    margin-block: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:mb32"] {
    margin-block: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:hover:mb32"]:hover {
    margin-block: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:mb40"] {
    margin-block: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:hover:mb40"]:hover {
    margin-block: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:mb48"] {
    margin-block: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:hover:mb48"]:hover {
    margin-block: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:mb64"] {
    margin-block: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:hover:mb64"]:hover {
    margin-block: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:mb80"] {
    margin-block: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:hover:mb80"]:hover {
    margin-block: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:mb96"] {
    margin-block: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:hover:mb96"]:hover {
    margin-block: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:mb128"] {
    margin-block: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:hover:mb128"]:hover {
    margin-block: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:mbs0"] {
    margin-block-start: 0 !important;
  }
  [class~="sm:hover:mbs0"]:hover {
    margin-block-start: 0 !important;
  }
  [class~="sm:mbs1"] {
    margin-block-start: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:hover:mbs1"]:hover {
    margin-block-start: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:mbs2"] {
    margin-block-start: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:hover:mbs2"]:hover {
    margin-block-start: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:mbs3"] {
    margin-block-start: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:hover:mbs3"]:hover {
    margin-block-start: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:mbs4"] {
    margin-block-start: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:hover:mbs4"]:hover {
    margin-block-start: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:mbs5"] {
    margin-block-start: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:hover:mbs5"]:hover {
    margin-block-start: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:mbs6"] {
    margin-block-start: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:hover:mbs6"]:hover {
    margin-block-start: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:mbs8"] {
    margin-block-start: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:hover:mbs8"]:hover {
    margin-block-start: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:mbs10"] {
    margin-block-start: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:hover:mbs10"]:hover {
    margin-block-start: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:mbs12"] {
    margin-block-start: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:hover:mbs12"]:hover {
    margin-block-start: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:mbs16"] {
    margin-block-start: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:hover:mbs16"]:hover {
    margin-block-start: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:mbs20"] {
    margin-block-start: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:hover:mbs20"]:hover {
    margin-block-start: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:mbs24"] {
    margin-block-start: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:hover:mbs24"]:hover {
    margin-block-start: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:mbs32"] {
    margin-block-start: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:hover:mbs32"]:hover {
    margin-block-start: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:mbs40"] {
    margin-block-start: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:hover:mbs40"]:hover {
    margin-block-start: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:mbs48"] {
    margin-block-start: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:hover:mbs48"]:hover {
    margin-block-start: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:mbs64"] {
    margin-block-start: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:hover:mbs64"]:hover {
    margin-block-start: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:mbs80"] {
    margin-block-start: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:hover:mbs80"]:hover {
    margin-block-start: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:mbs96"] {
    margin-block-start: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:hover:mbs96"]:hover {
    margin-block-start: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:mbs128"] {
    margin-block-start: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:hover:mbs128"]:hover {
    margin-block-start: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:mbe0"] {
    margin-block-end: 0 !important;
  }
  [class~="sm:hover:mbe0"]:hover {
    margin-block-end: 0 !important;
  }
  [class~="sm:mbe1"] {
    margin-block-end: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:hover:mbe1"]:hover {
    margin-block-end: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:mbe2"] {
    margin-block-end: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:hover:mbe2"]:hover {
    margin-block-end: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:mbe3"] {
    margin-block-end: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:hover:mbe3"]:hover {
    margin-block-end: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:mbe4"] {
    margin-block-end: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:hover:mbe4"]:hover {
    margin-block-end: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:mbe5"] {
    margin-block-end: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:hover:mbe5"]:hover {
    margin-block-end: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:mbe6"] {
    margin-block-end: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:hover:mbe6"]:hover {
    margin-block-end: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:mbe8"] {
    margin-block-end: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:hover:mbe8"]:hover {
    margin-block-end: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:mbe10"] {
    margin-block-end: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:hover:mbe10"]:hover {
    margin-block-end: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:mbe12"] {
    margin-block-end: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:hover:mbe12"]:hover {
    margin-block-end: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:mbe16"] {
    margin-block-end: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:hover:mbe16"]:hover {
    margin-block-end: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:mbe20"] {
    margin-block-end: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:hover:mbe20"]:hover {
    margin-block-end: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:mbe24"] {
    margin-block-end: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:hover:mbe24"]:hover {
    margin-block-end: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:mbe32"] {
    margin-block-end: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:hover:mbe32"]:hover {
    margin-block-end: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:mbe40"] {
    margin-block-end: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:hover:mbe40"]:hover {
    margin-block-end: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:mbe48"] {
    margin-block-end: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:hover:mbe48"]:hover {
    margin-block-end: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:mbe64"] {
    margin-block-end: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:hover:mbe64"]:hover {
    margin-block-end: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:mbe80"] {
    margin-block-end: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:hover:mbe80"]:hover {
    margin-block-end: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:mbe96"] {
    margin-block-end: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:hover:mbe96"]:hover {
    margin-block-end: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:mbe128"] {
    margin-block-end: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:hover:mbe128"]:hover {
    margin-block-end: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:mi0"] {
    margin-inline: 0 !important;
  }
  [class~="sm:hover:mi0"]:hover {
    margin-inline: 0 !important;
  }
  [class~="sm:mi1"] {
    margin-inline: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:hover:mi1"]:hover {
    margin-inline: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:mi2"] {
    margin-inline: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:hover:mi2"]:hover {
    margin-inline: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:mi3"] {
    margin-inline: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:hover:mi3"]:hover {
    margin-inline: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:mi4"] {
    margin-inline: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:hover:mi4"]:hover {
    margin-inline: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:mi5"] {
    margin-inline: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:hover:mi5"]:hover {
    margin-inline: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:mi6"] {
    margin-inline: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:hover:mi6"]:hover {
    margin-inline: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:mi8"] {
    margin-inline: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:hover:mi8"]:hover {
    margin-inline: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:mi10"] {
    margin-inline: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:hover:mi10"]:hover {
    margin-inline: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:mi12"] {
    margin-inline: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:hover:mi12"]:hover {
    margin-inline: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:mi16"] {
    margin-inline: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:hover:mi16"]:hover {
    margin-inline: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:mi20"] {
    margin-inline: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:hover:mi20"]:hover {
    margin-inline: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:mi24"] {
    margin-inline: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:hover:mi24"]:hover {
    margin-inline: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:mi32"] {
    margin-inline: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:hover:mi32"]:hover {
    margin-inline: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:mi40"] {
    margin-inline: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:hover:mi40"]:hover {
    margin-inline: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:mi48"] {
    margin-inline: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:hover:mi48"]:hover {
    margin-inline: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:mi64"] {
    margin-inline: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:hover:mi64"]:hover {
    margin-inline: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:mi80"] {
    margin-inline: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:hover:mi80"]:hover {
    margin-inline: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:mi96"] {
    margin-inline: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:hover:mi96"]:hover {
    margin-inline: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:mi128"] {
    margin-inline: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:hover:mi128"]:hover {
    margin-inline: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:mis0"] {
    margin-inline-start: 0 !important;
  }
  [class~="sm:hover:mis0"]:hover {
    margin-inline-start: 0 !important;
  }
  [class~="sm:mis1"] {
    margin-inline-start: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:hover:mis1"]:hover {
    margin-inline-start: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:mis2"] {
    margin-inline-start: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:hover:mis2"]:hover {
    margin-inline-start: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:mis3"] {
    margin-inline-start: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:hover:mis3"]:hover {
    margin-inline-start: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:mis4"] {
    margin-inline-start: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:hover:mis4"]:hover {
    margin-inline-start: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:mis5"] {
    margin-inline-start: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:hover:mis5"]:hover {
    margin-inline-start: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:mis6"] {
    margin-inline-start: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:hover:mis6"]:hover {
    margin-inline-start: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:mis8"] {
    margin-inline-start: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:hover:mis8"]:hover {
    margin-inline-start: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:mis10"] {
    margin-inline-start: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:hover:mis10"]:hover {
    margin-inline-start: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:mis12"] {
    margin-inline-start: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:hover:mis12"]:hover {
    margin-inline-start: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:mis16"] {
    margin-inline-start: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:hover:mis16"]:hover {
    margin-inline-start: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:mis20"] {
    margin-inline-start: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:hover:mis20"]:hover {
    margin-inline-start: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:mis24"] {
    margin-inline-start: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:hover:mis24"]:hover {
    margin-inline-start: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:mis32"] {
    margin-inline-start: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:hover:mis32"]:hover {
    margin-inline-start: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:mis40"] {
    margin-inline-start: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:hover:mis40"]:hover {
    margin-inline-start: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:mis48"] {
    margin-inline-start: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:hover:mis48"]:hover {
    margin-inline-start: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:mis64"] {
    margin-inline-start: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:hover:mis64"]:hover {
    margin-inline-start: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:mis80"] {
    margin-inline-start: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:hover:mis80"]:hover {
    margin-inline-start: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:mis96"] {
    margin-inline-start: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:hover:mis96"]:hover {
    margin-inline-start: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:mis128"] {
    margin-inline-start: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:hover:mis128"]:hover {
    margin-inline-start: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:mie0"] {
    margin-inline-end: 0 !important;
  }
  [class~="sm:hover:mie0"]:hover {
    margin-inline-end: 0 !important;
  }
  [class~="sm:mie1"] {
    margin-inline-end: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:hover:mie1"]:hover {
    margin-inline-end: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:mie2"] {
    margin-inline-end: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:hover:mie2"]:hover {
    margin-inline-end: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:mie3"] {
    margin-inline-end: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:hover:mie3"]:hover {
    margin-inline-end: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:mie4"] {
    margin-inline-end: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:hover:mie4"]:hover {
    margin-inline-end: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:mie5"] {
    margin-inline-end: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:hover:mie5"]:hover {
    margin-inline-end: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:mie6"] {
    margin-inline-end: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:hover:mie6"]:hover {
    margin-inline-end: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:mie8"] {
    margin-inline-end: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:hover:mie8"]:hover {
    margin-inline-end: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:mie10"] {
    margin-inline-end: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:hover:mie10"]:hover {
    margin-inline-end: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:mie12"] {
    margin-inline-end: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:hover:mie12"]:hover {
    margin-inline-end: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:mie16"] {
    margin-inline-end: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:hover:mie16"]:hover {
    margin-inline-end: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:mie20"] {
    margin-inline-end: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:hover:mie20"]:hover {
    margin-inline-end: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:mie24"] {
    margin-inline-end: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:hover:mie24"]:hover {
    margin-inline-end: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:mie32"] {
    margin-inline-end: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:hover:mie32"]:hover {
    margin-inline-end: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:mie40"] {
    margin-inline-end: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:hover:mie40"]:hover {
    margin-inline-end: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:mie48"] {
    margin-inline-end: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:hover:mie48"]:hover {
    margin-inline-end: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:mie64"] {
    margin-inline-end: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:hover:mie64"]:hover {
    margin-inline-end: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:mie80"] {
    margin-inline-end: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:hover:mie80"]:hover {
    margin-inline-end: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:mie96"] {
    margin-inline-end: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:hover:mie96"]:hover {
    margin-inline-end: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:mie128"] {
    margin-inline-end: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:hover:mie128"]:hover {
    margin-inline-end: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:g0"] {
    gap: 0 !important;
  }
  [class~="sm:hover:g0"]:hover {
    gap: 0 !important;
  }
  [class~="sm:g1"] {
    gap: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:hover:g1"]:hover {
    gap: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:g2"] {
    gap: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:hover:g2"]:hover {
    gap: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:g3"] {
    gap: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:hover:g3"]:hover {
    gap: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:g4"] {
    gap: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:hover:g4"]:hover {
    gap: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:g5"] {
    gap: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:hover:g5"]:hover {
    gap: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:g6"] {
    gap: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:hover:g6"]:hover {
    gap: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:g8"] {
    gap: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:hover:g8"]:hover {
    gap: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:g10"] {
    gap: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:hover:g10"]:hover {
    gap: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:g12"] {
    gap: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:hover:g12"]:hover {
    gap: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:g16"] {
    gap: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:hover:g16"]:hover {
    gap: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:g20"] {
    gap: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:hover:g20"]:hover {
    gap: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:g24"] {
    gap: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:hover:g24"]:hover {
    gap: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:g32"] {
    gap: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:hover:g32"]:hover {
    gap: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:g40"] {
    gap: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:hover:g40"]:hover {
    gap: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:g48"] {
    gap: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:hover:g48"]:hover {
    gap: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:g64"] {
    gap: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:hover:g64"]:hover {
    gap: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:g80"] {
    gap: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:hover:g80"]:hover {
    gap: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:g96"] {
    gap: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:hover:g96"]:hover {
    gap: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:g128"] {
    gap: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:hover:g128"]:hover {
    gap: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:gr0"] {
    row-gap: 0 !important;
  }
  [class~="sm:hover:gr0"]:hover {
    row-gap: 0 !important;
  }
  [class~="sm:gr1"] {
    row-gap: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:hover:gr1"]:hover {
    row-gap: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:gr2"] {
    row-gap: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:hover:gr2"]:hover {
    row-gap: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:gr3"] {
    row-gap: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:hover:gr3"]:hover {
    row-gap: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:gr4"] {
    row-gap: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:hover:gr4"]:hover {
    row-gap: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:gr5"] {
    row-gap: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:hover:gr5"]:hover {
    row-gap: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:gr6"] {
    row-gap: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:hover:gr6"]:hover {
    row-gap: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:gr8"] {
    row-gap: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:hover:gr8"]:hover {
    row-gap: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:gr10"] {
    row-gap: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:hover:gr10"]:hover {
    row-gap: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:gr12"] {
    row-gap: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:hover:gr12"]:hover {
    row-gap: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:gr16"] {
    row-gap: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:hover:gr16"]:hover {
    row-gap: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:gr20"] {
    row-gap: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:hover:gr20"]:hover {
    row-gap: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:gr24"] {
    row-gap: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:hover:gr24"]:hover {
    row-gap: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:gr32"] {
    row-gap: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:hover:gr32"]:hover {
    row-gap: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:gr40"] {
    row-gap: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:hover:gr40"]:hover {
    row-gap: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:gr48"] {
    row-gap: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:hover:gr48"]:hover {
    row-gap: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:gr64"] {
    row-gap: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:hover:gr64"]:hover {
    row-gap: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:gr80"] {
    row-gap: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:hover:gr80"]:hover {
    row-gap: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:gr96"] {
    row-gap: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:hover:gr96"]:hover {
    row-gap: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:gr128"] {
    row-gap: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:hover:gr128"]:hover {
    row-gap: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:gc0"] {
    column-gap: 0 !important;
  }
  [class~="sm:hover:gc0"]:hover {
    column-gap: 0 !important;
  }
  [class~="sm:gc1"] {
    column-gap: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:hover:gc1"]:hover {
    column-gap: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:gc2"] {
    column-gap: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:hover:gc2"]:hover {
    column-gap: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:gc3"] {
    column-gap: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:hover:gc3"]:hover {
    column-gap: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:gc4"] {
    column-gap: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:hover:gc4"]:hover {
    column-gap: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:gc5"] {
    column-gap: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:hover:gc5"]:hover {
    column-gap: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:gc6"] {
    column-gap: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:hover:gc6"]:hover {
    column-gap: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:gc8"] {
    column-gap: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:hover:gc8"]:hover {
    column-gap: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:gc10"] {
    column-gap: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:hover:gc10"]:hover {
    column-gap: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:gc12"] {
    column-gap: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:hover:gc12"]:hover {
    column-gap: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:gc16"] {
    column-gap: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:hover:gc16"]:hover {
    column-gap: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:gc20"] {
    column-gap: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:hover:gc20"]:hover {
    column-gap: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:gc24"] {
    column-gap: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:hover:gc24"]:hover {
    column-gap: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:gc32"] {
    column-gap: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:hover:gc32"]:hover {
    column-gap: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:gc40"] {
    column-gap: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:hover:gc40"]:hover {
    column-gap: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:gc48"] {
    column-gap: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:hover:gc48"]:hover {
    column-gap: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:gc64"] {
    column-gap: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:hover:gc64"]:hover {
    column-gap: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:gc80"] {
    column-gap: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:hover:gc80"]:hover {
    column-gap: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:gc96"] {
    column-gap: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:hover:gc96"]:hover {
    column-gap: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:gc128"] {
    column-gap: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:hover:gc128"]:hover {
    column-gap: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:w0"] {
    width: 0 !important;
  }
  [class~="sm:hover:w0"]:hover {
    width: 0 !important;
  }
  [class~="sm:w1"] {
    width: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:hover:w1"]:hover {
    width: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:w2"] {
    width: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:hover:w2"]:hover {
    width: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:w3"] {
    width: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:hover:w3"]:hover {
    width: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:w4"] {
    width: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:hover:w4"]:hover {
    width: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:w5"] {
    width: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:hover:w5"]:hover {
    width: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:w6"] {
    width: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:hover:w6"]:hover {
    width: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:w8"] {
    width: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:hover:w8"]:hover {
    width: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:w10"] {
    width: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:hover:w10"]:hover {
    width: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:w12"] {
    width: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:hover:w12"]:hover {
    width: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:w16"] {
    width: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:hover:w16"]:hover {
    width: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:w20"] {
    width: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:hover:w20"]:hover {
    width: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:w24"] {
    width: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:hover:w24"]:hover {
    width: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:w32"] {
    width: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:hover:w32"]:hover {
    width: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:w40"] {
    width: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:hover:w40"]:hover {
    width: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:w48"] {
    width: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:hover:w48"]:hover {
    width: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:w64"] {
    width: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:hover:w64"]:hover {
    width: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:w80"] {
    width: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:hover:w80"]:hover {
    width: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:w96"] {
    width: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:hover:w96"]:hover {
    width: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:w128"] {
    width: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:hover:w128"]:hover {
    width: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:min-w0"] {
    min-width: 0 !important;
  }
  [class~="sm:hover:min-w0"]:hover {
    min-width: 0 !important;
  }
  [class~="sm:min-w1"] {
    min-width: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:hover:min-w1"]:hover {
    min-width: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:min-w2"] {
    min-width: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:hover:min-w2"]:hover {
    min-width: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:min-w3"] {
    min-width: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:hover:min-w3"]:hover {
    min-width: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:min-w4"] {
    min-width: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:hover:min-w4"]:hover {
    min-width: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:min-w5"] {
    min-width: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:hover:min-w5"]:hover {
    min-width: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:min-w6"] {
    min-width: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:hover:min-w6"]:hover {
    min-width: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:min-w8"] {
    min-width: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:hover:min-w8"]:hover {
    min-width: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:min-w10"] {
    min-width: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:hover:min-w10"]:hover {
    min-width: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:min-w12"] {
    min-width: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:hover:min-w12"]:hover {
    min-width: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:min-w16"] {
    min-width: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:hover:min-w16"]:hover {
    min-width: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:min-w20"] {
    min-width: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:hover:min-w20"]:hover {
    min-width: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:min-w24"] {
    min-width: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:hover:min-w24"]:hover {
    min-width: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:min-w32"] {
    min-width: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:hover:min-w32"]:hover {
    min-width: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:min-w40"] {
    min-width: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:hover:min-w40"]:hover {
    min-width: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:min-w48"] {
    min-width: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:hover:min-w48"]:hover {
    min-width: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:min-w64"] {
    min-width: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:hover:min-w64"]:hover {
    min-width: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:min-w80"] {
    min-width: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:hover:min-w80"]:hover {
    min-width: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:min-w96"] {
    min-width: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:hover:min-w96"]:hover {
    min-width: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:min-w128"] {
    min-width: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:hover:min-w128"]:hover {
    min-width: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:max-w0"] {
    max-width: 0 !important;
  }
  [class~="sm:hover:max-w0"]:hover {
    max-width: 0 !important;
  }
  [class~="sm:max-w1"] {
    max-width: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:hover:max-w1"]:hover {
    max-width: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:max-w2"] {
    max-width: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:hover:max-w2"]:hover {
    max-width: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:max-w3"] {
    max-width: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:hover:max-w3"]:hover {
    max-width: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:max-w4"] {
    max-width: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:hover:max-w4"]:hover {
    max-width: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:max-w5"] {
    max-width: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:hover:max-w5"]:hover {
    max-width: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:max-w6"] {
    max-width: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:hover:max-w6"]:hover {
    max-width: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:max-w8"] {
    max-width: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:hover:max-w8"]:hover {
    max-width: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:max-w10"] {
    max-width: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:hover:max-w10"]:hover {
    max-width: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:max-w12"] {
    max-width: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:hover:max-w12"]:hover {
    max-width: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:max-w16"] {
    max-width: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:hover:max-w16"]:hover {
    max-width: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:max-w20"] {
    max-width: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:hover:max-w20"]:hover {
    max-width: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:max-w24"] {
    max-width: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:hover:max-w24"]:hover {
    max-width: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:max-w32"] {
    max-width: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:hover:max-w32"]:hover {
    max-width: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:max-w40"] {
    max-width: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:hover:max-w40"]:hover {
    max-width: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:max-w48"] {
    max-width: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:hover:max-w48"]:hover {
    max-width: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:max-w64"] {
    max-width: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:hover:max-w64"]:hover {
    max-width: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:max-w80"] {
    max-width: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:hover:max-w80"]:hover {
    max-width: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:max-w96"] {
    max-width: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:hover:max-w96"]:hover {
    max-width: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:max-w128"] {
    max-width: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:hover:max-w128"]:hover {
    max-width: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:h0"] {
    height: 0 !important;
  }
  [class~="sm:hover:h0"]:hover {
    height: 0 !important;
  }
  [class~="sm:h1"] {
    height: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:hover:h1"]:hover {
    height: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:h2"] {
    height: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:hover:h2"]:hover {
    height: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:h3"] {
    height: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:hover:h3"]:hover {
    height: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:h4"] {
    height: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:hover:h4"]:hover {
    height: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:h5"] {
    height: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:hover:h5"]:hover {
    height: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:h6"] {
    height: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:hover:h6"]:hover {
    height: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:h8"] {
    height: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:hover:h8"]:hover {
    height: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:h10"] {
    height: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:hover:h10"]:hover {
    height: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:h12"] {
    height: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:hover:h12"]:hover {
    height: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:h16"] {
    height: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:hover:h16"]:hover {
    height: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:h20"] {
    height: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:hover:h20"]:hover {
    height: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:h24"] {
    height: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:hover:h24"]:hover {
    height: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:h32"] {
    height: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:hover:h32"]:hover {
    height: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:h40"] {
    height: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:hover:h40"]:hover {
    height: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:h48"] {
    height: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:hover:h48"]:hover {
    height: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:h64"] {
    height: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:hover:h64"]:hover {
    height: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:h80"] {
    height: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:hover:h80"]:hover {
    height: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:h96"] {
    height: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:hover:h96"]:hover {
    height: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:h128"] {
    height: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:hover:h128"]:hover {
    height: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:min-h0"] {
    min-height: 0 !important;
  }
  [class~="sm:hover:min-h0"]:hover {
    min-height: 0 !important;
  }
  [class~="sm:min-h1"] {
    min-height: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:hover:min-h1"]:hover {
    min-height: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:min-h2"] {
    min-height: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:hover:min-h2"]:hover {
    min-height: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:min-h3"] {
    min-height: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:hover:min-h3"]:hover {
    min-height: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:min-h4"] {
    min-height: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:hover:min-h4"]:hover {
    min-height: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:min-h5"] {
    min-height: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:hover:min-h5"]:hover {
    min-height: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:min-h6"] {
    min-height: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:hover:min-h6"]:hover {
    min-height: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:min-h8"] {
    min-height: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:hover:min-h8"]:hover {
    min-height: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:min-h10"] {
    min-height: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:hover:min-h10"]:hover {
    min-height: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:min-h12"] {
    min-height: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:hover:min-h12"]:hover {
    min-height: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:min-h16"] {
    min-height: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:hover:min-h16"]:hover {
    min-height: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:min-h20"] {
    min-height: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:hover:min-h20"]:hover {
    min-height: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:min-h24"] {
    min-height: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:hover:min-h24"]:hover {
    min-height: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:min-h32"] {
    min-height: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:hover:min-h32"]:hover {
    min-height: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:min-h40"] {
    min-height: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:hover:min-h40"]:hover {
    min-height: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:min-h48"] {
    min-height: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:hover:min-h48"]:hover {
    min-height: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:min-h64"] {
    min-height: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:hover:min-h64"]:hover {
    min-height: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:min-h80"] {
    min-height: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:hover:min-h80"]:hover {
    min-height: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:min-h96"] {
    min-height: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:hover:min-h96"]:hover {
    min-height: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:min-h128"] {
    min-height: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:hover:min-h128"]:hover {
    min-height: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:max-h0"] {
    max-height: 0 !important;
  }
  [class~="sm:hover:max-h0"]:hover {
    max-height: 0 !important;
  }
  [class~="sm:max-h1"] {
    max-height: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:hover:max-h1"]:hover {
    max-height: calc(var(--spacing) * 1) !important;
  }
  [class~="sm:max-h2"] {
    max-height: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:hover:max-h2"]:hover {
    max-height: calc(var(--spacing) * 2) !important;
  }
  [class~="sm:max-h3"] {
    max-height: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:hover:max-h3"]:hover {
    max-height: calc(var(--spacing) * 3) !important;
  }
  [class~="sm:max-h4"] {
    max-height: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:hover:max-h4"]:hover {
    max-height: calc(var(--spacing) * 4) !important;
  }
  [class~="sm:max-h5"] {
    max-height: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:hover:max-h5"]:hover {
    max-height: calc(var(--spacing) * 5) !important;
  }
  [class~="sm:max-h6"] {
    max-height: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:hover:max-h6"]:hover {
    max-height: calc(var(--spacing) * 6) !important;
  }
  [class~="sm:max-h8"] {
    max-height: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:hover:max-h8"]:hover {
    max-height: calc(var(--spacing) * 8) !important;
  }
  [class~="sm:max-h10"] {
    max-height: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:hover:max-h10"]:hover {
    max-height: calc(var(--spacing) * 10) !important;
  }
  [class~="sm:max-h12"] {
    max-height: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:hover:max-h12"]:hover {
    max-height: calc(var(--spacing) * 12) !important;
  }
  [class~="sm:max-h16"] {
    max-height: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:hover:max-h16"]:hover {
    max-height: calc(var(--spacing) * 16) !important;
  }
  [class~="sm:max-h20"] {
    max-height: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:hover:max-h20"]:hover {
    max-height: calc(var(--spacing) * 20) !important;
  }
  [class~="sm:max-h24"] {
    max-height: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:hover:max-h24"]:hover {
    max-height: calc(var(--spacing) * 24) !important;
  }
  [class~="sm:max-h32"] {
    max-height: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:hover:max-h32"]:hover {
    max-height: calc(var(--spacing) * 32) !important;
  }
  [class~="sm:max-h40"] {
    max-height: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:hover:max-h40"]:hover {
    max-height: calc(var(--spacing) * 40) !important;
  }
  [class~="sm:max-h48"] {
    max-height: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:hover:max-h48"]:hover {
    max-height: calc(var(--spacing) * 48) !important;
  }
  [class~="sm:max-h64"] {
    max-height: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:hover:max-h64"]:hover {
    max-height: calc(var(--spacing) * 64) !important;
  }
  [class~="sm:max-h80"] {
    max-height: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:hover:max-h80"]:hover {
    max-height: calc(var(--spacing) * 80) !important;
  }
  [class~="sm:max-h96"] {
    max-height: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:hover:max-h96"]:hover {
    max-height: calc(var(--spacing) * 96) !important;
  }
  [class~="sm:max-h128"] {
    max-height: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:hover:max-h128"]:hover {
    max-height: calc(var(--spacing) * 128) !important;
  }
  [class~="sm:c-primary"] {
    color: var(--color-primary);
  }
  [class~="sm:hover:c-primary"]:hover {
    color: var(--color-primary);
  }
  [class~="sm:c-secondary"] {
    color: var(--color-secondary);
  }
  [class~="sm:hover:c-secondary"]:hover {
    color: var(--color-secondary);
  }
  [class~="sm:c-success"] {
    color: var(--color-success);
  }
  [class~="sm:hover:c-success"]:hover {
    color: var(--color-success);
  }
  [class~="sm:c-danger"] {
    color: var(--color-danger);
  }
  [class~="sm:hover:c-danger"]:hover {
    color: var(--color-danger);
  }
  [class~="sm:c-warning"] {
    color: var(--color-warning);
  }
  [class~="sm:hover:c-warning"]:hover {
    color: var(--color-warning);
  }
  [class~="sm:c-info"] {
    color: var(--color-info);
  }
  [class~="sm:hover:c-info"]:hover {
    color: var(--color-info);
  }
  [class~="sm:c-light"] {
    color: var(--color-light);
  }
  [class~="sm:hover:c-light"]:hover {
    color: var(--color-light);
  }
  [class~="sm:c-dark"] {
    color: var(--color-dark);
  }
  [class~="sm:hover:c-dark"]:hover {
    color: var(--color-dark);
  }
  [class~="sm:c-gray-100"] {
    color: var(--color-gray-100);
  }
  [class~="sm:hover:c-gray-100"]:hover {
    color: var(--color-gray-100);
  }
  [class~="sm:c-gray-200"] {
    color: var(--color-gray-200);
  }
  [class~="sm:hover:c-gray-200"]:hover {
    color: var(--color-gray-200);
  }
  [class~="sm:c-gray-300"] {
    color: var(--color-gray-300);
  }
  [class~="sm:hover:c-gray-300"]:hover {
    color: var(--color-gray-300);
  }
  [class~="sm:c-gray-400"] {
    color: var(--color-gray-400);
  }
  [class~="sm:hover:c-gray-400"]:hover {
    color: var(--color-gray-400);
  }
  [class~="sm:c-gray-500"] {
    color: var(--color-gray-500);
  }
  [class~="sm:hover:c-gray-500"]:hover {
    color: var(--color-gray-500);
  }
  [class~="sm:c-gray-600"] {
    color: var(--color-gray-600);
  }
  [class~="sm:hover:c-gray-600"]:hover {
    color: var(--color-gray-600);
  }
  [class~="sm:c-gray-700"] {
    color: var(--color-gray-700);
  }
  [class~="sm:hover:c-gray-700"]:hover {
    color: var(--color-gray-700);
  }
  [class~="sm:c-gray-800"] {
    color: var(--color-gray-800);
  }
  [class~="sm:hover:c-gray-800"]:hover {
    color: var(--color-gray-800);
  }
  [class~="sm:c-gray-900"] {
    color: var(--color-gray-900);
  }
  [class~="sm:hover:c-gray-900"]:hover {
    color: var(--color-gray-900);
  }
  [class~="sm:bgc-primary"] {
    background-color: var(--color-primary);
  }
  [class~="sm:hover:bgc-primary"]:hover {
    background-color: var(--color-primary);
  }
  [class~="sm:bgc-secondary"] {
    background-color: var(--color-secondary);
  }
  [class~="sm:hover:bgc-secondary"]:hover {
    background-color: var(--color-secondary);
  }
  [class~="sm:bgc-success"] {
    background-color: var(--color-success);
  }
  [class~="sm:hover:bgc-success"]:hover {
    background-color: var(--color-success);
  }
  [class~="sm:bgc-danger"] {
    background-color: var(--color-danger);
  }
  [class~="sm:hover:bgc-danger"]:hover {
    background-color: var(--color-danger);
  }
  [class~="sm:bgc-warning"] {
    background-color: var(--color-warning);
  }
  [class~="sm:hover:bgc-warning"]:hover {
    background-color: var(--color-warning);
  }
  [class~="sm:bgc-info"] {
    background-color: var(--color-info);
  }
  [class~="sm:hover:bgc-info"]:hover {
    background-color: var(--color-info);
  }
  [class~="sm:bgc-light"] {
    background-color: var(--color-light);
  }
  [class~="sm:hover:bgc-light"]:hover {
    background-color: var(--color-light);
  }
  [class~="sm:bgc-dark"] {
    background-color: var(--color-dark);
  }
  [class~="sm:hover:bgc-dark"]:hover {
    background-color: var(--color-dark);
  }
  [class~="sm:bgc-gray-100"] {
    background-color: var(--color-gray-100);
  }
  [class~="sm:hover:bgc-gray-100"]:hover {
    background-color: var(--color-gray-100);
  }
  [class~="sm:bgc-gray-200"] {
    background-color: var(--color-gray-200);
  }
  [class~="sm:hover:bgc-gray-200"]:hover {
    background-color: var(--color-gray-200);
  }
  [class~="sm:bgc-gray-300"] {
    background-color: var(--color-gray-300);
  }
  [class~="sm:hover:bgc-gray-300"]:hover {
    background-color: var(--color-gray-300);
  }
  [class~="sm:bgc-gray-400"] {
    background-color: var(--color-gray-400);
  }
  [class~="sm:hover:bgc-gray-400"]:hover {
    background-color: var(--color-gray-400);
  }
  [class~="sm:bgc-gray-500"] {
    background-color: var(--color-gray-500);
  }
  [class~="sm:hover:bgc-gray-500"]:hover {
    background-color: var(--color-gray-500);
  }
  [class~="sm:bgc-gray-600"] {
    background-color: var(--color-gray-600);
  }
  [class~="sm:hover:bgc-gray-600"]:hover {
    background-color: var(--color-gray-600);
  }
  [class~="sm:bgc-gray-700"] {
    background-color: var(--color-gray-700);
  }
  [class~="sm:hover:bgc-gray-700"]:hover {
    background-color: var(--color-gray-700);
  }
  [class~="sm:bgc-gray-800"] {
    background-color: var(--color-gray-800);
  }
  [class~="sm:hover:bgc-gray-800"]:hover {
    background-color: var(--color-gray-800);
  }
  [class~="sm:bgc-gray-900"] {
    background-color: var(--color-gray-900);
  }
  [class~="sm:hover:bgc-gray-900"]:hover {
    background-color: var(--color-gray-900);
  }
  [class~="sm:bdc-primary"] {
    border-color: var(--color-primary);
  }
  [class~="sm:hover:bdc-primary"]:hover {
    border-color: var(--color-primary);
  }
  [class~="sm:bdc-secondary"] {
    border-color: var(--color-secondary);
  }
  [class~="sm:hover:bdc-secondary"]:hover {
    border-color: var(--color-secondary);
  }
  [class~="sm:bdc-success"] {
    border-color: var(--color-success);
  }
  [class~="sm:hover:bdc-success"]:hover {
    border-color: var(--color-success);
  }
  [class~="sm:bdc-danger"] {
    border-color: var(--color-danger);
  }
  [class~="sm:hover:bdc-danger"]:hover {
    border-color: var(--color-danger);
  }
  [class~="sm:bdc-warning"] {
    border-color: var(--color-warning);
  }
  [class~="sm:hover:bdc-warning"]:hover {
    border-color: var(--color-warning);
  }
  [class~="sm:bdc-info"] {
    border-color: var(--color-info);
  }
  [class~="sm:hover:bdc-info"]:hover {
    border-color: var(--color-info);
  }
  [class~="sm:bdc-light"] {
    border-color: var(--color-light);
  }
  [class~="sm:hover:bdc-light"]:hover {
    border-color: var(--color-light);
  }
  [class~="sm:bdc-dark"] {
    border-color: var(--color-dark);
  }
  [class~="sm:hover:bdc-dark"]:hover {
    border-color: var(--color-dark);
  }
  [class~="sm:bdc-gray-100"] {
    border-color: var(--color-gray-100);
  }
  [class~="sm:hover:bdc-gray-100"]:hover {
    border-color: var(--color-gray-100);
  }
  [class~="sm:bdc-gray-200"] {
    border-color: var(--color-gray-200);
  }
  [class~="sm:hover:bdc-gray-200"]:hover {
    border-color: var(--color-gray-200);
  }
  [class~="sm:bdc-gray-300"] {
    border-color: var(--color-gray-300);
  }
  [class~="sm:hover:bdc-gray-300"]:hover {
    border-color: var(--color-gray-300);
  }
  [class~="sm:bdc-gray-400"] {
    border-color: var(--color-gray-400);
  }
  [class~="sm:hover:bdc-gray-400"]:hover {
    border-color: var(--color-gray-400);
  }
  [class~="sm:bdc-gray-500"] {
    border-color: var(--color-gray-500);
  }
  [class~="sm:hover:bdc-gray-500"]:hover {
    border-color: var(--color-gray-500);
  }
  [class~="sm:bdc-gray-600"] {
    border-color: var(--color-gray-600);
  }
  [class~="sm:hover:bdc-gray-600"]:hover {
    border-color: var(--color-gray-600);
  }
  [class~="sm:bdc-gray-700"] {
    border-color: var(--color-gray-700);
  }
  [class~="sm:hover:bdc-gray-700"]:hover {
    border-color: var(--color-gray-700);
  }
  [class~="sm:bdc-gray-800"] {
    border-color: var(--color-gray-800);
  }
  [class~="sm:hover:bdc-gray-800"]:hover {
    border-color: var(--color-gray-800);
  }
  [class~="sm:bdc-gray-900"] {
    border-color: var(--color-gray-900);
  }
  [class~="sm:hover:bdc-gray-900"]:hover {
    border-color: var(--color-gray-900);
  }
  [class~="sm:block"] {
    display: block;
  }
  [class~="sm:hover:block"]:hover {
    display: block;
  }
  [class~="sm:inline"] {
    display: inline;
  }
  [class~="sm:hover:inline"]:hover {
    display: inline;
  }
  [class~="sm:inline-block"] {
    display: inline-block;
  }
  [class~="sm:hover:inline-block"]:hover {
    display: inline-block;
  }
  [class~="sm:flex"] {
    display: flex;
  }
  [class~="sm:hover:flex"]:hover {
    display: flex;
  }
  [class~="sm:grid"] {
    display: grid;
  }
  [class~="sm:hover:grid"]:hover {
    display: grid;
  }
  [class~="sm:none"] {
    display: none;
  }
  [class~="sm:hover:none"]:hover {
    display: none;
  }
  [class~="sm:flex-row"] {
    flex-direction: row;
  }
  [class~="sm:hover:flex-row"]:hover {
    flex-direction: row;
  }
  [class~="sm:flex-col"] {
    flex-direction: column;
  }
  [class~="sm:hover:flex-col"]:hover {
    flex-direction: column;
  }
  [class~="sm:flex-row-reverse"] {
    flex-direction: row-reverse;
  }
  [class~="sm:hover:flex-row-reverse"]:hover {
    flex-direction: row-reverse;
  }
  [class~="sm:flex-col-reverse"] {
    flex-direction: column-reverse;
  }
  [class~="sm:hover:flex-col-reverse"]:hover {
    flex-direction: column-reverse;
  }
  [class~="sm:flex-nowrap"] {
    flex-wrap: nowrap;
  }
  [class~="sm:hover:flex-nowrap"]:hover {
    flex-wrap: nowrap;
  }
  [class~="sm:flex-wrap"] {
    flex-wrap: wrap;
  }
  [class~="sm:hover:flex-wrap"]:hover {
    flex-wrap: wrap;
  }
  [class~="sm:flex-wrap-reverse"] {
    flex-wrap: wrap-reverse;
  }
  [class~="sm:hover:flex-wrap-reverse"]:hover {
    flex-wrap: wrap-reverse;
  }
  [class~="sm:items-start"] {
    align-items: start;
  }
  [class~="sm:hover:items-start"]:hover {
    align-items: start;
  }
  [class~="sm:items-center"] {
    align-items: center;
  }
  [class~="sm:hover:items-center"]:hover {
    align-items: center;
  }
  [class~="sm:items-end"] {
    align-items: end;
  }
  [class~="sm:hover:items-end"]:hover {
    align-items: end;
  }
  [class~="sm:items-baseline"] {
    align-items: baseline;
  }
  [class~="sm:hover:items-baseline"]:hover {
    align-items: baseline;
  }
  [class~="sm:items-stretch"] {
    align-items: stretch;
  }
  [class~="sm:hover:items-stretch"]:hover {
    align-items: stretch;
  }
  [class~="sm:justify-start"] {
    justify-content: start;
  }
  [class~="sm:hover:justify-start"]:hover {
    justify-content: start;
  }
  [class~="sm:justify-center"] {
    justify-content: center;
  }
  [class~="sm:hover:justify-center"]:hover {
    justify-content: center;
  }
  [class~="sm:justify-end"] {
    justify-content: end;
  }
  [class~="sm:hover:justify-end"]:hover {
    justify-content: end;
  }
  [class~="sm:justify-between"] {
    justify-content: between;
  }
  [class~="sm:hover:justify-between"]:hover {
    justify-content: between;
  }
  [class~="sm:grow0"] {
    flex-grow: 0;
  }
  [class~="sm:hover:grow0"]:hover {
    flex-grow: 0;
  }
  [class~="sm:grow1"] {
    flex-grow: 1;
  }
  [class~="sm:hover:grow1"]:hover {
    flex-grow: 1;
  }
  [class~="sm:grow2"] {
    flex-grow: 2;
  }
  [class~="sm:hover:grow2"]:hover {
    flex-grow: 2;
  }
  [class~="sm:grow3"] {
    flex-grow: 3;
  }
  [class~="sm:hover:grow3"]:hover {
    flex-grow: 3;
  }
  [class~="sm:grow4"] {
    flex-grow: 4;
  }
  [class~="sm:hover:grow4"]:hover {
    flex-grow: 4;
  }
  [class~="sm:grow5"] {
    flex-grow: 5;
  }
  [class~="sm:hover:grow5"]:hover {
    flex-grow: 5;
  }
  [class~="sm:grow6"] {
    flex-grow: 6;
  }
  [class~="sm:hover:grow6"]:hover {
    flex-grow: 6;
  }
  [class~="sm:grow7"] {
    flex-grow: 7;
  }
  [class~="sm:hover:grow7"]:hover {
    flex-grow: 7;
  }
  [class~="sm:grow8"] {
    flex-grow: 8;
  }
  [class~="sm:hover:grow8"]:hover {
    flex-grow: 8;
  }
  [class~="sm:grow9"] {
    flex-grow: 9;
  }
  [class~="sm:hover:grow9"]:hover {
    flex-grow: 9;
  }
  [class~="sm:grow10"] {
    flex-grow: 10;
  }
  [class~="sm:hover:grow10"]:hover {
    flex-grow: 10;
  }
  [class~="sm:grow11"] {
    flex-grow: 11;
  }
  [class~="sm:hover:grow11"]:hover {
    flex-grow: 11;
  }
  [class~="sm:grow12"] {
    flex-grow: 12;
  }
  [class~="sm:hover:grow12"]:hover {
    flex-grow: 12;
  }
  [class~="sm:shrink0"] {
    flex-shrink: 0;
  }
  [class~="sm:hover:shrink0"]:hover {
    flex-shrink: 0;
  }
  [class~="sm:shrink1"] {
    flex-shrink: 1;
  }
  [class~="sm:hover:shrink1"]:hover {
    flex-shrink: 1;
  }
  [class~="sm:shrink2"] {
    flex-shrink: 2;
  }
  [class~="sm:hover:shrink2"]:hover {
    flex-shrink: 2;
  }
  [class~="sm:shrink3"] {
    flex-shrink: 3;
  }
  [class~="sm:hover:shrink3"]:hover {
    flex-shrink: 3;
  }
  [class~="sm:shrink4"] {
    flex-shrink: 4;
  }
  [class~="sm:hover:shrink4"]:hover {
    flex-shrink: 4;
  }
  [class~="sm:shrink5"] {
    flex-shrink: 5;
  }
  [class~="sm:hover:shrink5"]:hover {
    flex-shrink: 5;
  }
  [class~="sm:shrink6"] {
    flex-shrink: 6;
  }
  [class~="sm:hover:shrink6"]:hover {
    flex-shrink: 6;
  }
  [class~="sm:shrink7"] {
    flex-shrink: 7;
  }
  [class~="sm:hover:shrink7"]:hover {
    flex-shrink: 7;
  }
  [class~="sm:shrink8"] {
    flex-shrink: 8;
  }
  [class~="sm:hover:shrink8"]:hover {
    flex-shrink: 8;
  }
  [class~="sm:shrink9"] {
    flex-shrink: 9;
  }
  [class~="sm:hover:shrink9"]:hover {
    flex-shrink: 9;
  }
  [class~="sm:shrink10"] {
    flex-shrink: 10;
  }
  [class~="sm:hover:shrink10"]:hover {
    flex-shrink: 10;
  }
  [class~="sm:shrink11"] {
    flex-shrink: 11;
  }
  [class~="sm:hover:shrink11"]:hover {
    flex-shrink: 11;
  }
  [class~="sm:shrink12"] {
    flex-shrink: 12;
  }
  [class~="sm:hover:shrink12"]:hover {
    flex-shrink: 12;
  }
  [class~="sm:grid-auto"] {
    grid-template-columns: auto;
  }
  [class~="sm:hover:grid-auto"]:hover {
    grid-template-columns: auto;
  }
  [class~="sm:col-1fr"] {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  [class~="sm:hover:col-1fr"]:hover {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  [class~="sm:col-2fr"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  [class~="sm:hover:col-2fr"]:hover {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  [class~="sm:col-3fr"] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  [class~="sm:hover:col-3fr"]:hover {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  [class~="sm:grid-auto"] {
    grid-template-rows: auto;
  }
  [class~="sm:hover:grid-auto"]:hover {
    grid-template-rows: auto;
  }
  [class~="sm:row-1fr"] {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  [class~="sm:hover:row-1fr"]:hover {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  [class~="sm:row-2fr"] {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  [class~="sm:hover:row-2fr"]:hover {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  [class~="sm:row-3fr"] {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  [class~="sm:hover:row-3fr"]:hover {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  [class~="sm:place-items-start"] {
    place-items: start;
  }
  [class~="sm:hover:place-items-start"]:hover {
    place-items: start;
  }
  [class~="sm:place-items-center"] {
    place-items: center;
  }
  [class~="sm:hover:place-items-center"]:hover {
    place-items: center;
  }
  [class~="sm:place-items-end"] {
    place-items: end;
  }
  [class~="sm:hover:place-items-end"]:hover {
    place-items: end;
  }
  [class~="sm:place-items-baseline"] {
    place-items: baseline;
  }
  [class~="sm:hover:place-items-baseline"]:hover {
    place-items: baseline;
  }
  [class~="sm:place-items-stretch"] {
    place-items: stretch;
  }
  [class~="sm:hover:place-items-stretch"]:hover {
    place-items: stretch;
  }
  [class~="sm:place-content-start"] {
    place-content: start;
  }
  [class~="sm:hover:place-content-start"]:hover {
    place-content: start;
  }
  [class~="sm:place-content-center"] {
    place-content: center;
  }
  [class~="sm:hover:place-content-center"]:hover {
    place-content: center;
  }
  [class~="sm:place-content-end"] {
    place-content: end;
  }
  [class~="sm:hover:place-content-end"]:hover {
    place-content: end;
  }
  [class~="sm:place-content-between"] {
    place-content: between;
  }
  [class~="sm:hover:place-content-between"]:hover {
    place-content: between;
  }
  [class~="sm:place-content-around"] {
    place-content: around;
  }
  [class~="sm:hover:place-content-around"]:hover {
    place-content: around;
  }
  [class~="sm:place-content-evenly"] {
    place-content: evenly;
  }
  [class~="sm:hover:place-content-evenly"]:hover {
    place-content: evenly;
  }
  [class~="sm:order1"] {
    order: 1;
  }
  [class~="sm:hover:order1"]:hover {
    order: 1;
  }
  [class~="sm:order2"] {
    order: 2;
  }
  [class~="sm:hover:order2"]:hover {
    order: 2;
  }
  [class~="sm:z-auto"] {
    z-index: auto;
  }
  [class~="sm:hover:z-auto"]:hover {
    z-index: auto;
  }
  [class~="sm:z1"] {
    z-index: 1;
  }
  [class~="sm:hover:z1"]:hover {
    z-index: 1;
  }
  [class~="sm:z2"] {
    z-index: 2;
  }
  [class~="sm:hover:z2"]:hover {
    z-index: 2;
  }
  [class~="sm:z3"] {
    z-index: 3;
  }
  [class~="sm:hover:z3"]:hover {
    z-index: 3;
  }
  [class~="sm:z4"] {
    z-index: 4;
  }
  [class~="sm:hover:z4"]:hover {
    z-index: 4;
  }
  [class~="sm:z5"] {
    z-index: 5;
  }
  [class~="sm:hover:z5"]:hover {
    z-index: 5;
  }
  [class~="sm:z6"] {
    z-index: 6;
  }
  [class~="sm:hover:z6"]:hover {
    z-index: 6;
  }
  [class~="sm:z7"] {
    z-index: 7;
  }
  [class~="sm:hover:z7"]:hover {
    z-index: 7;
  }
  [class~="sm:z8"] {
    z-index: 8;
  }
  [class~="sm:hover:z8"]:hover {
    z-index: 8;
  }
  [class~="sm:z9"] {
    z-index: 9;
  }
  [class~="sm:hover:z9"]:hover {
    z-index: 9;
  }
  [class~="sm:static"] {
    position: static;
  }
  [class~="sm:hover:static"]:hover {
    position: static;
  }
  [class~="sm:relative"] {
    position: relative;
  }
  [class~="sm:hover:relative"]:hover {
    position: relative;
  }
  [class~="sm:absolute"] {
    position: absolute;
  }
  [class~="sm:hover:absolute"]:hover {
    position: absolute;
  }
  [class~="sm:fixed"] {
    position: fixed;
  }
  [class~="sm:hover:fixed"]:hover {
    position: fixed;
  }
  [class~="sm:sticky"] {
    position: sticky;
  }
  [class~="sm:hover:sticky"]:hover {
    position: sticky;
  }
  [class~="sm:fw100"] {
    font-weight: 100;
  }
  [class~="sm:hover:fw100"]:hover {
    font-weight: 100;
  }
  [class~="sm:fw200"] {
    font-weight: 200;
  }
  [class~="sm:hover:fw200"]:hover {
    font-weight: 200;
  }
  [class~="sm:fw300"] {
    font-weight: 300;
  }
  [class~="sm:hover:fw300"]:hover {
    font-weight: 300;
  }
  [class~="sm:fw400"] {
    font-weight: 400;
  }
  [class~="sm:hover:fw400"]:hover {
    font-weight: 400;
  }
  [class~="sm:fw500"] {
    font-weight: 500;
  }
  [class~="sm:hover:fw500"]:hover {
    font-weight: 500;
  }
  [class~="sm:fw600"] {
    font-weight: 600;
  }
  [class~="sm:hover:fw600"]:hover {
    font-weight: 600;
  }
  [class~="sm:fw700"] {
    font-weight: 700;
  }
  [class~="sm:hover:fw700"]:hover {
    font-weight: 700;
  }
  [class~="sm:fw800"] {
    font-weight: 800;
  }
  [class~="sm:hover:fw800"]:hover {
    font-weight: 800;
  }
  [class~="sm:fw900"] {
    font-weight: 900;
  }
  [class~="sm:hover:fw900"]:hover {
    font-weight: 900;
  }
  [class~="sm:fs-n"] {
    font-style: normal;
  }
  [class~="sm:hover:fs-n"]:hover {
    font-style: normal;
  }
  [class~="sm:fs-i"] {
    font-style: italic;
  }
  [class~="sm:hover:fs-i"]:hover {
    font-style: italic;
  }
  [class~="sm:ws-normal"] {
    white-space: normal;
  }
  [class~="sm:hover:ws-normal"]:hover {
    white-space: normal;
  }
  [class~="sm:ws-nowrap"] {
    white-space: nowrap;
  }
  [class~="sm:hover:ws-nowrap"]:hover {
    white-space: nowrap;
  }
  [class~="sm:ws-pre"] {
    white-space: pre;
  }
  [class~="sm:hover:ws-pre"]:hover {
    white-space: pre;
  }
  [class~="sm:ws-pre-wrap"] {
    white-space: pre-wrap;
  }
  [class~="sm:hover:ws-pre-wrap"]:hover {
    white-space: pre-wrap;
  }
  [class~="sm:ws-pre-line"] {
    white-space: pre-line;
  }
  [class~="sm:hover:ws-pre-line"]:hover {
    white-space: pre-line;
  }
  [class~="sm:ta-l"] {
    text-align: left;
  }
  [class~="sm:hover:ta-l"]:hover {
    text-align: left;
  }
  [class~="sm:ta-c"] {
    text-align: center;
  }
  [class~="sm:hover:ta-c"]:hover {
    text-align: center;
  }
  [class~="sm:ta-r"] {
    text-align: right;
  }
  [class~="sm:hover:ta-r"]:hover {
    text-align: right;
  }
  [class~="sm:ta-j"] {
    text-align: justify;
  }
  [class~="sm:hover:ta-j"]:hover {
    text-align: justify;
  }
  [class~="sm:lh1"] {
    line-height: 1;
  }
  [class~="sm:hover:lh1"]:hover {
    line-height: 1;
  }
  [class~="sm:lh125"] {
    line-height: 1.25;
  }
  [class~="sm:hover:lh125"]:hover {
    line-height: 1.25;
  }
  [class~="sm:lh15"] {
    line-height: 1.5;
  }
  [class~="sm:hover:lh15"]:hover {
    line-height: 1.5;
  }
  [class~="sm:lh175"] {
    line-height: 1.75;
  }
  [class~="sm:hover:lh175"]:hover {
    line-height: 1.75;
  }
  [class~="sm:lh2"] {
    line-height: 2;
  }
  [class~="sm:hover:lh2"]:hover {
    line-height: 2;
  }
  [class~="sm:lh25"] {
    line-height: 2.5;
  }
  [class~="sm:hover:lh25"]:hover {
    line-height: 2.5;
  }
  [class~="sm:lh3"] {
    line-height: 3;
  }
  [class~="sm:hover:lh3"]:hover {
    line-height: 3;
  }
  [class~="sm:bds-solid"] {
    border-style: solid;
  }
  [class~="sm:hover:bds-solid"]:hover {
    border-style: solid;
  }
  [class~="sm:bds-dashed"] {
    border-style: dashed;
  }
  [class~="sm:hover:bds-dashed"]:hover {
    border-style: dashed;
  }
  [class~="sm:bds-dotted"] {
    border-style: dotted;
  }
  [class~="sm:hover:bds-dotted"]:hover {
    border-style: dotted;
  }
  [class~="sm:bds-double"] {
    border-style: double;
  }
  [class~="sm:hover:bds-double"]:hover {
    border-style: double;
  }
  [class~="sm:bds-groove"] {
    border-style: groove;
  }
  [class~="sm:hover:bds-groove"]:hover {
    border-style: groove;
  }
  [class~="sm:bds-ridge"] {
    border-style: ridge;
  }
  [class~="sm:hover:bds-ridge"]:hover {
    border-style: ridge;
  }
  [class~="sm:bds-inset"] {
    border-style: inset;
  }
  [class~="sm:hover:bds-inset"]:hover {
    border-style: inset;
  }
  [class~="sm:bds-outset"] {
    border-style: outset;
  }
  [class~="sm:hover:bds-outset"]:hover {
    border-style: outset;
  }
  [class~="sm:bdw1"] {
    border-width: 1px;
  }
  [class~="sm:hover:bdw1"]:hover {
    border-width: 1px;
  }
  [class~="sm:bdw2"] {
    border-width: 2px;
  }
  [class~="sm:hover:bdw2"]:hover {
    border-width: 2px;
  }
  [class~="sm:bdw3"] {
    border-width: 3px;
  }
  [class~="sm:hover:bdw3"]:hover {
    border-width: 3px;
  }
  [class~="sm:bdw4"] {
    border-width: 4px;
  }
  [class~="sm:hover:bdw4"]:hover {
    border-width: 4px;
  }
  [class~="sm:bdiw1"] {
    border-inline-width: 1px;
  }
  [class~="sm:hover:bdiw1"]:hover {
    border-inline-width: 1px;
  }
  [class~="sm:bdiw2"] {
    border-inline-width: 2px;
  }
  [class~="sm:hover:bdiw2"]:hover {
    border-inline-width: 2px;
  }
  [class~="sm:bdiw3"] {
    border-inline-width: 3px;
  }
  [class~="sm:hover:bdiw3"]:hover {
    border-inline-width: 3px;
  }
  [class~="sm:bdiw4"] {
    border-inline-width: 4px;
  }
  [class~="sm:hover:bdiw4"]:hover {
    border-inline-width: 4px;
  }
  [class~="sm:bdbw1"] {
    border-block-width: 1px;
  }
  [class~="sm:hover:bdbw1"]:hover {
    border-block-width: 1px;
  }
  [class~="sm:bdbw2"] {
    border-block-width: 2px;
  }
  [class~="sm:hover:bdbw2"]:hover {
    border-block-width: 2px;
  }
  [class~="sm:bdbw3"] {
    border-block-width: 3px;
  }
  [class~="sm:hover:bdbw3"]:hover {
    border-block-width: 3px;
  }
  [class~="sm:bdbw4"] {
    border-block-width: 4px;
  }
  [class~="sm:hover:bdbw4"]:hover {
    border-block-width: 4px;
  }
  [class~="sm:bdw-t1"] {
    border-top-width: 1px;
  }
  [class~="sm:hover:bdw-t1"]:hover {
    border-top-width: 1px;
  }
  [class~="sm:bdw-t2"] {
    border-top-width: 2px;
  }
  [class~="sm:hover:bdw-t2"]:hover {
    border-top-width: 2px;
  }
  [class~="sm:bdw-t3"] {
    border-top-width: 3px;
  }
  [class~="sm:hover:bdw-t3"]:hover {
    border-top-width: 3px;
  }
  [class~="sm:bdw-t4"] {
    border-top-width: 4px;
  }
  [class~="sm:hover:bdw-t4"]:hover {
    border-top-width: 4px;
  }
  [class~="sm:bdw-r1"] {
    border-right-width: 1px;
  }
  [class~="sm:hover:bdw-r1"]:hover {
    border-right-width: 1px;
  }
  [class~="sm:bdw-r2"] {
    border-right-width: 2px;
  }
  [class~="sm:hover:bdw-r2"]:hover {
    border-right-width: 2px;
  }
  [class~="sm:bdw-r3"] {
    border-right-width: 3px;
  }
  [class~="sm:hover:bdw-r3"]:hover {
    border-right-width: 3px;
  }
  [class~="sm:bdw-r4"] {
    border-right-width: 4px;
  }
  [class~="sm:hover:bdw-r4"]:hover {
    border-right-width: 4px;
  }
  [class~="sm:bdw-b1"] {
    border-bottom-width: 1px;
  }
  [class~="sm:hover:bdw-b1"]:hover {
    border-bottom-width: 1px;
  }
  [class~="sm:bdw-b2"] {
    border-bottom-width: 2px;
  }
  [class~="sm:hover:bdw-b2"]:hover {
    border-bottom-width: 2px;
  }
  [class~="sm:bdw-b3"] {
    border-bottom-width: 3px;
  }
  [class~="sm:hover:bdw-b3"]:hover {
    border-bottom-width: 3px;
  }
  [class~="sm:bdw-b4"] {
    border-bottom-width: 4px;
  }
  [class~="sm:hover:bdw-b4"]:hover {
    border-bottom-width: 4px;
  }
  [class~="sm:bdw-l1"] {
    border-left-width: 1px;
  }
  [class~="sm:hover:bdw-l1"]:hover {
    border-left-width: 1px;
  }
  [class~="sm:bdw-l2"] {
    border-left-width: 2px;
  }
  [class~="sm:hover:bdw-l2"]:hover {
    border-left-width: 2px;
  }
  [class~="sm:bdw-l3"] {
    border-left-width: 3px;
  }
  [class~="sm:hover:bdw-l3"]:hover {
    border-left-width: 3px;
  }
  [class~="sm:bdw-l4"] {
    border-left-width: 4px;
  }
  [class~="sm:hover:bdw-l4"]:hover {
    border-left-width: 4px;
  }
  [class~="sm:radius0"] {
    border-radius: 0;
  }
  [class~="sm:hover:radius0"]:hover {
    border-radius: 0;
  }
  [class~="sm:radius2"] {
    border-radius: 2px;
  }
  [class~="sm:hover:radius2"]:hover {
    border-radius: 2px;
  }
  [class~="sm:radius4"] {
    border-radius: 4px;
  }
  [class~="sm:hover:radius4"]:hover {
    border-radius: 4px;
  }
  [class~="sm:radius8"] {
    border-radius: 8px;
  }
  [class~="sm:hover:radius8"]:hover {
    border-radius: 8px;
  }
  [class~="sm:radius16"] {
    border-radius: 16px;
  }
  [class~="sm:hover:radius16"]:hover {
    border-radius: 16px;
  }
  [class~="sm:radius20"] {
    border-radius: 20px;
  }
  [class~="sm:hover:radius20"]:hover {
    border-radius: 20px;
  }
  [class~="sm:radius24"] {
    border-radius: 24px;
  }
  [class~="sm:hover:radius24"]:hover {
    border-radius: 24px;
  }
  [class~="sm:radius32"] {
    border-radius: 32px;
  }
  [class~="sm:hover:radius32"]:hover {
    border-radius: 32px;
  }
  [class~="sm:radius-tl0"] {
    border-top-left-radius: 0;
  }
  [class~="sm:hover:radius-tl0"]:hover {
    border-top-left-radius: 0;
  }
  [class~="sm:radius-tl2"] {
    border-top-left-radius: 2px;
  }
  [class~="sm:hover:radius-tl2"]:hover {
    border-top-left-radius: 2px;
  }
  [class~="sm:radius-tl4"] {
    border-top-left-radius: 4px;
  }
  [class~="sm:hover:radius-tl4"]:hover {
    border-top-left-radius: 4px;
  }
  [class~="sm:radius-tl8"] {
    border-top-left-radius: 8px;
  }
  [class~="sm:hover:radius-tl8"]:hover {
    border-top-left-radius: 8px;
  }
  [class~="sm:radius-tl16"] {
    border-top-left-radius: 16px;
  }
  [class~="sm:hover:radius-tl16"]:hover {
    border-top-left-radius: 16px;
  }
  [class~="sm:radius-tl20"] {
    border-top-left-radius: 20px;
  }
  [class~="sm:hover:radius-tl20"]:hover {
    border-top-left-radius: 20px;
  }
  [class~="sm:radius-tl24"] {
    border-top-left-radius: 24px;
  }
  [class~="sm:hover:radius-tl24"]:hover {
    border-top-left-radius: 24px;
  }
  [class~="sm:radius-tl32"] {
    border-top-left-radius: 32px;
  }
  [class~="sm:hover:radius-tl32"]:hover {
    border-top-left-radius: 32px;
  }
  [class~="sm:radius-tr0"] {
    border-top-right-radius: 0;
  }
  [class~="sm:hover:radius-tr0"]:hover {
    border-top-right-radius: 0;
  }
  [class~="sm:radius-tr2"] {
    border-top-right-radius: 2px;
  }
  [class~="sm:hover:radius-tr2"]:hover {
    border-top-right-radius: 2px;
  }
  [class~="sm:radius-tr4"] {
    border-top-right-radius: 4px;
  }
  [class~="sm:hover:radius-tr4"]:hover {
    border-top-right-radius: 4px;
  }
  [class~="sm:radius-tr8"] {
    border-top-right-radius: 8px;
  }
  [class~="sm:hover:radius-tr8"]:hover {
    border-top-right-radius: 8px;
  }
  [class~="sm:radius-tr16"] {
    border-top-right-radius: 16px;
  }
  [class~="sm:hover:radius-tr16"]:hover {
    border-top-right-radius: 16px;
  }
  [class~="sm:radius-tr20"] {
    border-top-right-radius: 20px;
  }
  [class~="sm:hover:radius-tr20"]:hover {
    border-top-right-radius: 20px;
  }
  [class~="sm:radius-tr24"] {
    border-top-right-radius: 24px;
  }
  [class~="sm:hover:radius-tr24"]:hover {
    border-top-right-radius: 24px;
  }
  [class~="sm:radius-tr32"] {
    border-top-right-radius: 32px;
  }
  [class~="sm:hover:radius-tr32"]:hover {
    border-top-right-radius: 32px;
  }
  [class~="sm:radius-br0"] {
    border-bottom-right-radius: 0;
  }
  [class~="sm:hover:radius-br0"]:hover {
    border-bottom-right-radius: 0;
  }
  [class~="sm:radius-br2"] {
    border-bottom-right-radius: 2px;
  }
  [class~="sm:hover:radius-br2"]:hover {
    border-bottom-right-radius: 2px;
  }
  [class~="sm:radius-br4"] {
    border-bottom-right-radius: 4px;
  }
  [class~="sm:hover:radius-br4"]:hover {
    border-bottom-right-radius: 4px;
  }
  [class~="sm:radius-br8"] {
    border-bottom-right-radius: 8px;
  }
  [class~="sm:hover:radius-br8"]:hover {
    border-bottom-right-radius: 8px;
  }
  [class~="sm:radius-br16"] {
    border-bottom-right-radius: 16px;
  }
  [class~="sm:hover:radius-br16"]:hover {
    border-bottom-right-radius: 16px;
  }
  [class~="sm:radius-br20"] {
    border-bottom-right-radius: 20px;
  }
  [class~="sm:hover:radius-br20"]:hover {
    border-bottom-right-radius: 20px;
  }
  [class~="sm:radius-br24"] {
    border-bottom-right-radius: 24px;
  }
  [class~="sm:hover:radius-br24"]:hover {
    border-bottom-right-radius: 24px;
  }
  [class~="sm:radius-br32"] {
    border-bottom-right-radius: 32px;
  }
  [class~="sm:hover:radius-br32"]:hover {
    border-bottom-right-radius: 32px;
  }
  [class~="sm:radius-bl0"] {
    border-bottom-left-radius: 0;
  }
  [class~="sm:hover:radius-bl0"]:hover {
    border-bottom-left-radius: 0;
  }
  [class~="sm:radius-bl2"] {
    border-bottom-left-radius: 2px;
  }
  [class~="sm:hover:radius-bl2"]:hover {
    border-bottom-left-radius: 2px;
  }
  [class~="sm:radius-bl4"] {
    border-bottom-left-radius: 4px;
  }
  [class~="sm:hover:radius-bl4"]:hover {
    border-bottom-left-radius: 4px;
  }
  [class~="sm:radius-bl8"] {
    border-bottom-left-radius: 8px;
  }
  [class~="sm:hover:radius-bl8"]:hover {
    border-bottom-left-radius: 8px;
  }
  [class~="sm:radius-bl16"] {
    border-bottom-left-radius: 16px;
  }
  [class~="sm:hover:radius-bl16"]:hover {
    border-bottom-left-radius: 16px;
  }
  [class~="sm:radius-bl20"] {
    border-bottom-left-radius: 20px;
  }
  [class~="sm:hover:radius-bl20"]:hover {
    border-bottom-left-radius: 20px;
  }
  [class~="sm:radius-bl24"] {
    border-bottom-left-radius: 24px;
  }
  [class~="sm:hover:radius-bl24"]:hover {
    border-bottom-left-radius: 24px;
  }
  [class~="sm:radius-bl32"] {
    border-bottom-left-radius: 32px;
  }
  [class~="sm:hover:radius-bl32"]:hover {
    border-bottom-left-radius: 32px;
  }
  [class~="sm:bgr-nr"] {
    background-repeat: no-repeat;
  }
  [class~="sm:hover:bgr-nr"]:hover {
    background-repeat: no-repeat;
  }
  [class~="sm:bgr-r"] {
    background-repeat: repeat;
  }
  [class~="sm:hover:bgr-r"]:hover {
    background-repeat: repeat;
  }
  [class~="sm:bgr-rx"] {
    background-repeat: repeat-x;
  }
  [class~="sm:hover:bgr-rx"]:hover {
    background-repeat: repeat-x;
  }
  [class~="sm:bgr-ry"] {
    background-repeat: repeat-y;
  }
  [class~="sm:hover:bgr-ry"]:hover {
    background-repeat: repeat-y;
  }
  [class~="sm:bgz-auto"] {
    background-size: auto;
  }
  [class~="sm:hover:bgz-auto"]:hover {
    background-size: auto;
  }
  [class~="sm:bgz-cover"] {
    background-size: cover;
  }
  [class~="sm:hover:bgz-cover"]:hover {
    background-size: cover;
  }
  [class~="sm:bgz-contain"] {
    background-size: contain;
  }
  [class~="sm:hover:bgz-contain"]:hover {
    background-size: contain;
  }
  [class~="sm:bgp-c"] {
    background-position: center;
  }
  [class~="sm:hover:bgp-c"]:hover {
    background-position: center;
  }
  [class~="sm:bgp-t"] {
    background-position: top;
  }
  [class~="sm:hover:bgp-t"]:hover {
    background-position: top;
  }
  [class~="sm:bgp-b"] {
    background-position: bottom;
  }
  [class~="sm:hover:bgp-b"]:hover {
    background-position: bottom;
  }
  [class~="sm:bgp-l"] {
    background-position: left;
  }
  [class~="sm:hover:bgp-l"]:hover {
    background-position: left;
  }
  [class~="sm:bgp-r"] {
    background-position: right;
  }
  [class~="sm:hover:bgp-r"]:hover {
    background-position: right;
  }
  [class~="sm:lst-none"] {
    list-style-type: none;
  }
  [class~="sm:hover:lst-none"]:hover {
    list-style-type: none;
  }
  [class~="sm:lst-disc"] {
    list-style-type: disc;
  }
  [class~="sm:hover:lst-disc"]:hover {
    list-style-type: disc;
  }
  [class~="sm:lst-circle"] {
    list-style-type: circle;
  }
  [class~="sm:hover:lst-circle"]:hover {
    list-style-type: circle;
  }
  [class~="sm:lst-square"] {
    list-style-type: square;
  }
  [class~="sm:hover:lst-square"]:hover {
    list-style-type: square;
  }
  [class~="sm:lst-decimal"] {
    list-style-type: decimal;
  }
  [class~="sm:hover:lst-decimal"]:hover {
    list-style-type: decimal;
  }
  [class~="sm:lst-decimal-leading-zero"] {
    list-style-type: decimal-leading-zero;
  }
  [class~="sm:hover:lst-decimal-leading-zero"]:hover {
    list-style-type: decimal-leading-zero;
  }
  [class~="sm:lst-lower-roman"] {
    list-style-type: lower-roman;
  }
  [class~="sm:hover:lst-lower-roman"]:hover {
    list-style-type: lower-roman;
  }
  [class~="sm:lst-upper-roman"] {
    list-style-type: upper-roman;
  }
  [class~="sm:hover:lst-upper-roman"]:hover {
    list-style-type: upper-roman;
  }
  [class~="sm:lst-lower-alpha"] {
    list-style-type: lower-alpha;
  }
  [class~="sm:hover:lst-lower-alpha"]:hover {
    list-style-type: lower-alpha;
  }
  [class~="sm:lst-upper-alpha"] {
    list-style-type: upper-alpha;
  }
  [class~="sm:hover:lst-upper-alpha"]:hover {
    list-style-type: upper-alpha;
  }
  [class~="sm:tl-auto"] {
    table-layout: auto;
  }
  [class~="sm:hover:tl-auto"]:hover {
    table-layout: auto;
  }
  [class~="sm:tl-fixed"] {
    table-layout: fixed;
  }
  [class~="sm:hover:tl-fixed"]:hover {
    table-layout: fixed;
  }
  [class~="sm:tp-none"] {
    transition-property: none;
  }
  [class~="sm:hover:tp-none"]:hover {
    transition-property: none;
  }
  [class~="sm:tp-all"] {
    transition-property: all;
  }
  [class~="sm:hover:tp-all"]:hover {
    transition-property: all;
  }
  [class~="sm:tp-color"] {
    transition-property: color;
  }
  [class~="sm:hover:tp-color"]:hover {
    transition-property: color;
  }
  [class~="sm:tp-bgcolor"] {
    transition-property: background-color;
  }
  [class~="sm:hover:tp-bgcolor"]:hover {
    transition-property: background-color;
  }
  [class~="sm:tp-border-color"] {
    transition-property: border-color;
  }
  [class~="sm:hover:tp-border-color"]:hover {
    transition-property: border-color;
  }
  [class~="sm:tp-opacity"] {
    transition-property: opacity;
  }
  [class~="sm:hover:tp-opacity"]:hover {
    transition-property: opacity;
  }
  [class~="sm:tp-transform"] {
    transition-property: transform;
  }
  [class~="sm:hover:tp-transform"]:hover {
    transition-property: transform;
  }
  [class~="sm:td0"] {
    transition-duration: 0;
  }
  [class~="sm:hover:td0"]:hover {
    transition-duration: 0;
  }
  [class~="sm:td100"] {
    transition-duration: 0.1s;
  }
  [class~="sm:hover:td100"]:hover {
    transition-duration: 0.1s;
  }
  [class~="sm:td200"] {
    transition-duration: 0.2s;
  }
  [class~="sm:hover:td200"]:hover {
    transition-duration: 0.2s;
  }
  [class~="sm:td300"] {
    transition-duration: 0.3s;
  }
  [class~="sm:hover:td300"]:hover {
    transition-duration: 0.3s;
  }
  [class~="sm:td400"] {
    transition-duration: 0.4s;
  }
  [class~="sm:hover:td400"]:hover {
    transition-duration: 0.4s;
  }
  [class~="sm:td500"] {
    transition-duration: 0.5s;
  }
  [class~="sm:hover:td500"]:hover {
    transition-duration: 0.5s;
  }
  [class~="sm:ttf-linear"] {
    transition-timing-function: linear;
  }
  [class~="sm:hover:ttf-linear"]:hover {
    transition-timing-function: linear;
  }
  [class~="sm:ttf-ease"] {
    transition-timing-function: ease;
  }
  [class~="sm:hover:ttf-ease"]:hover {
    transition-timing-function: ease;
  }
  [class~="sm:ttf-ease-in"] {
    transition-timing-function: ease-in;
  }
  [class~="sm:hover:ttf-ease-in"]:hover {
    transition-timing-function: ease-in;
  }
  [class~="sm:ttf-ease-out"] {
    transition-timing-function: ease-out;
  }
  [class~="sm:hover:ttf-ease-out"]:hover {
    transition-timing-function: ease-out;
  }
  [class~="sm:ttf-ease-in-out"] {
    transition-timing-function: ease-in-out;
  }
  [class~="sm:hover:ttf-ease-in-out"]:hover {
    transition-timing-function: ease-in-out;
  }
  [class~="sm:v-v"] {
    visibility: visible;
  }
  [class~="sm:hover:v-v"]:hover {
    visibility: visible;
  }
  [class~="sm:v-h"] {
    visibility: hidden;
  }
  [class~="sm:hover:v-h"]:hover {
    visibility: hidden;
  }
  [class~="sm:v-c"] {
    visibility: collapse;
  }
  [class~="sm:hover:v-c"]:hover {
    visibility: collapse;
  }
  [class~="sm:of-v"] {
    overflow: visible;
  }
  [class~="sm:hover:of-v"]:hover {
    overflow: visible;
  }
  [class~="sm:of-h"] {
    overflow: hidden;
  }
  [class~="sm:hover:of-h"]:hover {
    overflow: hidden;
  }
  [class~="sm:of-s"] {
    overflow: scroll;
  }
  [class~="sm:hover:of-s"]:hover {
    overflow: scroll;
  }
  [class~="sm:of-a"] {
    overflow: auto;
  }
  [class~="sm:hover:of-a"]:hover {
    overflow: auto;
  }
  [class~="sm:o0"] {
    opacity: 0;
  }
  [class~="sm:hover:o0"]:hover {
    opacity: 0;
  }
  [class~="sm:o10"] {
    opacity: 0.1;
  }
  [class~="sm:hover:o10"]:hover {
    opacity: 0.1;
  }
  [class~="sm:o20"] {
    opacity: 0.2;
  }
  [class~="sm:hover:o20"]:hover {
    opacity: 0.2;
  }
  [class~="sm:o30"] {
    opacity: 0.3;
  }
  [class~="sm:hover:o30"]:hover {
    opacity: 0.3;
  }
  [class~="sm:o40"] {
    opacity: 0.4;
  }
  [class~="sm:hover:o40"]:hover {
    opacity: 0.4;
  }
  [class~="sm:o50"] {
    opacity: 0.5;
  }
  [class~="sm:hover:o50"]:hover {
    opacity: 0.5;
  }
  [class~="sm:o60"] {
    opacity: 0.6;
  }
  [class~="sm:hover:o60"]:hover {
    opacity: 0.6;
  }
  [class~="sm:o70"] {
    opacity: 0.7;
  }
  [class~="sm:hover:o70"]:hover {
    opacity: 0.7;
  }
  [class~="sm:o80"] {
    opacity: 0.8;
  }
  [class~="sm:hover:o80"]:hover {
    opacity: 0.8;
  }
  [class~="sm:o90"] {
    opacity: 0.9;
  }
  [class~="sm:hover:o90"]:hover {
    opacity: 0.9;
  }
  [class~="sm:o100"] {
    opacity: 1;
  }
  [class~="sm:hover:o100"]:hover {
    opacity: 1;
  }
  [class~="sm:cu-a"] {
    cursor: auto;
  }
  [class~="sm:hover:cu-a"]:hover {
    cursor: auto;
  }
  [class~="sm:cu-d"] {
    cursor: default;
  }
  [class~="sm:hover:cu-d"]:hover {
    cursor: default;
  }
  [class~="sm:cu-p"] {
    cursor: pointer;
  }
  [class~="sm:hover:cu-p"]:hover {
    cursor: pointer;
  }
  [class~="sm:cu-t"] {
    cursor: text;
  }
  [class~="sm:hover:cu-t"]:hover {
    cursor: text;
  }
  [class~="sm:cu-m"] {
    cursor: move;
  }
  [class~="sm:hover:cu-m"]:hover {
    cursor: move;
  }
  [class~="sm:cu-na"] {
    cursor: not-allowed;
  }
  [class~="sm:hover:cu-na"]:hover {
    cursor: not-allowed;
  }
  [class~="sm:cu-w"] {
    cursor: wait;
  }
  [class~="sm:hover:cu-w"]:hover {
    cursor: wait;
  }
  [class~="sm:cu-h"] {
    cursor: help;
  }
  [class~="sm:hover:cu-h"]:hover {
    cursor: help;
  }
  [class~="sm:full-bleed"] {
    margin-inline: calc(-1 * var(--fullbleed));
  }
  [class~="sm:hover:full-bleed"]:hover {
    margin-inline: calc(-1 * var(--fullbleed));
  }
  [class~="sm:left-bleed"] {
    margin-left: calc(-1 * var(--fullbleed));
  }
  [class~="sm:hover:left-bleed"]:hover {
    margin-left: calc(-1 * var(--fullbleed));
  }
  [class~="sm:right-bleed"] {
    margin-right: calc(-1 * var(--fullbleed));
  }
  [class~="sm:hover:right-bleed"]:hover {
    margin-right: calc(-1 * var(--fullbleed));
  }
  [class~="sm:wrapper320"] {
    --fullbleed: max(1.5em, 50cqw - (20rem / 2));
    margin-inline: var(--fullbleed);
  }
  [class~="sm:hover:wrapper320"]:hover {
    --fullbleed: max(1.5em, 50cqw - (20rem / 2));
    margin-inline: var(--fullbleed);
  }
  [class~="sm:wrapper480"] {
    --fullbleed: max(1.5em, 50cqw - (30rem / 2));
    margin-inline: var(--fullbleed);
  }
  [class~="sm:hover:wrapper480"]:hover {
    --fullbleed: max(1.5em, 50cqw - (30rem / 2));
    margin-inline: var(--fullbleed);
  }
  [class~="sm:wrapper768"] {
    --fullbleed: max(1.5em, 50cqw - (48rem / 2));
    margin-inline: var(--fullbleed);
  }
  [class~="sm:hover:wrapper768"]:hover {
    --fullbleed: max(1.5em, 50cqw - (48rem / 2));
    margin-inline: var(--fullbleed);
  }
  [class~="sm:wrapper800"] {
    --fullbleed: max(1.5em, 50cqw - (50rem / 2));
    margin-inline: var(--fullbleed);
  }
  [class~="sm:hover:wrapper800"]:hover {
    --fullbleed: max(1.5em, 50cqw - (50rem / 2));
    margin-inline: var(--fullbleed);
  }
  [class~="sm:wrapper960"] {
    --fullbleed: max(1.5em, 50cqw - (60rem / 2));
    margin-inline: var(--fullbleed);
  }
  [class~="sm:hover:wrapper960"]:hover {
    --fullbleed: max(1.5em, 50cqw - (60rem / 2));
    margin-inline: var(--fullbleed);
  }
  [class~="sm:wrapper1000"] {
    --fullbleed: max(1.5em, 50cqw - (62.5rem / 2));
    margin-inline: var(--fullbleed);
  }
  [class~="sm:hover:wrapper1000"]:hover {
    --fullbleed: max(1.5em, 50cqw - (62.5rem / 2));
    margin-inline: var(--fullbleed);
  }
  [class~="sm:wrapper1200"] {
    --fullbleed: max(1.5em, 50cqw - (75rem / 2));
    margin-inline: var(--fullbleed);
  }
  [class~="sm:hover:wrapper1200"]:hover {
    --fullbleed: max(1.5em, 50cqw - (75rem / 2));
    margin-inline: var(--fullbleed);
  }
  [class~="sm:wrapper1440"] {
    --fullbleed: max(1.5em, 50cqw - (90rem / 2));
    margin-inline: var(--fullbleed);
  }
  [class~="sm:hover:wrapper1440"]:hover {
    --fullbleed: max(1.5em, 50cqw - (90rem / 2));
    margin-inline: var(--fullbleed);
  }
}
@media (min-width: 768px) {
  [class~="md:text-xs"] {
    font-size: var(--text-xs);
  }
  [class~="md:hover:text-xs"]:hover {
    font-size: var(--text-xs);
  }
  [class~="md:text-sm"] {
    font-size: var(--text-sm);
  }
  [class~="md:hover:text-sm"]:hover {
    font-size: var(--text-sm);
  }
  [class~="md:text-md"] {
    font-size: var(--text-md);
  }
  [class~="md:hover:text-md"]:hover {
    font-size: var(--text-md);
  }
  [class~="md:text-lg"] {
    font-size: var(--text-lg);
  }
  [class~="md:hover:text-lg"]:hover {
    font-size: var(--text-lg);
  }
  [class~="md:text-xl"] {
    font-size: var(--text-xl);
  }
  [class~="md:hover:text-xl"]:hover {
    font-size: var(--text-xl);
  }
  [class~="md:text-2xl"] {
    font-size: var(--text-2xl);
  }
  [class~="md:hover:text-2xl"]:hover {
    font-size: var(--text-2xl);
  }
  [class~="md:text-3xl"] {
    font-size: var(--text-3xl);
  }
  [class~="md:hover:text-3xl"]:hover {
    font-size: var(--text-3xl);
  }
  [class~="md:text-4xl"] {
    font-size: var(--text-4xl);
  }
  [class~="md:hover:text-4xl"]:hover {
    font-size: var(--text-4xl);
  }
  [class~="md:text-5xl"] {
    font-size: var(--text-5xl);
  }
  [class~="md:hover:text-5xl"]:hover {
    font-size: var(--text-5xl);
  }
  [class~="md:text-6xl"] {
    font-size: var(--text-6xl);
  }
  [class~="md:hover:text-6xl"]:hover {
    font-size: var(--text-6xl);
  }
  [class~="md:text-7xl"] {
    font-size: var(--text-7xl);
  }
  [class~="md:hover:text-7xl"]:hover {
    font-size: var(--text-7xl);
  }
  [class~="md:text-8xl"] {
    font-size: var(--text-8xl);
  }
  [class~="md:hover:text-8xl"]:hover {
    font-size: var(--text-8xl);
  }
  [class~="md:text-9xl"] {
    font-size: var(--text-9xl);
  }
  [class~="md:hover:text-9xl"]:hover {
    font-size: var(--text-9xl);
  }
  [class~="md:padding0"] {
    padding: 0 !important;
  }
  [class~="md:hover:padding0"]:hover {
    padding: 0 !important;
  }
  [class~="md:padding1"] {
    padding: calc(var(--spacing) * 1) !important;
  }
  [class~="md:hover:padding1"]:hover {
    padding: calc(var(--spacing) * 1) !important;
  }
  [class~="md:padding2"] {
    padding: calc(var(--spacing) * 2) !important;
  }
  [class~="md:hover:padding2"]:hover {
    padding: calc(var(--spacing) * 2) !important;
  }
  [class~="md:padding3"] {
    padding: calc(var(--spacing) * 3) !important;
  }
  [class~="md:hover:padding3"]:hover {
    padding: calc(var(--spacing) * 3) !important;
  }
  [class~="md:padding4"] {
    padding: calc(var(--spacing) * 4) !important;
  }
  [class~="md:hover:padding4"]:hover {
    padding: calc(var(--spacing) * 4) !important;
  }
  [class~="md:padding5"] {
    padding: calc(var(--spacing) * 5) !important;
  }
  [class~="md:hover:padding5"]:hover {
    padding: calc(var(--spacing) * 5) !important;
  }
  [class~="md:padding6"] {
    padding: calc(var(--spacing) * 6) !important;
  }
  [class~="md:hover:padding6"]:hover {
    padding: calc(var(--spacing) * 6) !important;
  }
  [class~="md:padding8"] {
    padding: calc(var(--spacing) * 8) !important;
  }
  [class~="md:hover:padding8"]:hover {
    padding: calc(var(--spacing) * 8) !important;
  }
  [class~="md:padding10"] {
    padding: calc(var(--spacing) * 10) !important;
  }
  [class~="md:hover:padding10"]:hover {
    padding: calc(var(--spacing) * 10) !important;
  }
  [class~="md:padding12"] {
    padding: calc(var(--spacing) * 12) !important;
  }
  [class~="md:hover:padding12"]:hover {
    padding: calc(var(--spacing) * 12) !important;
  }
  [class~="md:padding16"] {
    padding: calc(var(--spacing) * 16) !important;
  }
  [class~="md:hover:padding16"]:hover {
    padding: calc(var(--spacing) * 16) !important;
  }
  [class~="md:padding20"] {
    padding: calc(var(--spacing) * 20) !important;
  }
  [class~="md:hover:padding20"]:hover {
    padding: calc(var(--spacing) * 20) !important;
  }
  [class~="md:padding24"] {
    padding: calc(var(--spacing) * 24) !important;
  }
  [class~="md:hover:padding24"]:hover {
    padding: calc(var(--spacing) * 24) !important;
  }
  [class~="md:padding32"] {
    padding: calc(var(--spacing) * 32) !important;
  }
  [class~="md:hover:padding32"]:hover {
    padding: calc(var(--spacing) * 32) !important;
  }
  [class~="md:padding40"] {
    padding: calc(var(--spacing) * 40) !important;
  }
  [class~="md:hover:padding40"]:hover {
    padding: calc(var(--spacing) * 40) !important;
  }
  [class~="md:padding48"] {
    padding: calc(var(--spacing) * 48) !important;
  }
  [class~="md:hover:padding48"]:hover {
    padding: calc(var(--spacing) * 48) !important;
  }
  [class~="md:padding64"] {
    padding: calc(var(--spacing) * 64) !important;
  }
  [class~="md:hover:padding64"]:hover {
    padding: calc(var(--spacing) * 64) !important;
  }
  [class~="md:padding80"] {
    padding: calc(var(--spacing) * 80) !important;
  }
  [class~="md:hover:padding80"]:hover {
    padding: calc(var(--spacing) * 80) !important;
  }
  [class~="md:padding96"] {
    padding: calc(var(--spacing) * 96) !important;
  }
  [class~="md:hover:padding96"]:hover {
    padding: calc(var(--spacing) * 96) !important;
  }
  [class~="md:padding128"] {
    padding: calc(var(--spacing) * 128) !important;
  }
  [class~="md:hover:padding128"]:hover {
    padding: calc(var(--spacing) * 128) !important;
  }
  [class~="md:pb0"] {
    padding-block: 0 !important;
  }
  [class~="md:hover:pb0"]:hover {
    padding-block: 0 !important;
  }
  [class~="md:pb1"] {
    padding-block: calc(var(--spacing) * 1) !important;
  }
  [class~="md:hover:pb1"]:hover {
    padding-block: calc(var(--spacing) * 1) !important;
  }
  [class~="md:pb2"] {
    padding-block: calc(var(--spacing) * 2) !important;
  }
  [class~="md:hover:pb2"]:hover {
    padding-block: calc(var(--spacing) * 2) !important;
  }
  [class~="md:pb3"] {
    padding-block: calc(var(--spacing) * 3) !important;
  }
  [class~="md:hover:pb3"]:hover {
    padding-block: calc(var(--spacing) * 3) !important;
  }
  [class~="md:pb4"] {
    padding-block: calc(var(--spacing) * 4) !important;
  }
  [class~="md:hover:pb4"]:hover {
    padding-block: calc(var(--spacing) * 4) !important;
  }
  [class~="md:pb5"] {
    padding-block: calc(var(--spacing) * 5) !important;
  }
  [class~="md:hover:pb5"]:hover {
    padding-block: calc(var(--spacing) * 5) !important;
  }
  [class~="md:pb6"] {
    padding-block: calc(var(--spacing) * 6) !important;
  }
  [class~="md:hover:pb6"]:hover {
    padding-block: calc(var(--spacing) * 6) !important;
  }
  [class~="md:pb8"] {
    padding-block: calc(var(--spacing) * 8) !important;
  }
  [class~="md:hover:pb8"]:hover {
    padding-block: calc(var(--spacing) * 8) !important;
  }
  [class~="md:pb10"] {
    padding-block: calc(var(--spacing) * 10) !important;
  }
  [class~="md:hover:pb10"]:hover {
    padding-block: calc(var(--spacing) * 10) !important;
  }
  [class~="md:pb12"] {
    padding-block: calc(var(--spacing) * 12) !important;
  }
  [class~="md:hover:pb12"]:hover {
    padding-block: calc(var(--spacing) * 12) !important;
  }
  [class~="md:pb16"] {
    padding-block: calc(var(--spacing) * 16) !important;
  }
  [class~="md:hover:pb16"]:hover {
    padding-block: calc(var(--spacing) * 16) !important;
  }
  [class~="md:pb20"] {
    padding-block: calc(var(--spacing) * 20) !important;
  }
  [class~="md:hover:pb20"]:hover {
    padding-block: calc(var(--spacing) * 20) !important;
  }
  [class~="md:pb24"] {
    padding-block: calc(var(--spacing) * 24) !important;
  }
  [class~="md:hover:pb24"]:hover {
    padding-block: calc(var(--spacing) * 24) !important;
  }
  [class~="md:pb32"] {
    padding-block: calc(var(--spacing) * 32) !important;
  }
  [class~="md:hover:pb32"]:hover {
    padding-block: calc(var(--spacing) * 32) !important;
  }
  [class~="md:pb40"] {
    padding-block: calc(var(--spacing) * 40) !important;
  }
  [class~="md:hover:pb40"]:hover {
    padding-block: calc(var(--spacing) * 40) !important;
  }
  [class~="md:pb48"] {
    padding-block: calc(var(--spacing) * 48) !important;
  }
  [class~="md:hover:pb48"]:hover {
    padding-block: calc(var(--spacing) * 48) !important;
  }
  [class~="md:pb64"] {
    padding-block: calc(var(--spacing) * 64) !important;
  }
  [class~="md:hover:pb64"]:hover {
    padding-block: calc(var(--spacing) * 64) !important;
  }
  [class~="md:pb80"] {
    padding-block: calc(var(--spacing) * 80) !important;
  }
  [class~="md:hover:pb80"]:hover {
    padding-block: calc(var(--spacing) * 80) !important;
  }
  [class~="md:pb96"] {
    padding-block: calc(var(--spacing) * 96) !important;
  }
  [class~="md:hover:pb96"]:hover {
    padding-block: calc(var(--spacing) * 96) !important;
  }
  [class~="md:pb128"] {
    padding-block: calc(var(--spacing) * 128) !important;
  }
  [class~="md:hover:pb128"]:hover {
    padding-block: calc(var(--spacing) * 128) !important;
  }
  [class~="md:pbs0"] {
    padding-block-start: 0 !important;
  }
  [class~="md:hover:pbs0"]:hover {
    padding-block-start: 0 !important;
  }
  [class~="md:pbs1"] {
    padding-block-start: calc(var(--spacing) * 1) !important;
  }
  [class~="md:hover:pbs1"]:hover {
    padding-block-start: calc(var(--spacing) * 1) !important;
  }
  [class~="md:pbs2"] {
    padding-block-start: calc(var(--spacing) * 2) !important;
  }
  [class~="md:hover:pbs2"]:hover {
    padding-block-start: calc(var(--spacing) * 2) !important;
  }
  [class~="md:pbs3"] {
    padding-block-start: calc(var(--spacing) * 3) !important;
  }
  [class~="md:hover:pbs3"]:hover {
    padding-block-start: calc(var(--spacing) * 3) !important;
  }
  [class~="md:pbs4"] {
    padding-block-start: calc(var(--spacing) * 4) !important;
  }
  [class~="md:hover:pbs4"]:hover {
    padding-block-start: calc(var(--spacing) * 4) !important;
  }
  [class~="md:pbs5"] {
    padding-block-start: calc(var(--spacing) * 5) !important;
  }
  [class~="md:hover:pbs5"]:hover {
    padding-block-start: calc(var(--spacing) * 5) !important;
  }
  [class~="md:pbs6"] {
    padding-block-start: calc(var(--spacing) * 6) !important;
  }
  [class~="md:hover:pbs6"]:hover {
    padding-block-start: calc(var(--spacing) * 6) !important;
  }
  [class~="md:pbs8"] {
    padding-block-start: calc(var(--spacing) * 8) !important;
  }
  [class~="md:hover:pbs8"]:hover {
    padding-block-start: calc(var(--spacing) * 8) !important;
  }
  [class~="md:pbs10"] {
    padding-block-start: calc(var(--spacing) * 10) !important;
  }
  [class~="md:hover:pbs10"]:hover {
    padding-block-start: calc(var(--spacing) * 10) !important;
  }
  [class~="md:pbs12"] {
    padding-block-start: calc(var(--spacing) * 12) !important;
  }
  [class~="md:hover:pbs12"]:hover {
    padding-block-start: calc(var(--spacing) * 12) !important;
  }
  [class~="md:pbs16"] {
    padding-block-start: calc(var(--spacing) * 16) !important;
  }
  [class~="md:hover:pbs16"]:hover {
    padding-block-start: calc(var(--spacing) * 16) !important;
  }
  [class~="md:pbs20"] {
    padding-block-start: calc(var(--spacing) * 20) !important;
  }
  [class~="md:hover:pbs20"]:hover {
    padding-block-start: calc(var(--spacing) * 20) !important;
  }
  [class~="md:pbs24"] {
    padding-block-start: calc(var(--spacing) * 24) !important;
  }
  [class~="md:hover:pbs24"]:hover {
    padding-block-start: calc(var(--spacing) * 24) !important;
  }
  [class~="md:pbs32"] {
    padding-block-start: calc(var(--spacing) * 32) !important;
  }
  [class~="md:hover:pbs32"]:hover {
    padding-block-start: calc(var(--spacing) * 32) !important;
  }
  [class~="md:pbs40"] {
    padding-block-start: calc(var(--spacing) * 40) !important;
  }
  [class~="md:hover:pbs40"]:hover {
    padding-block-start: calc(var(--spacing) * 40) !important;
  }
  [class~="md:pbs48"] {
    padding-block-start: calc(var(--spacing) * 48) !important;
  }
  [class~="md:hover:pbs48"]:hover {
    padding-block-start: calc(var(--spacing) * 48) !important;
  }
  [class~="md:pbs64"] {
    padding-block-start: calc(var(--spacing) * 64) !important;
  }
  [class~="md:hover:pbs64"]:hover {
    padding-block-start: calc(var(--spacing) * 64) !important;
  }
  [class~="md:pbs80"] {
    padding-block-start: calc(var(--spacing) * 80) !important;
  }
  [class~="md:hover:pbs80"]:hover {
    padding-block-start: calc(var(--spacing) * 80) !important;
  }
  [class~="md:pbs96"] {
    padding-block-start: calc(var(--spacing) * 96) !important;
  }
  [class~="md:hover:pbs96"]:hover {
    padding-block-start: calc(var(--spacing) * 96) !important;
  }
  [class~="md:pbs128"] {
    padding-block-start: calc(var(--spacing) * 128) !important;
  }
  [class~="md:hover:pbs128"]:hover {
    padding-block-start: calc(var(--spacing) * 128) !important;
  }
  [class~="md:pbe0"] {
    padding-block-end: 0 !important;
  }
  [class~="md:hover:pbe0"]:hover {
    padding-block-end: 0 !important;
  }
  [class~="md:pbe1"] {
    padding-block-end: calc(var(--spacing) * 1) !important;
  }
  [class~="md:hover:pbe1"]:hover {
    padding-block-end: calc(var(--spacing) * 1) !important;
  }
  [class~="md:pbe2"] {
    padding-block-end: calc(var(--spacing) * 2) !important;
  }
  [class~="md:hover:pbe2"]:hover {
    padding-block-end: calc(var(--spacing) * 2) !important;
  }
  [class~="md:pbe3"] {
    padding-block-end: calc(var(--spacing) * 3) !important;
  }
  [class~="md:hover:pbe3"]:hover {
    padding-block-end: calc(var(--spacing) * 3) !important;
  }
  [class~="md:pbe4"] {
    padding-block-end: calc(var(--spacing) * 4) !important;
  }
  [class~="md:hover:pbe4"]:hover {
    padding-block-end: calc(var(--spacing) * 4) !important;
  }
  [class~="md:pbe5"] {
    padding-block-end: calc(var(--spacing) * 5) !important;
  }
  [class~="md:hover:pbe5"]:hover {
    padding-block-end: calc(var(--spacing) * 5) !important;
  }
  [class~="md:pbe6"] {
    padding-block-end: calc(var(--spacing) * 6) !important;
  }
  [class~="md:hover:pbe6"]:hover {
    padding-block-end: calc(var(--spacing) * 6) !important;
  }
  [class~="md:pbe8"] {
    padding-block-end: calc(var(--spacing) * 8) !important;
  }
  [class~="md:hover:pbe8"]:hover {
    padding-block-end: calc(var(--spacing) * 8) !important;
  }
  [class~="md:pbe10"] {
    padding-block-end: calc(var(--spacing) * 10) !important;
  }
  [class~="md:hover:pbe10"]:hover {
    padding-block-end: calc(var(--spacing) * 10) !important;
  }
  [class~="md:pbe12"] {
    padding-block-end: calc(var(--spacing) * 12) !important;
  }
  [class~="md:hover:pbe12"]:hover {
    padding-block-end: calc(var(--spacing) * 12) !important;
  }
  [class~="md:pbe16"] {
    padding-block-end: calc(var(--spacing) * 16) !important;
  }
  [class~="md:hover:pbe16"]:hover {
    padding-block-end: calc(var(--spacing) * 16) !important;
  }
  [class~="md:pbe20"] {
    padding-block-end: calc(var(--spacing) * 20) !important;
  }
  [class~="md:hover:pbe20"]:hover {
    padding-block-end: calc(var(--spacing) * 20) !important;
  }
  [class~="md:pbe24"] {
    padding-block-end: calc(var(--spacing) * 24) !important;
  }
  [class~="md:hover:pbe24"]:hover {
    padding-block-end: calc(var(--spacing) * 24) !important;
  }
  [class~="md:pbe32"] {
    padding-block-end: calc(var(--spacing) * 32) !important;
  }
  [class~="md:hover:pbe32"]:hover {
    padding-block-end: calc(var(--spacing) * 32) !important;
  }
  [class~="md:pbe40"] {
    padding-block-end: calc(var(--spacing) * 40) !important;
  }
  [class~="md:hover:pbe40"]:hover {
    padding-block-end: calc(var(--spacing) * 40) !important;
  }
  [class~="md:pbe48"] {
    padding-block-end: calc(var(--spacing) * 48) !important;
  }
  [class~="md:hover:pbe48"]:hover {
    padding-block-end: calc(var(--spacing) * 48) !important;
  }
  [class~="md:pbe64"] {
    padding-block-end: calc(var(--spacing) * 64) !important;
  }
  [class~="md:hover:pbe64"]:hover {
    padding-block-end: calc(var(--spacing) * 64) !important;
  }
  [class~="md:pbe80"] {
    padding-block-end: calc(var(--spacing) * 80) !important;
  }
  [class~="md:hover:pbe80"]:hover {
    padding-block-end: calc(var(--spacing) * 80) !important;
  }
  [class~="md:pbe96"] {
    padding-block-end: calc(var(--spacing) * 96) !important;
  }
  [class~="md:hover:pbe96"]:hover {
    padding-block-end: calc(var(--spacing) * 96) !important;
  }
  [class~="md:pbe128"] {
    padding-block-end: calc(var(--spacing) * 128) !important;
  }
  [class~="md:hover:pbe128"]:hover {
    padding-block-end: calc(var(--spacing) * 128) !important;
  }
  [class~="md:pi0"] {
    padding-inline: 0 !important;
  }
  [class~="md:hover:pi0"]:hover {
    padding-inline: 0 !important;
  }
  [class~="md:pi1"] {
    padding-inline: calc(var(--spacing) * 1) !important;
  }
  [class~="md:hover:pi1"]:hover {
    padding-inline: calc(var(--spacing) * 1) !important;
  }
  [class~="md:pi2"] {
    padding-inline: calc(var(--spacing) * 2) !important;
  }
  [class~="md:hover:pi2"]:hover {
    padding-inline: calc(var(--spacing) * 2) !important;
  }
  [class~="md:pi3"] {
    padding-inline: calc(var(--spacing) * 3) !important;
  }
  [class~="md:hover:pi3"]:hover {
    padding-inline: calc(var(--spacing) * 3) !important;
  }
  [class~="md:pi4"] {
    padding-inline: calc(var(--spacing) * 4) !important;
  }
  [class~="md:hover:pi4"]:hover {
    padding-inline: calc(var(--spacing) * 4) !important;
  }
  [class~="md:pi5"] {
    padding-inline: calc(var(--spacing) * 5) !important;
  }
  [class~="md:hover:pi5"]:hover {
    padding-inline: calc(var(--spacing) * 5) !important;
  }
  [class~="md:pi6"] {
    padding-inline: calc(var(--spacing) * 6) !important;
  }
  [class~="md:hover:pi6"]:hover {
    padding-inline: calc(var(--spacing) * 6) !important;
  }
  [class~="md:pi8"] {
    padding-inline: calc(var(--spacing) * 8) !important;
  }
  [class~="md:hover:pi8"]:hover {
    padding-inline: calc(var(--spacing) * 8) !important;
  }
  [class~="md:pi10"] {
    padding-inline: calc(var(--spacing) * 10) !important;
  }
  [class~="md:hover:pi10"]:hover {
    padding-inline: calc(var(--spacing) * 10) !important;
  }
  [class~="md:pi12"] {
    padding-inline: calc(var(--spacing) * 12) !important;
  }
  [class~="md:hover:pi12"]:hover {
    padding-inline: calc(var(--spacing) * 12) !important;
  }
  [class~="md:pi16"] {
    padding-inline: calc(var(--spacing) * 16) !important;
  }
  [class~="md:hover:pi16"]:hover {
    padding-inline: calc(var(--spacing) * 16) !important;
  }
  [class~="md:pi20"] {
    padding-inline: calc(var(--spacing) * 20) !important;
  }
  [class~="md:hover:pi20"]:hover {
    padding-inline: calc(var(--spacing) * 20) !important;
  }
  [class~="md:pi24"] {
    padding-inline: calc(var(--spacing) * 24) !important;
  }
  [class~="md:hover:pi24"]:hover {
    padding-inline: calc(var(--spacing) * 24) !important;
  }
  [class~="md:pi32"] {
    padding-inline: calc(var(--spacing) * 32) !important;
  }
  [class~="md:hover:pi32"]:hover {
    padding-inline: calc(var(--spacing) * 32) !important;
  }
  [class~="md:pi40"] {
    padding-inline: calc(var(--spacing) * 40) !important;
  }
  [class~="md:hover:pi40"]:hover {
    padding-inline: calc(var(--spacing) * 40) !important;
  }
  [class~="md:pi48"] {
    padding-inline: calc(var(--spacing) * 48) !important;
  }
  [class~="md:hover:pi48"]:hover {
    padding-inline: calc(var(--spacing) * 48) !important;
  }
  [class~="md:pi64"] {
    padding-inline: calc(var(--spacing) * 64) !important;
  }
  [class~="md:hover:pi64"]:hover {
    padding-inline: calc(var(--spacing) * 64) !important;
  }
  [class~="md:pi80"] {
    padding-inline: calc(var(--spacing) * 80) !important;
  }
  [class~="md:hover:pi80"]:hover {
    padding-inline: calc(var(--spacing) * 80) !important;
  }
  [class~="md:pi96"] {
    padding-inline: calc(var(--spacing) * 96) !important;
  }
  [class~="md:hover:pi96"]:hover {
    padding-inline: calc(var(--spacing) * 96) !important;
  }
  [class~="md:pi128"] {
    padding-inline: calc(var(--spacing) * 128) !important;
  }
  [class~="md:hover:pi128"]:hover {
    padding-inline: calc(var(--spacing) * 128) !important;
  }
  [class~="md:pis0"] {
    padding-inline-start: 0 !important;
  }
  [class~="md:hover:pis0"]:hover {
    padding-inline-start: 0 !important;
  }
  [class~="md:pis1"] {
    padding-inline-start: calc(var(--spacing) * 1) !important;
  }
  [class~="md:hover:pis1"]:hover {
    padding-inline-start: calc(var(--spacing) * 1) !important;
  }
  [class~="md:pis2"] {
    padding-inline-start: calc(var(--spacing) * 2) !important;
  }
  [class~="md:hover:pis2"]:hover {
    padding-inline-start: calc(var(--spacing) * 2) !important;
  }
  [class~="md:pis3"] {
    padding-inline-start: calc(var(--spacing) * 3) !important;
  }
  [class~="md:hover:pis3"]:hover {
    padding-inline-start: calc(var(--spacing) * 3) !important;
  }
  [class~="md:pis4"] {
    padding-inline-start: calc(var(--spacing) * 4) !important;
  }
  [class~="md:hover:pis4"]:hover {
    padding-inline-start: calc(var(--spacing) * 4) !important;
  }
  [class~="md:pis5"] {
    padding-inline-start: calc(var(--spacing) * 5) !important;
  }
  [class~="md:hover:pis5"]:hover {
    padding-inline-start: calc(var(--spacing) * 5) !important;
  }
  [class~="md:pis6"] {
    padding-inline-start: calc(var(--spacing) * 6) !important;
  }
  [class~="md:hover:pis6"]:hover {
    padding-inline-start: calc(var(--spacing) * 6) !important;
  }
  [class~="md:pis8"] {
    padding-inline-start: calc(var(--spacing) * 8) !important;
  }
  [class~="md:hover:pis8"]:hover {
    padding-inline-start: calc(var(--spacing) * 8) !important;
  }
  [class~="md:pis10"] {
    padding-inline-start: calc(var(--spacing) * 10) !important;
  }
  [class~="md:hover:pis10"]:hover {
    padding-inline-start: calc(var(--spacing) * 10) !important;
  }
  [class~="md:pis12"] {
    padding-inline-start: calc(var(--spacing) * 12) !important;
  }
  [class~="md:hover:pis12"]:hover {
    padding-inline-start: calc(var(--spacing) * 12) !important;
  }
  [class~="md:pis16"] {
    padding-inline-start: calc(var(--spacing) * 16) !important;
  }
  [class~="md:hover:pis16"]:hover {
    padding-inline-start: calc(var(--spacing) * 16) !important;
  }
  [class~="md:pis20"] {
    padding-inline-start: calc(var(--spacing) * 20) !important;
  }
  [class~="md:hover:pis20"]:hover {
    padding-inline-start: calc(var(--spacing) * 20) !important;
  }
  [class~="md:pis24"] {
    padding-inline-start: calc(var(--spacing) * 24) !important;
  }
  [class~="md:hover:pis24"]:hover {
    padding-inline-start: calc(var(--spacing) * 24) !important;
  }
  [class~="md:pis32"] {
    padding-inline-start: calc(var(--spacing) * 32) !important;
  }
  [class~="md:hover:pis32"]:hover {
    padding-inline-start: calc(var(--spacing) * 32) !important;
  }
  [class~="md:pis40"] {
    padding-inline-start: calc(var(--spacing) * 40) !important;
  }
  [class~="md:hover:pis40"]:hover {
    padding-inline-start: calc(var(--spacing) * 40) !important;
  }
  [class~="md:pis48"] {
    padding-inline-start: calc(var(--spacing) * 48) !important;
  }
  [class~="md:hover:pis48"]:hover {
    padding-inline-start: calc(var(--spacing) * 48) !important;
  }
  [class~="md:pis64"] {
    padding-inline-start: calc(var(--spacing) * 64) !important;
  }
  [class~="md:hover:pis64"]:hover {
    padding-inline-start: calc(var(--spacing) * 64) !important;
  }
  [class~="md:pis80"] {
    padding-inline-start: calc(var(--spacing) * 80) !important;
  }
  [class~="md:hover:pis80"]:hover {
    padding-inline-start: calc(var(--spacing) * 80) !important;
  }
  [class~="md:pis96"] {
    padding-inline-start: calc(var(--spacing) * 96) !important;
  }
  [class~="md:hover:pis96"]:hover {
    padding-inline-start: calc(var(--spacing) * 96) !important;
  }
  [class~="md:pis128"] {
    padding-inline-start: calc(var(--spacing) * 128) !important;
  }
  [class~="md:hover:pis128"]:hover {
    padding-inline-start: calc(var(--spacing) * 128) !important;
  }
  [class~="md:pie0"] {
    padding-inline-end: 0 !important;
  }
  [class~="md:hover:pie0"]:hover {
    padding-inline-end: 0 !important;
  }
  [class~="md:pie1"] {
    padding-inline-end: calc(var(--spacing) * 1) !important;
  }
  [class~="md:hover:pie1"]:hover {
    padding-inline-end: calc(var(--spacing) * 1) !important;
  }
  [class~="md:pie2"] {
    padding-inline-end: calc(var(--spacing) * 2) !important;
  }
  [class~="md:hover:pie2"]:hover {
    padding-inline-end: calc(var(--spacing) * 2) !important;
  }
  [class~="md:pie3"] {
    padding-inline-end: calc(var(--spacing) * 3) !important;
  }
  [class~="md:hover:pie3"]:hover {
    padding-inline-end: calc(var(--spacing) * 3) !important;
  }
  [class~="md:pie4"] {
    padding-inline-end: calc(var(--spacing) * 4) !important;
  }
  [class~="md:hover:pie4"]:hover {
    padding-inline-end: calc(var(--spacing) * 4) !important;
  }
  [class~="md:pie5"] {
    padding-inline-end: calc(var(--spacing) * 5) !important;
  }
  [class~="md:hover:pie5"]:hover {
    padding-inline-end: calc(var(--spacing) * 5) !important;
  }
  [class~="md:pie6"] {
    padding-inline-end: calc(var(--spacing) * 6) !important;
  }
  [class~="md:hover:pie6"]:hover {
    padding-inline-end: calc(var(--spacing) * 6) !important;
  }
  [class~="md:pie8"] {
    padding-inline-end: calc(var(--spacing) * 8) !important;
  }
  [class~="md:hover:pie8"]:hover {
    padding-inline-end: calc(var(--spacing) * 8) !important;
  }
  [class~="md:pie10"] {
    padding-inline-end: calc(var(--spacing) * 10) !important;
  }
  [class~="md:hover:pie10"]:hover {
    padding-inline-end: calc(var(--spacing) * 10) !important;
  }
  [class~="md:pie12"] {
    padding-inline-end: calc(var(--spacing) * 12) !important;
  }
  [class~="md:hover:pie12"]:hover {
    padding-inline-end: calc(var(--spacing) * 12) !important;
  }
  [class~="md:pie16"] {
    padding-inline-end: calc(var(--spacing) * 16) !important;
  }
  [class~="md:hover:pie16"]:hover {
    padding-inline-end: calc(var(--spacing) * 16) !important;
  }
  [class~="md:pie20"] {
    padding-inline-end: calc(var(--spacing) * 20) !important;
  }
  [class~="md:hover:pie20"]:hover {
    padding-inline-end: calc(var(--spacing) * 20) !important;
  }
  [class~="md:pie24"] {
    padding-inline-end: calc(var(--spacing) * 24) !important;
  }
  [class~="md:hover:pie24"]:hover {
    padding-inline-end: calc(var(--spacing) * 24) !important;
  }
  [class~="md:pie32"] {
    padding-inline-end: calc(var(--spacing) * 32) !important;
  }
  [class~="md:hover:pie32"]:hover {
    padding-inline-end: calc(var(--spacing) * 32) !important;
  }
  [class~="md:pie40"] {
    padding-inline-end: calc(var(--spacing) * 40) !important;
  }
  [class~="md:hover:pie40"]:hover {
    padding-inline-end: calc(var(--spacing) * 40) !important;
  }
  [class~="md:pie48"] {
    padding-inline-end: calc(var(--spacing) * 48) !important;
  }
  [class~="md:hover:pie48"]:hover {
    padding-inline-end: calc(var(--spacing) * 48) !important;
  }
  [class~="md:pie64"] {
    padding-inline-end: calc(var(--spacing) * 64) !important;
  }
  [class~="md:hover:pie64"]:hover {
    padding-inline-end: calc(var(--spacing) * 64) !important;
  }
  [class~="md:pie80"] {
    padding-inline-end: calc(var(--spacing) * 80) !important;
  }
  [class~="md:hover:pie80"]:hover {
    padding-inline-end: calc(var(--spacing) * 80) !important;
  }
  [class~="md:pie96"] {
    padding-inline-end: calc(var(--spacing) * 96) !important;
  }
  [class~="md:hover:pie96"]:hover {
    padding-inline-end: calc(var(--spacing) * 96) !important;
  }
  [class~="md:pie128"] {
    padding-inline-end: calc(var(--spacing) * 128) !important;
  }
  [class~="md:hover:pie128"]:hover {
    padding-inline-end: calc(var(--spacing) * 128) !important;
  }
  [class~="md:m0"] {
    margin: 0 !important;
  }
  [class~="md:hover:m0"]:hover {
    margin: 0 !important;
  }
  [class~="md:m1"] {
    margin: calc(var(--spacing) * 1) !important;
  }
  [class~="md:hover:m1"]:hover {
    margin: calc(var(--spacing) * 1) !important;
  }
  [class~="md:m2"] {
    margin: calc(var(--spacing) * 2) !important;
  }
  [class~="md:hover:m2"]:hover {
    margin: calc(var(--spacing) * 2) !important;
  }
  [class~="md:m3"] {
    margin: calc(var(--spacing) * 3) !important;
  }
  [class~="md:hover:m3"]:hover {
    margin: calc(var(--spacing) * 3) !important;
  }
  [class~="md:m4"] {
    margin: calc(var(--spacing) * 4) !important;
  }
  [class~="md:hover:m4"]:hover {
    margin: calc(var(--spacing) * 4) !important;
  }
  [class~="md:m5"] {
    margin: calc(var(--spacing) * 5) !important;
  }
  [class~="md:hover:m5"]:hover {
    margin: calc(var(--spacing) * 5) !important;
  }
  [class~="md:m6"] {
    margin: calc(var(--spacing) * 6) !important;
  }
  [class~="md:hover:m6"]:hover {
    margin: calc(var(--spacing) * 6) !important;
  }
  [class~="md:m8"] {
    margin: calc(var(--spacing) * 8) !important;
  }
  [class~="md:hover:m8"]:hover {
    margin: calc(var(--spacing) * 8) !important;
  }
  [class~="md:m10"] {
    margin: calc(var(--spacing) * 10) !important;
  }
  [class~="md:hover:m10"]:hover {
    margin: calc(var(--spacing) * 10) !important;
  }
  [class~="md:m12"] {
    margin: calc(var(--spacing) * 12) !important;
  }
  [class~="md:hover:m12"]:hover {
    margin: calc(var(--spacing) * 12) !important;
  }
  [class~="md:m16"] {
    margin: calc(var(--spacing) * 16) !important;
  }
  [class~="md:hover:m16"]:hover {
    margin: calc(var(--spacing) * 16) !important;
  }
  [class~="md:m20"] {
    margin: calc(var(--spacing) * 20) !important;
  }
  [class~="md:hover:m20"]:hover {
    margin: calc(var(--spacing) * 20) !important;
  }
  [class~="md:m24"] {
    margin: calc(var(--spacing) * 24) !important;
  }
  [class~="md:hover:m24"]:hover {
    margin: calc(var(--spacing) * 24) !important;
  }
  [class~="md:m32"] {
    margin: calc(var(--spacing) * 32) !important;
  }
  [class~="md:hover:m32"]:hover {
    margin: calc(var(--spacing) * 32) !important;
  }
  [class~="md:m40"] {
    margin: calc(var(--spacing) * 40) !important;
  }
  [class~="md:hover:m40"]:hover {
    margin: calc(var(--spacing) * 40) !important;
  }
  [class~="md:m48"] {
    margin: calc(var(--spacing) * 48) !important;
  }
  [class~="md:hover:m48"]:hover {
    margin: calc(var(--spacing) * 48) !important;
  }
  [class~="md:m64"] {
    margin: calc(var(--spacing) * 64) !important;
  }
  [class~="md:hover:m64"]:hover {
    margin: calc(var(--spacing) * 64) !important;
  }
  [class~="md:m80"] {
    margin: calc(var(--spacing) * 80) !important;
  }
  [class~="md:hover:m80"]:hover {
    margin: calc(var(--spacing) * 80) !important;
  }
  [class~="md:m96"] {
    margin: calc(var(--spacing) * 96) !important;
  }
  [class~="md:hover:m96"]:hover {
    margin: calc(var(--spacing) * 96) !important;
  }
  [class~="md:m128"] {
    margin: calc(var(--spacing) * 128) !important;
  }
  [class~="md:hover:m128"]:hover {
    margin: calc(var(--spacing) * 128) !important;
  }
  [class~="md:mb0"] {
    margin-block: 0 !important;
  }
  [class~="md:hover:mb0"]:hover {
    margin-block: 0 !important;
  }
  [class~="md:mb1"] {
    margin-block: calc(var(--spacing) * 1) !important;
  }
  [class~="md:hover:mb1"]:hover {
    margin-block: calc(var(--spacing) * 1) !important;
  }
  [class~="md:mb2"] {
    margin-block: calc(var(--spacing) * 2) !important;
  }
  [class~="md:hover:mb2"]:hover {
    margin-block: calc(var(--spacing) * 2) !important;
  }
  [class~="md:mb3"] {
    margin-block: calc(var(--spacing) * 3) !important;
  }
  [class~="md:hover:mb3"]:hover {
    margin-block: calc(var(--spacing) * 3) !important;
  }
  [class~="md:mb4"] {
    margin-block: calc(var(--spacing) * 4) !important;
  }
  [class~="md:hover:mb4"]:hover {
    margin-block: calc(var(--spacing) * 4) !important;
  }
  [class~="md:mb5"] {
    margin-block: calc(var(--spacing) * 5) !important;
  }
  [class~="md:hover:mb5"]:hover {
    margin-block: calc(var(--spacing) * 5) !important;
  }
  [class~="md:mb6"] {
    margin-block: calc(var(--spacing) * 6) !important;
  }
  [class~="md:hover:mb6"]:hover {
    margin-block: calc(var(--spacing) * 6) !important;
  }
  [class~="md:mb8"] {
    margin-block: calc(var(--spacing) * 8) !important;
  }
  [class~="md:hover:mb8"]:hover {
    margin-block: calc(var(--spacing) * 8) !important;
  }
  [class~="md:mb10"] {
    margin-block: calc(var(--spacing) * 10) !important;
  }
  [class~="md:hover:mb10"]:hover {
    margin-block: calc(var(--spacing) * 10) !important;
  }
  [class~="md:mb12"] {
    margin-block: calc(var(--spacing) * 12) !important;
  }
  [class~="md:hover:mb12"]:hover {
    margin-block: calc(var(--spacing) * 12) !important;
  }
  [class~="md:mb16"] {
    margin-block: calc(var(--spacing) * 16) !important;
  }
  [class~="md:hover:mb16"]:hover {
    margin-block: calc(var(--spacing) * 16) !important;
  }
  [class~="md:mb20"] {
    margin-block: calc(var(--spacing) * 20) !important;
  }
  [class~="md:hover:mb20"]:hover {
    margin-block: calc(var(--spacing) * 20) !important;
  }
  [class~="md:mb24"] {
    margin-block: calc(var(--spacing) * 24) !important;
  }
  [class~="md:hover:mb24"]:hover {
    margin-block: calc(var(--spacing) * 24) !important;
  }
  [class~="md:mb32"] {
    margin-block: calc(var(--spacing) * 32) !important;
  }
  [class~="md:hover:mb32"]:hover {
    margin-block: calc(var(--spacing) * 32) !important;
  }
  [class~="md:mb40"] {
    margin-block: calc(var(--spacing) * 40) !important;
  }
  [class~="md:hover:mb40"]:hover {
    margin-block: calc(var(--spacing) * 40) !important;
  }
  [class~="md:mb48"] {
    margin-block: calc(var(--spacing) * 48) !important;
  }
  [class~="md:hover:mb48"]:hover {
    margin-block: calc(var(--spacing) * 48) !important;
  }
  [class~="md:mb64"] {
    margin-block: calc(var(--spacing) * 64) !important;
  }
  [class~="md:hover:mb64"]:hover {
    margin-block: calc(var(--spacing) * 64) !important;
  }
  [class~="md:mb80"] {
    margin-block: calc(var(--spacing) * 80) !important;
  }
  [class~="md:hover:mb80"]:hover {
    margin-block: calc(var(--spacing) * 80) !important;
  }
  [class~="md:mb96"] {
    margin-block: calc(var(--spacing) * 96) !important;
  }
  [class~="md:hover:mb96"]:hover {
    margin-block: calc(var(--spacing) * 96) !important;
  }
  [class~="md:mb128"] {
    margin-block: calc(var(--spacing) * 128) !important;
  }
  [class~="md:hover:mb128"]:hover {
    margin-block: calc(var(--spacing) * 128) !important;
  }
  [class~="md:mbs0"] {
    margin-block-start: 0 !important;
  }
  [class~="md:hover:mbs0"]:hover {
    margin-block-start: 0 !important;
  }
  [class~="md:mbs1"] {
    margin-block-start: calc(var(--spacing) * 1) !important;
  }
  [class~="md:hover:mbs1"]:hover {
    margin-block-start: calc(var(--spacing) * 1) !important;
  }
  [class~="md:mbs2"] {
    margin-block-start: calc(var(--spacing) * 2) !important;
  }
  [class~="md:hover:mbs2"]:hover {
    margin-block-start: calc(var(--spacing) * 2) !important;
  }
  [class~="md:mbs3"] {
    margin-block-start: calc(var(--spacing) * 3) !important;
  }
  [class~="md:hover:mbs3"]:hover {
    margin-block-start: calc(var(--spacing) * 3) !important;
  }
  [class~="md:mbs4"] {
    margin-block-start: calc(var(--spacing) * 4) !important;
  }
  [class~="md:hover:mbs4"]:hover {
    margin-block-start: calc(var(--spacing) * 4) !important;
  }
  [class~="md:mbs5"] {
    margin-block-start: calc(var(--spacing) * 5) !important;
  }
  [class~="md:hover:mbs5"]:hover {
    margin-block-start: calc(var(--spacing) * 5) !important;
  }
  [class~="md:mbs6"] {
    margin-block-start: calc(var(--spacing) * 6) !important;
  }
  [class~="md:hover:mbs6"]:hover {
    margin-block-start: calc(var(--spacing) * 6) !important;
  }
  [class~="md:mbs8"] {
    margin-block-start: calc(var(--spacing) * 8) !important;
  }
  [class~="md:hover:mbs8"]:hover {
    margin-block-start: calc(var(--spacing) * 8) !important;
  }
  [class~="md:mbs10"] {
    margin-block-start: calc(var(--spacing) * 10) !important;
  }
  [class~="md:hover:mbs10"]:hover {
    margin-block-start: calc(var(--spacing) * 10) !important;
  }
  [class~="md:mbs12"] {
    margin-block-start: calc(var(--spacing) * 12) !important;
  }
  [class~="md:hover:mbs12"]:hover {
    margin-block-start: calc(var(--spacing) * 12) !important;
  }
  [class~="md:mbs16"] {
    margin-block-start: calc(var(--spacing) * 16) !important;
  }
  [class~="md:hover:mbs16"]:hover {
    margin-block-start: calc(var(--spacing) * 16) !important;
  }
  [class~="md:mbs20"] {
    margin-block-start: calc(var(--spacing) * 20) !important;
  }
  [class~="md:hover:mbs20"]:hover {
    margin-block-start: calc(var(--spacing) * 20) !important;
  }
  [class~="md:mbs24"] {
    margin-block-start: calc(var(--spacing) * 24) !important;
  }
  [class~="md:hover:mbs24"]:hover {
    margin-block-start: calc(var(--spacing) * 24) !important;
  }
  [class~="md:mbs32"] {
    margin-block-start: calc(var(--spacing) * 32) !important;
  }
  [class~="md:hover:mbs32"]:hover {
    margin-block-start: calc(var(--spacing) * 32) !important;
  }
  [class~="md:mbs40"] {
    margin-block-start: calc(var(--spacing) * 40) !important;
  }
  [class~="md:hover:mbs40"]:hover {
    margin-block-start: calc(var(--spacing) * 40) !important;
  }
  [class~="md:mbs48"] {
    margin-block-start: calc(var(--spacing) * 48) !important;
  }
  [class~="md:hover:mbs48"]:hover {
    margin-block-start: calc(var(--spacing) * 48) !important;
  }
  [class~="md:mbs64"] {
    margin-block-start: calc(var(--spacing) * 64) !important;
  }
  [class~="md:hover:mbs64"]:hover {
    margin-block-start: calc(var(--spacing) * 64) !important;
  }
  [class~="md:mbs80"] {
    margin-block-start: calc(var(--spacing) * 80) !important;
  }
  [class~="md:hover:mbs80"]:hover {
    margin-block-start: calc(var(--spacing) * 80) !important;
  }
  [class~="md:mbs96"] {
    margin-block-start: calc(var(--spacing) * 96) !important;
  }
  [class~="md:hover:mbs96"]:hover {
    margin-block-start: calc(var(--spacing) * 96) !important;
  }
  [class~="md:mbs128"] {
    margin-block-start: calc(var(--spacing) * 128) !important;
  }
  [class~="md:hover:mbs128"]:hover {
    margin-block-start: calc(var(--spacing) * 128) !important;
  }
  [class~="md:mbe0"] {
    margin-block-end: 0 !important;
  }
  [class~="md:hover:mbe0"]:hover {
    margin-block-end: 0 !important;
  }
  [class~="md:mbe1"] {
    margin-block-end: calc(var(--spacing) * 1) !important;
  }
  [class~="md:hover:mbe1"]:hover {
    margin-block-end: calc(var(--spacing) * 1) !important;
  }
  [class~="md:mbe2"] {
    margin-block-end: calc(var(--spacing) * 2) !important;
  }
  [class~="md:hover:mbe2"]:hover {
    margin-block-end: calc(var(--spacing) * 2) !important;
  }
  [class~="md:mbe3"] {
    margin-block-end: calc(var(--spacing) * 3) !important;
  }
  [class~="md:hover:mbe3"]:hover {
    margin-block-end: calc(var(--spacing) * 3) !important;
  }
  [class~="md:mbe4"] {
    margin-block-end: calc(var(--spacing) * 4) !important;
  }
  [class~="md:hover:mbe4"]:hover {
    margin-block-end: calc(var(--spacing) * 4) !important;
  }
  [class~="md:mbe5"] {
    margin-block-end: calc(var(--spacing) * 5) !important;
  }
  [class~="md:hover:mbe5"]:hover {
    margin-block-end: calc(var(--spacing) * 5) !important;
  }
  [class~="md:mbe6"] {
    margin-block-end: calc(var(--spacing) * 6) !important;
  }
  [class~="md:hover:mbe6"]:hover {
    margin-block-end: calc(var(--spacing) * 6) !important;
  }
  [class~="md:mbe8"] {
    margin-block-end: calc(var(--spacing) * 8) !important;
  }
  [class~="md:hover:mbe8"]:hover {
    margin-block-end: calc(var(--spacing) * 8) !important;
  }
  [class~="md:mbe10"] {
    margin-block-end: calc(var(--spacing) * 10) !important;
  }
  [class~="md:hover:mbe10"]:hover {
    margin-block-end: calc(var(--spacing) * 10) !important;
  }
  [class~="md:mbe12"] {
    margin-block-end: calc(var(--spacing) * 12) !important;
  }
  [class~="md:hover:mbe12"]:hover {
    margin-block-end: calc(var(--spacing) * 12) !important;
  }
  [class~="md:mbe16"] {
    margin-block-end: calc(var(--spacing) * 16) !important;
  }
  [class~="md:hover:mbe16"]:hover {
    margin-block-end: calc(var(--spacing) * 16) !important;
  }
  [class~="md:mbe20"] {
    margin-block-end: calc(var(--spacing) * 20) !important;
  }
  [class~="md:hover:mbe20"]:hover {
    margin-block-end: calc(var(--spacing) * 20) !important;
  }
  [class~="md:mbe24"] {
    margin-block-end: calc(var(--spacing) * 24) !important;
  }
  [class~="md:hover:mbe24"]:hover {
    margin-block-end: calc(var(--spacing) * 24) !important;
  }
  [class~="md:mbe32"] {
    margin-block-end: calc(var(--spacing) * 32) !important;
  }
  [class~="md:hover:mbe32"]:hover {
    margin-block-end: calc(var(--spacing) * 32) !important;
  }
  [class~="md:mbe40"] {
    margin-block-end: calc(var(--spacing) * 40) !important;
  }
  [class~="md:hover:mbe40"]:hover {
    margin-block-end: calc(var(--spacing) * 40) !important;
  }
  [class~="md:mbe48"] {
    margin-block-end: calc(var(--spacing) * 48) !important;
  }
  [class~="md:hover:mbe48"]:hover {
    margin-block-end: calc(var(--spacing) * 48) !important;
  }
  [class~="md:mbe64"] {
    margin-block-end: calc(var(--spacing) * 64) !important;
  }
  [class~="md:hover:mbe64"]:hover {
    margin-block-end: calc(var(--spacing) * 64) !important;
  }
  [class~="md:mbe80"] {
    margin-block-end: calc(var(--spacing) * 80) !important;
  }
  [class~="md:hover:mbe80"]:hover {
    margin-block-end: calc(var(--spacing) * 80) !important;
  }
  [class~="md:mbe96"] {
    margin-block-end: calc(var(--spacing) * 96) !important;
  }
  [class~="md:hover:mbe96"]:hover {
    margin-block-end: calc(var(--spacing) * 96) !important;
  }
  [class~="md:mbe128"] {
    margin-block-end: calc(var(--spacing) * 128) !important;
  }
  [class~="md:hover:mbe128"]:hover {
    margin-block-end: calc(var(--spacing) * 128) !important;
  }
  [class~="md:mi0"] {
    margin-inline: 0 !important;
  }
  [class~="md:hover:mi0"]:hover {
    margin-inline: 0 !important;
  }
  [class~="md:mi1"] {
    margin-inline: calc(var(--spacing) * 1) !important;
  }
  [class~="md:hover:mi1"]:hover {
    margin-inline: calc(var(--spacing) * 1) !important;
  }
  [class~="md:mi2"] {
    margin-inline: calc(var(--spacing) * 2) !important;
  }
  [class~="md:hover:mi2"]:hover {
    margin-inline: calc(var(--spacing) * 2) !important;
  }
  [class~="md:mi3"] {
    margin-inline: calc(var(--spacing) * 3) !important;
  }
  [class~="md:hover:mi3"]:hover {
    margin-inline: calc(var(--spacing) * 3) !important;
  }
  [class~="md:mi4"] {
    margin-inline: calc(var(--spacing) * 4) !important;
  }
  [class~="md:hover:mi4"]:hover {
    margin-inline: calc(var(--spacing) * 4) !important;
  }
  [class~="md:mi5"] {
    margin-inline: calc(var(--spacing) * 5) !important;
  }
  [class~="md:hover:mi5"]:hover {
    margin-inline: calc(var(--spacing) * 5) !important;
  }
  [class~="md:mi6"] {
    margin-inline: calc(var(--spacing) * 6) !important;
  }
  [class~="md:hover:mi6"]:hover {
    margin-inline: calc(var(--spacing) * 6) !important;
  }
  [class~="md:mi8"] {
    margin-inline: calc(var(--spacing) * 8) !important;
  }
  [class~="md:hover:mi8"]:hover {
    margin-inline: calc(var(--spacing) * 8) !important;
  }
  [class~="md:mi10"] {
    margin-inline: calc(var(--spacing) * 10) !important;
  }
  [class~="md:hover:mi10"]:hover {
    margin-inline: calc(var(--spacing) * 10) !important;
  }
  [class~="md:mi12"] {
    margin-inline: calc(var(--spacing) * 12) !important;
  }
  [class~="md:hover:mi12"]:hover {
    margin-inline: calc(var(--spacing) * 12) !important;
  }
  [class~="md:mi16"] {
    margin-inline: calc(var(--spacing) * 16) !important;
  }
  [class~="md:hover:mi16"]:hover {
    margin-inline: calc(var(--spacing) * 16) !important;
  }
  [class~="md:mi20"] {
    margin-inline: calc(var(--spacing) * 20) !important;
  }
  [class~="md:hover:mi20"]:hover {
    margin-inline: calc(var(--spacing) * 20) !important;
  }
  [class~="md:mi24"] {
    margin-inline: calc(var(--spacing) * 24) !important;
  }
  [class~="md:hover:mi24"]:hover {
    margin-inline: calc(var(--spacing) * 24) !important;
  }
  [class~="md:mi32"] {
    margin-inline: calc(var(--spacing) * 32) !important;
  }
  [class~="md:hover:mi32"]:hover {
    margin-inline: calc(var(--spacing) * 32) !important;
  }
  [class~="md:mi40"] {
    margin-inline: calc(var(--spacing) * 40) !important;
  }
  [class~="md:hover:mi40"]:hover {
    margin-inline: calc(var(--spacing) * 40) !important;
  }
  [class~="md:mi48"] {
    margin-inline: calc(var(--spacing) * 48) !important;
  }
  [class~="md:hover:mi48"]:hover {
    margin-inline: calc(var(--spacing) * 48) !important;
  }
  [class~="md:mi64"] {
    margin-inline: calc(var(--spacing) * 64) !important;
  }
  [class~="md:hover:mi64"]:hover {
    margin-inline: calc(var(--spacing) * 64) !important;
  }
  [class~="md:mi80"] {
    margin-inline: calc(var(--spacing) * 80) !important;
  }
  [class~="md:hover:mi80"]:hover {
    margin-inline: calc(var(--spacing) * 80) !important;
  }
  [class~="md:mi96"] {
    margin-inline: calc(var(--spacing) * 96) !important;
  }
  [class~="md:hover:mi96"]:hover {
    margin-inline: calc(var(--spacing) * 96) !important;
  }
  [class~="md:mi128"] {
    margin-inline: calc(var(--spacing) * 128) !important;
  }
  [class~="md:hover:mi128"]:hover {
    margin-inline: calc(var(--spacing) * 128) !important;
  }
  [class~="md:mis0"] {
    margin-inline-start: 0 !important;
  }
  [class~="md:hover:mis0"]:hover {
    margin-inline-start: 0 !important;
  }
  [class~="md:mis1"] {
    margin-inline-start: calc(var(--spacing) * 1) !important;
  }
  [class~="md:hover:mis1"]:hover {
    margin-inline-start: calc(var(--spacing) * 1) !important;
  }
  [class~="md:mis2"] {
    margin-inline-start: calc(var(--spacing) * 2) !important;
  }
  [class~="md:hover:mis2"]:hover {
    margin-inline-start: calc(var(--spacing) * 2) !important;
  }
  [class~="md:mis3"] {
    margin-inline-start: calc(var(--spacing) * 3) !important;
  }
  [class~="md:hover:mis3"]:hover {
    margin-inline-start: calc(var(--spacing) * 3) !important;
  }
  [class~="md:mis4"] {
    margin-inline-start: calc(var(--spacing) * 4) !important;
  }
  [class~="md:hover:mis4"]:hover {
    margin-inline-start: calc(var(--spacing) * 4) !important;
  }
  [class~="md:mis5"] {
    margin-inline-start: calc(var(--spacing) * 5) !important;
  }
  [class~="md:hover:mis5"]:hover {
    margin-inline-start: calc(var(--spacing) * 5) !important;
  }
  [class~="md:mis6"] {
    margin-inline-start: calc(var(--spacing) * 6) !important;
  }
  [class~="md:hover:mis6"]:hover {
    margin-inline-start: calc(var(--spacing) * 6) !important;
  }
  [class~="md:mis8"] {
    margin-inline-start: calc(var(--spacing) * 8) !important;
  }
  [class~="md:hover:mis8"]:hover {
    margin-inline-start: calc(var(--spacing) * 8) !important;
  }
  [class~="md:mis10"] {
    margin-inline-start: calc(var(--spacing) * 10) !important;
  }
  [class~="md:hover:mis10"]:hover {
    margin-inline-start: calc(var(--spacing) * 10) !important;
  }
  [class~="md:mis12"] {
    margin-inline-start: calc(var(--spacing) * 12) !important;
  }
  [class~="md:hover:mis12"]:hover {
    margin-inline-start: calc(var(--spacing) * 12) !important;
  }
  [class~="md:mis16"] {
    margin-inline-start: calc(var(--spacing) * 16) !important;
  }
  [class~="md:hover:mis16"]:hover {
    margin-inline-start: calc(var(--spacing) * 16) !important;
  }
  [class~="md:mis20"] {
    margin-inline-start: calc(var(--spacing) * 20) !important;
  }
  [class~="md:hover:mis20"]:hover {
    margin-inline-start: calc(var(--spacing) * 20) !important;
  }
  [class~="md:mis24"] {
    margin-inline-start: calc(var(--spacing) * 24) !important;
  }
  [class~="md:hover:mis24"]:hover {
    margin-inline-start: calc(var(--spacing) * 24) !important;
  }
  [class~="md:mis32"] {
    margin-inline-start: calc(var(--spacing) * 32) !important;
  }
  [class~="md:hover:mis32"]:hover {
    margin-inline-start: calc(var(--spacing) * 32) !important;
  }
  [class~="md:mis40"] {
    margin-inline-start: calc(var(--spacing) * 40) !important;
  }
  [class~="md:hover:mis40"]:hover {
    margin-inline-start: calc(var(--spacing) * 40) !important;
  }
  [class~="md:mis48"] {
    margin-inline-start: calc(var(--spacing) * 48) !important;
  }
  [class~="md:hover:mis48"]:hover {
    margin-inline-start: calc(var(--spacing) * 48) !important;
  }
  [class~="md:mis64"] {
    margin-inline-start: calc(var(--spacing) * 64) !important;
  }
  [class~="md:hover:mis64"]:hover {
    margin-inline-start: calc(var(--spacing) * 64) !important;
  }
  [class~="md:mis80"] {
    margin-inline-start: calc(var(--spacing) * 80) !important;
  }
  [class~="md:hover:mis80"]:hover {
    margin-inline-start: calc(var(--spacing) * 80) !important;
  }
  [class~="md:mis96"] {
    margin-inline-start: calc(var(--spacing) * 96) !important;
  }
  [class~="md:hover:mis96"]:hover {
    margin-inline-start: calc(var(--spacing) * 96) !important;
  }
  [class~="md:mis128"] {
    margin-inline-start: calc(var(--spacing) * 128) !important;
  }
  [class~="md:hover:mis128"]:hover {
    margin-inline-start: calc(var(--spacing) * 128) !important;
  }
  [class~="md:mie0"] {
    margin-inline-end: 0 !important;
  }
  [class~="md:hover:mie0"]:hover {
    margin-inline-end: 0 !important;
  }
  [class~="md:mie1"] {
    margin-inline-end: calc(var(--spacing) * 1) !important;
  }
  [class~="md:hover:mie1"]:hover {
    margin-inline-end: calc(var(--spacing) * 1) !important;
  }
  [class~="md:mie2"] {
    margin-inline-end: calc(var(--spacing) * 2) !important;
  }
  [class~="md:hover:mie2"]:hover {
    margin-inline-end: calc(var(--spacing) * 2) !important;
  }
  [class~="md:mie3"] {
    margin-inline-end: calc(var(--spacing) * 3) !important;
  }
  [class~="md:hover:mie3"]:hover {
    margin-inline-end: calc(var(--spacing) * 3) !important;
  }
  [class~="md:mie4"] {
    margin-inline-end: calc(var(--spacing) * 4) !important;
  }
  [class~="md:hover:mie4"]:hover {
    margin-inline-end: calc(var(--spacing) * 4) !important;
  }
  [class~="md:mie5"] {
    margin-inline-end: calc(var(--spacing) * 5) !important;
  }
  [class~="md:hover:mie5"]:hover {
    margin-inline-end: calc(var(--spacing) * 5) !important;
  }
  [class~="md:mie6"] {
    margin-inline-end: calc(var(--spacing) * 6) !important;
  }
  [class~="md:hover:mie6"]:hover {
    margin-inline-end: calc(var(--spacing) * 6) !important;
  }
  [class~="md:mie8"] {
    margin-inline-end: calc(var(--spacing) * 8) !important;
  }
  [class~="md:hover:mie8"]:hover {
    margin-inline-end: calc(var(--spacing) * 8) !important;
  }
  [class~="md:mie10"] {
    margin-inline-end: calc(var(--spacing) * 10) !important;
  }
  [class~="md:hover:mie10"]:hover {
    margin-inline-end: calc(var(--spacing) * 10) !important;
  }
  [class~="md:mie12"] {
    margin-inline-end: calc(var(--spacing) * 12) !important;
  }
  [class~="md:hover:mie12"]:hover {
    margin-inline-end: calc(var(--spacing) * 12) !important;
  }
  [class~="md:mie16"] {
    margin-inline-end: calc(var(--spacing) * 16) !important;
  }
  [class~="md:hover:mie16"]:hover {
    margin-inline-end: calc(var(--spacing) * 16) !important;
  }
  [class~="md:mie20"] {
    margin-inline-end: calc(var(--spacing) * 20) !important;
  }
  [class~="md:hover:mie20"]:hover {
    margin-inline-end: calc(var(--spacing) * 20) !important;
  }
  [class~="md:mie24"] {
    margin-inline-end: calc(var(--spacing) * 24) !important;
  }
  [class~="md:hover:mie24"]:hover {
    margin-inline-end: calc(var(--spacing) * 24) !important;
  }
  [class~="md:mie32"] {
    margin-inline-end: calc(var(--spacing) * 32) !important;
  }
  [class~="md:hover:mie32"]:hover {
    margin-inline-end: calc(var(--spacing) * 32) !important;
  }
  [class~="md:mie40"] {
    margin-inline-end: calc(var(--spacing) * 40) !important;
  }
  [class~="md:hover:mie40"]:hover {
    margin-inline-end: calc(var(--spacing) * 40) !important;
  }
  [class~="md:mie48"] {
    margin-inline-end: calc(var(--spacing) * 48) !important;
  }
  [class~="md:hover:mie48"]:hover {
    margin-inline-end: calc(var(--spacing) * 48) !important;
  }
  [class~="md:mie64"] {
    margin-inline-end: calc(var(--spacing) * 64) !important;
  }
  [class~="md:hover:mie64"]:hover {
    margin-inline-end: calc(var(--spacing) * 64) !important;
  }
  [class~="md:mie80"] {
    margin-inline-end: calc(var(--spacing) * 80) !important;
  }
  [class~="md:hover:mie80"]:hover {
    margin-inline-end: calc(var(--spacing) * 80) !important;
  }
  [class~="md:mie96"] {
    margin-inline-end: calc(var(--spacing) * 96) !important;
  }
  [class~="md:hover:mie96"]:hover {
    margin-inline-end: calc(var(--spacing) * 96) !important;
  }
  [class~="md:mie128"] {
    margin-inline-end: calc(var(--spacing) * 128) !important;
  }
  [class~="md:hover:mie128"]:hover {
    margin-inline-end: calc(var(--spacing) * 128) !important;
  }
  [class~="md:g0"] {
    gap: 0 !important;
  }
  [class~="md:hover:g0"]:hover {
    gap: 0 !important;
  }
  [class~="md:g1"] {
    gap: calc(var(--spacing) * 1) !important;
  }
  [class~="md:hover:g1"]:hover {
    gap: calc(var(--spacing) * 1) !important;
  }
  [class~="md:g2"] {
    gap: calc(var(--spacing) * 2) !important;
  }
  [class~="md:hover:g2"]:hover {
    gap: calc(var(--spacing) * 2) !important;
  }
  [class~="md:g3"] {
    gap: calc(var(--spacing) * 3) !important;
  }
  [class~="md:hover:g3"]:hover {
    gap: calc(var(--spacing) * 3) !important;
  }
  [class~="md:g4"] {
    gap: calc(var(--spacing) * 4) !important;
  }
  [class~="md:hover:g4"]:hover {
    gap: calc(var(--spacing) * 4) !important;
  }
  [class~="md:g5"] {
    gap: calc(var(--spacing) * 5) !important;
  }
  [class~="md:hover:g5"]:hover {
    gap: calc(var(--spacing) * 5) !important;
  }
  [class~="md:g6"] {
    gap: calc(var(--spacing) * 6) !important;
  }
  [class~="md:hover:g6"]:hover {
    gap: calc(var(--spacing) * 6) !important;
  }
  [class~="md:g8"] {
    gap: calc(var(--spacing) * 8) !important;
  }
  [class~="md:hover:g8"]:hover {
    gap: calc(var(--spacing) * 8) !important;
  }
  [class~="md:g10"] {
    gap: calc(var(--spacing) * 10) !important;
  }
  [class~="md:hover:g10"]:hover {
    gap: calc(var(--spacing) * 10) !important;
  }
  [class~="md:g12"] {
    gap: calc(var(--spacing) * 12) !important;
  }
  [class~="md:hover:g12"]:hover {
    gap: calc(var(--spacing) * 12) !important;
  }
  [class~="md:g16"] {
    gap: calc(var(--spacing) * 16) !important;
  }
  [class~="md:hover:g16"]:hover {
    gap: calc(var(--spacing) * 16) !important;
  }
  [class~="md:g20"] {
    gap: calc(var(--spacing) * 20) !important;
  }
  [class~="md:hover:g20"]:hover {
    gap: calc(var(--spacing) * 20) !important;
  }
  [class~="md:g24"] {
    gap: calc(var(--spacing) * 24) !important;
  }
  [class~="md:hover:g24"]:hover {
    gap: calc(var(--spacing) * 24) !important;
  }
  [class~="md:g32"] {
    gap: calc(var(--spacing) * 32) !important;
  }
  [class~="md:hover:g32"]:hover {
    gap: calc(var(--spacing) * 32) !important;
  }
  [class~="md:g40"] {
    gap: calc(var(--spacing) * 40) !important;
  }
  [class~="md:hover:g40"]:hover {
    gap: calc(var(--spacing) * 40) !important;
  }
  [class~="md:g48"] {
    gap: calc(var(--spacing) * 48) !important;
  }
  [class~="md:hover:g48"]:hover {
    gap: calc(var(--spacing) * 48) !important;
  }
  [class~="md:g64"] {
    gap: calc(var(--spacing) * 64) !important;
  }
  [class~="md:hover:g64"]:hover {
    gap: calc(var(--spacing) * 64) !important;
  }
  [class~="md:g80"] {
    gap: calc(var(--spacing) * 80) !important;
  }
  [class~="md:hover:g80"]:hover {
    gap: calc(var(--spacing) * 80) !important;
  }
  [class~="md:g96"] {
    gap: calc(var(--spacing) * 96) !important;
  }
  [class~="md:hover:g96"]:hover {
    gap: calc(var(--spacing) * 96) !important;
  }
  [class~="md:g128"] {
    gap: calc(var(--spacing) * 128) !important;
  }
  [class~="md:hover:g128"]:hover {
    gap: calc(var(--spacing) * 128) !important;
  }
  [class~="md:gr0"] {
    row-gap: 0 !important;
  }
  [class~="md:hover:gr0"]:hover {
    row-gap: 0 !important;
  }
  [class~="md:gr1"] {
    row-gap: calc(var(--spacing) * 1) !important;
  }
  [class~="md:hover:gr1"]:hover {
    row-gap: calc(var(--spacing) * 1) !important;
  }
  [class~="md:gr2"] {
    row-gap: calc(var(--spacing) * 2) !important;
  }
  [class~="md:hover:gr2"]:hover {
    row-gap: calc(var(--spacing) * 2) !important;
  }
  [class~="md:gr3"] {
    row-gap: calc(var(--spacing) * 3) !important;
  }
  [class~="md:hover:gr3"]:hover {
    row-gap: calc(var(--spacing) * 3) !important;
  }
  [class~="md:gr4"] {
    row-gap: calc(var(--spacing) * 4) !important;
  }
  [class~="md:hover:gr4"]:hover {
    row-gap: calc(var(--spacing) * 4) !important;
  }
  [class~="md:gr5"] {
    row-gap: calc(var(--spacing) * 5) !important;
  }
  [class~="md:hover:gr5"]:hover {
    row-gap: calc(var(--spacing) * 5) !important;
  }
  [class~="md:gr6"] {
    row-gap: calc(var(--spacing) * 6) !important;
  }
  [class~="md:hover:gr6"]:hover {
    row-gap: calc(var(--spacing) * 6) !important;
  }
  [class~="md:gr8"] {
    row-gap: calc(var(--spacing) * 8) !important;
  }
  [class~="md:hover:gr8"]:hover {
    row-gap: calc(var(--spacing) * 8) !important;
  }
  [class~="md:gr10"] {
    row-gap: calc(var(--spacing) * 10) !important;
  }
  [class~="md:hover:gr10"]:hover {
    row-gap: calc(var(--spacing) * 10) !important;
  }
  [class~="md:gr12"] {
    row-gap: calc(var(--spacing) * 12) !important;
  }
  [class~="md:hover:gr12"]:hover {
    row-gap: calc(var(--spacing) * 12) !important;
  }
  [class~="md:gr16"] {
    row-gap: calc(var(--spacing) * 16) !important;
  }
  [class~="md:hover:gr16"]:hover {
    row-gap: calc(var(--spacing) * 16) !important;
  }
  [class~="md:gr20"] {
    row-gap: calc(var(--spacing) * 20) !important;
  }
  [class~="md:hover:gr20"]:hover {
    row-gap: calc(var(--spacing) * 20) !important;
  }
  [class~="md:gr24"] {
    row-gap: calc(var(--spacing) * 24) !important;
  }
  [class~="md:hover:gr24"]:hover {
    row-gap: calc(var(--spacing) * 24) !important;
  }
  [class~="md:gr32"] {
    row-gap: calc(var(--spacing) * 32) !important;
  }
  [class~="md:hover:gr32"]:hover {
    row-gap: calc(var(--spacing) * 32) !important;
  }
  [class~="md:gr40"] {
    row-gap: calc(var(--spacing) * 40) !important;
  }
  [class~="md:hover:gr40"]:hover {
    row-gap: calc(var(--spacing) * 40) !important;
  }
  [class~="md:gr48"] {
    row-gap: calc(var(--spacing) * 48) !important;
  }
  [class~="md:hover:gr48"]:hover {
    row-gap: calc(var(--spacing) * 48) !important;
  }
  [class~="md:gr64"] {
    row-gap: calc(var(--spacing) * 64) !important;
  }
  [class~="md:hover:gr64"]:hover {
    row-gap: calc(var(--spacing) * 64) !important;
  }
  [class~="md:gr80"] {
    row-gap: calc(var(--spacing) * 80) !important;
  }
  [class~="md:hover:gr80"]:hover {
    row-gap: calc(var(--spacing) * 80) !important;
  }
  [class~="md:gr96"] {
    row-gap: calc(var(--spacing) * 96) !important;
  }
  [class~="md:hover:gr96"]:hover {
    row-gap: calc(var(--spacing) * 96) !important;
  }
  [class~="md:gr128"] {
    row-gap: calc(var(--spacing) * 128) !important;
  }
  [class~="md:hover:gr128"]:hover {
    row-gap: calc(var(--spacing) * 128) !important;
  }
  [class~="md:gc0"] {
    column-gap: 0 !important;
  }
  [class~="md:hover:gc0"]:hover {
    column-gap: 0 !important;
  }
  [class~="md:gc1"] {
    column-gap: calc(var(--spacing) * 1) !important;
  }
  [class~="md:hover:gc1"]:hover {
    column-gap: calc(var(--spacing) * 1) !important;
  }
  [class~="md:gc2"] {
    column-gap: calc(var(--spacing) * 2) !important;
  }
  [class~="md:hover:gc2"]:hover {
    column-gap: calc(var(--spacing) * 2) !important;
  }
  [class~="md:gc3"] {
    column-gap: calc(var(--spacing) * 3) !important;
  }
  [class~="md:hover:gc3"]:hover {
    column-gap: calc(var(--spacing) * 3) !important;
  }
  [class~="md:gc4"] {
    column-gap: calc(var(--spacing) * 4) !important;
  }
  [class~="md:hover:gc4"]:hover {
    column-gap: calc(var(--spacing) * 4) !important;
  }
  [class~="md:gc5"] {
    column-gap: calc(var(--spacing) * 5) !important;
  }
  [class~="md:hover:gc5"]:hover {
    column-gap: calc(var(--spacing) * 5) !important;
  }
  [class~="md:gc6"] {
    column-gap: calc(var(--spacing) * 6) !important;
  }
  [class~="md:hover:gc6"]:hover {
    column-gap: calc(var(--spacing) * 6) !important;
  }
  [class~="md:gc8"] {
    column-gap: calc(var(--spacing) * 8) !important;
  }
  [class~="md:hover:gc8"]:hover {
    column-gap: calc(var(--spacing) * 8) !important;
  }
  [class~="md:gc10"] {
    column-gap: calc(var(--spacing) * 10) !important;
  }
  [class~="md:hover:gc10"]:hover {
    column-gap: calc(var(--spacing) * 10) !important;
  }
  [class~="md:gc12"] {
    column-gap: calc(var(--spacing) * 12) !important;
  }
  [class~="md:hover:gc12"]:hover {
    column-gap: calc(var(--spacing) * 12) !important;
  }
  [class~="md:gc16"] {
    column-gap: calc(var(--spacing) * 16) !important;
  }
  [class~="md:hover:gc16"]:hover {
    column-gap: calc(var(--spacing) * 16) !important;
  }
  [class~="md:gc20"] {
    column-gap: calc(var(--spacing) * 20) !important;
  }
  [class~="md:hover:gc20"]:hover {
    column-gap: calc(var(--spacing) * 20) !important;
  }
  [class~="md:gc24"] {
    column-gap: calc(var(--spacing) * 24) !important;
  }
  [class~="md:hover:gc24"]:hover {
    column-gap: calc(var(--spacing) * 24) !important;
  }
  [class~="md:gc32"] {
    column-gap: calc(var(--spacing) * 32) !important;
  }
  [class~="md:hover:gc32"]:hover {
    column-gap: calc(var(--spacing) * 32) !important;
  }
  [class~="md:gc40"] {
    column-gap: calc(var(--spacing) * 40) !important;
  }
  [class~="md:hover:gc40"]:hover {
    column-gap: calc(var(--spacing) * 40) !important;
  }
  [class~="md:gc48"] {
    column-gap: calc(var(--spacing) * 48) !important;
  }
  [class~="md:hover:gc48"]:hover {
    column-gap: calc(var(--spacing) * 48) !important;
  }
  [class~="md:gc64"] {
    column-gap: calc(var(--spacing) * 64) !important;
  }
  [class~="md:hover:gc64"]:hover {
    column-gap: calc(var(--spacing) * 64) !important;
  }
  [class~="md:gc80"] {
    column-gap: calc(var(--spacing) * 80) !important;
  }
  [class~="md:hover:gc80"]:hover {
    column-gap: calc(var(--spacing) * 80) !important;
  }
  [class~="md:gc96"] {
    column-gap: calc(var(--spacing) * 96) !important;
  }
  [class~="md:hover:gc96"]:hover {
    column-gap: calc(var(--spacing) * 96) !important;
  }
  [class~="md:gc128"] {
    column-gap: calc(var(--spacing) * 128) !important;
  }
  [class~="md:hover:gc128"]:hover {
    column-gap: calc(var(--spacing) * 128) !important;
  }
  [class~="md:w0"] {
    width: 0 !important;
  }
  [class~="md:hover:w0"]:hover {
    width: 0 !important;
  }
  [class~="md:w1"] {
    width: calc(var(--spacing) * 1) !important;
  }
  [class~="md:hover:w1"]:hover {
    width: calc(var(--spacing) * 1) !important;
  }
  [class~="md:w2"] {
    width: calc(var(--spacing) * 2) !important;
  }
  [class~="md:hover:w2"]:hover {
    width: calc(var(--spacing) * 2) !important;
  }
  [class~="md:w3"] {
    width: calc(var(--spacing) * 3) !important;
  }
  [class~="md:hover:w3"]:hover {
    width: calc(var(--spacing) * 3) !important;
  }
  [class~="md:w4"] {
    width: calc(var(--spacing) * 4) !important;
  }
  [class~="md:hover:w4"]:hover {
    width: calc(var(--spacing) * 4) !important;
  }
  [class~="md:w5"] {
    width: calc(var(--spacing) * 5) !important;
  }
  [class~="md:hover:w5"]:hover {
    width: calc(var(--spacing) * 5) !important;
  }
  [class~="md:w6"] {
    width: calc(var(--spacing) * 6) !important;
  }
  [class~="md:hover:w6"]:hover {
    width: calc(var(--spacing) * 6) !important;
  }
  [class~="md:w8"] {
    width: calc(var(--spacing) * 8) !important;
  }
  [class~="md:hover:w8"]:hover {
    width: calc(var(--spacing) * 8) !important;
  }
  [class~="md:w10"] {
    width: calc(var(--spacing) * 10) !important;
  }
  [class~="md:hover:w10"]:hover {
    width: calc(var(--spacing) * 10) !important;
  }
  [class~="md:w12"] {
    width: calc(var(--spacing) * 12) !important;
  }
  [class~="md:hover:w12"]:hover {
    width: calc(var(--spacing) * 12) !important;
  }
  [class~="md:w16"] {
    width: calc(var(--spacing) * 16) !important;
  }
  [class~="md:hover:w16"]:hover {
    width: calc(var(--spacing) * 16) !important;
  }
  [class~="md:w20"] {
    width: calc(var(--spacing) * 20) !important;
  }
  [class~="md:hover:w20"]:hover {
    width: calc(var(--spacing) * 20) !important;
  }
  [class~="md:w24"] {
    width: calc(var(--spacing) * 24) !important;
  }
  [class~="md:hover:w24"]:hover {
    width: calc(var(--spacing) * 24) !important;
  }
  [class~="md:w32"] {
    width: calc(var(--spacing) * 32) !important;
  }
  [class~="md:hover:w32"]:hover {
    width: calc(var(--spacing) * 32) !important;
  }
  [class~="md:w40"] {
    width: calc(var(--spacing) * 40) !important;
  }
  [class~="md:hover:w40"]:hover {
    width: calc(var(--spacing) * 40) !important;
  }
  [class~="md:w48"] {
    width: calc(var(--spacing) * 48) !important;
  }
  [class~="md:hover:w48"]:hover {
    width: calc(var(--spacing) * 48) !important;
  }
  [class~="md:w64"] {
    width: calc(var(--spacing) * 64) !important;
  }
  [class~="md:hover:w64"]:hover {
    width: calc(var(--spacing) * 64) !important;
  }
  [class~="md:w80"] {
    width: calc(var(--spacing) * 80) !important;
  }
  [class~="md:hover:w80"]:hover {
    width: calc(var(--spacing) * 80) !important;
  }
  [class~="md:w96"] {
    width: calc(var(--spacing) * 96) !important;
  }
  [class~="md:hover:w96"]:hover {
    width: calc(var(--spacing) * 96) !important;
  }
  [class~="md:w128"] {
    width: calc(var(--spacing) * 128) !important;
  }
  [class~="md:hover:w128"]:hover {
    width: calc(var(--spacing) * 128) !important;
  }
  [class~="md:min-w0"] {
    min-width: 0 !important;
  }
  [class~="md:hover:min-w0"]:hover {
    min-width: 0 !important;
  }
  [class~="md:min-w1"] {
    min-width: calc(var(--spacing) * 1) !important;
  }
  [class~="md:hover:min-w1"]:hover {
    min-width: calc(var(--spacing) * 1) !important;
  }
  [class~="md:min-w2"] {
    min-width: calc(var(--spacing) * 2) !important;
  }
  [class~="md:hover:min-w2"]:hover {
    min-width: calc(var(--spacing) * 2) !important;
  }
  [class~="md:min-w3"] {
    min-width: calc(var(--spacing) * 3) !important;
  }
  [class~="md:hover:min-w3"]:hover {
    min-width: calc(var(--spacing) * 3) !important;
  }
  [class~="md:min-w4"] {
    min-width: calc(var(--spacing) * 4) !important;
  }
  [class~="md:hover:min-w4"]:hover {
    min-width: calc(var(--spacing) * 4) !important;
  }
  [class~="md:min-w5"] {
    min-width: calc(var(--spacing) * 5) !important;
  }
  [class~="md:hover:min-w5"]:hover {
    min-width: calc(var(--spacing) * 5) !important;
  }
  [class~="md:min-w6"] {
    min-width: calc(var(--spacing) * 6) !important;
  }
  [class~="md:hover:min-w6"]:hover {
    min-width: calc(var(--spacing) * 6) !important;
  }
  [class~="md:min-w8"] {
    min-width: calc(var(--spacing) * 8) !important;
  }
  [class~="md:hover:min-w8"]:hover {
    min-width: calc(var(--spacing) * 8) !important;
  }
  [class~="md:min-w10"] {
    min-width: calc(var(--spacing) * 10) !important;
  }
  [class~="md:hover:min-w10"]:hover {
    min-width: calc(var(--spacing) * 10) !important;
  }
  [class~="md:min-w12"] {
    min-width: calc(var(--spacing) * 12) !important;
  }
  [class~="md:hover:min-w12"]:hover {
    min-width: calc(var(--spacing) * 12) !important;
  }
  [class~="md:min-w16"] {
    min-width: calc(var(--spacing) * 16) !important;
  }
  [class~="md:hover:min-w16"]:hover {
    min-width: calc(var(--spacing) * 16) !important;
  }
  [class~="md:min-w20"] {
    min-width: calc(var(--spacing) * 20) !important;
  }
  [class~="md:hover:min-w20"]:hover {
    min-width: calc(var(--spacing) * 20) !important;
  }
  [class~="md:min-w24"] {
    min-width: calc(var(--spacing) * 24) !important;
  }
  [class~="md:hover:min-w24"]:hover {
    min-width: calc(var(--spacing) * 24) !important;
  }
  [class~="md:min-w32"] {
    min-width: calc(var(--spacing) * 32) !important;
  }
  [class~="md:hover:min-w32"]:hover {
    min-width: calc(var(--spacing) * 32) !important;
  }
  [class~="md:min-w40"] {
    min-width: calc(var(--spacing) * 40) !important;
  }
  [class~="md:hover:min-w40"]:hover {
    min-width: calc(var(--spacing) * 40) !important;
  }
  [class~="md:min-w48"] {
    min-width: calc(var(--spacing) * 48) !important;
  }
  [class~="md:hover:min-w48"]:hover {
    min-width: calc(var(--spacing) * 48) !important;
  }
  [class~="md:min-w64"] {
    min-width: calc(var(--spacing) * 64) !important;
  }
  [class~="md:hover:min-w64"]:hover {
    min-width: calc(var(--spacing) * 64) !important;
  }
  [class~="md:min-w80"] {
    min-width: calc(var(--spacing) * 80) !important;
  }
  [class~="md:hover:min-w80"]:hover {
    min-width: calc(var(--spacing) * 80) !important;
  }
  [class~="md:min-w96"] {
    min-width: calc(var(--spacing) * 96) !important;
  }
  [class~="md:hover:min-w96"]:hover {
    min-width: calc(var(--spacing) * 96) !important;
  }
  [class~="md:min-w128"] {
    min-width: calc(var(--spacing) * 128) !important;
  }
  [class~="md:hover:min-w128"]:hover {
    min-width: calc(var(--spacing) * 128) !important;
  }
  [class~="md:max-w0"] {
    max-width: 0 !important;
  }
  [class~="md:hover:max-w0"]:hover {
    max-width: 0 !important;
  }
  [class~="md:max-w1"] {
    max-width: calc(var(--spacing) * 1) !important;
  }
  [class~="md:hover:max-w1"]:hover {
    max-width: calc(var(--spacing) * 1) !important;
  }
  [class~="md:max-w2"] {
    max-width: calc(var(--spacing) * 2) !important;
  }
  [class~="md:hover:max-w2"]:hover {
    max-width: calc(var(--spacing) * 2) !important;
  }
  [class~="md:max-w3"] {
    max-width: calc(var(--spacing) * 3) !important;
  }
  [class~="md:hover:max-w3"]:hover {
    max-width: calc(var(--spacing) * 3) !important;
  }
  [class~="md:max-w4"] {
    max-width: calc(var(--spacing) * 4) !important;
  }
  [class~="md:hover:max-w4"]:hover {
    max-width: calc(var(--spacing) * 4) !important;
  }
  [class~="md:max-w5"] {
    max-width: calc(var(--spacing) * 5) !important;
  }
  [class~="md:hover:max-w5"]:hover {
    max-width: calc(var(--spacing) * 5) !important;
  }
  [class~="md:max-w6"] {
    max-width: calc(var(--spacing) * 6) !important;
  }
  [class~="md:hover:max-w6"]:hover {
    max-width: calc(var(--spacing) * 6) !important;
  }
  [class~="md:max-w8"] {
    max-width: calc(var(--spacing) * 8) !important;
  }
  [class~="md:hover:max-w8"]:hover {
    max-width: calc(var(--spacing) * 8) !important;
  }
  [class~="md:max-w10"] {
    max-width: calc(var(--spacing) * 10) !important;
  }
  [class~="md:hover:max-w10"]:hover {
    max-width: calc(var(--spacing) * 10) !important;
  }
  [class~="md:max-w12"] {
    max-width: calc(var(--spacing) * 12) !important;
  }
  [class~="md:hover:max-w12"]:hover {
    max-width: calc(var(--spacing) * 12) !important;
  }
  [class~="md:max-w16"] {
    max-width: calc(var(--spacing) * 16) !important;
  }
  [class~="md:hover:max-w16"]:hover {
    max-width: calc(var(--spacing) * 16) !important;
  }
  [class~="md:max-w20"] {
    max-width: calc(var(--spacing) * 20) !important;
  }
  [class~="md:hover:max-w20"]:hover {
    max-width: calc(var(--spacing) * 20) !important;
  }
  [class~="md:max-w24"] {
    max-width: calc(var(--spacing) * 24) !important;
  }
  [class~="md:hover:max-w24"]:hover {
    max-width: calc(var(--spacing) * 24) !important;
  }
  [class~="md:max-w32"] {
    max-width: calc(var(--spacing) * 32) !important;
  }
  [class~="md:hover:max-w32"]:hover {
    max-width: calc(var(--spacing) * 32) !important;
  }
  [class~="md:max-w40"] {
    max-width: calc(var(--spacing) * 40) !important;
  }
  [class~="md:hover:max-w40"]:hover {
    max-width: calc(var(--spacing) * 40) !important;
  }
  [class~="md:max-w48"] {
    max-width: calc(var(--spacing) * 48) !important;
  }
  [class~="md:hover:max-w48"]:hover {
    max-width: calc(var(--spacing) * 48) !important;
  }
  [class~="md:max-w64"] {
    max-width: calc(var(--spacing) * 64) !important;
  }
  [class~="md:hover:max-w64"]:hover {
    max-width: calc(var(--spacing) * 64) !important;
  }
  [class~="md:max-w80"] {
    max-width: calc(var(--spacing) * 80) !important;
  }
  [class~="md:hover:max-w80"]:hover {
    max-width: calc(var(--spacing) * 80) !important;
  }
  [class~="md:max-w96"] {
    max-width: calc(var(--spacing) * 96) !important;
  }
  [class~="md:hover:max-w96"]:hover {
    max-width: calc(var(--spacing) * 96) !important;
  }
  [class~="md:max-w128"] {
    max-width: calc(var(--spacing) * 128) !important;
  }
  [class~="md:hover:max-w128"]:hover {
    max-width: calc(var(--spacing) * 128) !important;
  }
  [class~="md:h0"] {
    height: 0 !important;
  }
  [class~="md:hover:h0"]:hover {
    height: 0 !important;
  }
  [class~="md:h1"] {
    height: calc(var(--spacing) * 1) !important;
  }
  [class~="md:hover:h1"]:hover {
    height: calc(var(--spacing) * 1) !important;
  }
  [class~="md:h2"] {
    height: calc(var(--spacing) * 2) !important;
  }
  [class~="md:hover:h2"]:hover {
    height: calc(var(--spacing) * 2) !important;
  }
  [class~="md:h3"] {
    height: calc(var(--spacing) * 3) !important;
  }
  [class~="md:hover:h3"]:hover {
    height: calc(var(--spacing) * 3) !important;
  }
  [class~="md:h4"] {
    height: calc(var(--spacing) * 4) !important;
  }
  [class~="md:hover:h4"]:hover {
    height: calc(var(--spacing) * 4) !important;
  }
  [class~="md:h5"] {
    height: calc(var(--spacing) * 5) !important;
  }
  [class~="md:hover:h5"]:hover {
    height: calc(var(--spacing) * 5) !important;
  }
  [class~="md:h6"] {
    height: calc(var(--spacing) * 6) !important;
  }
  [class~="md:hover:h6"]:hover {
    height: calc(var(--spacing) * 6) !important;
  }
  [class~="md:h8"] {
    height: calc(var(--spacing) * 8) !important;
  }
  [class~="md:hover:h8"]:hover {
    height: calc(var(--spacing) * 8) !important;
  }
  [class~="md:h10"] {
    height: calc(var(--spacing) * 10) !important;
  }
  [class~="md:hover:h10"]:hover {
    height: calc(var(--spacing) * 10) !important;
  }
  [class~="md:h12"] {
    height: calc(var(--spacing) * 12) !important;
  }
  [class~="md:hover:h12"]:hover {
    height: calc(var(--spacing) * 12) !important;
  }
  [class~="md:h16"] {
    height: calc(var(--spacing) * 16) !important;
  }
  [class~="md:hover:h16"]:hover {
    height: calc(var(--spacing) * 16) !important;
  }
  [class~="md:h20"] {
    height: calc(var(--spacing) * 20) !important;
  }
  [class~="md:hover:h20"]:hover {
    height: calc(var(--spacing) * 20) !important;
  }
  [class~="md:h24"] {
    height: calc(var(--spacing) * 24) !important;
  }
  [class~="md:hover:h24"]:hover {
    height: calc(var(--spacing) * 24) !important;
  }
  [class~="md:h32"] {
    height: calc(var(--spacing) * 32) !important;
  }
  [class~="md:hover:h32"]:hover {
    height: calc(var(--spacing) * 32) !important;
  }
  [class~="md:h40"] {
    height: calc(var(--spacing) * 40) !important;
  }
  [class~="md:hover:h40"]:hover {
    height: calc(var(--spacing) * 40) !important;
  }
  [class~="md:h48"] {
    height: calc(var(--spacing) * 48) !important;
  }
  [class~="md:hover:h48"]:hover {
    height: calc(var(--spacing) * 48) !important;
  }
  [class~="md:h64"] {
    height: calc(var(--spacing) * 64) !important;
  }
  [class~="md:hover:h64"]:hover {
    height: calc(var(--spacing) * 64) !important;
  }
  [class~="md:h80"] {
    height: calc(var(--spacing) * 80) !important;
  }
  [class~="md:hover:h80"]:hover {
    height: calc(var(--spacing) * 80) !important;
  }
  [class~="md:h96"] {
    height: calc(var(--spacing) * 96) !important;
  }
  [class~="md:hover:h96"]:hover {
    height: calc(var(--spacing) * 96) !important;
  }
  [class~="md:h128"] {
    height: calc(var(--spacing) * 128) !important;
  }
  [class~="md:hover:h128"]:hover {
    height: calc(var(--spacing) * 128) !important;
  }
  [class~="md:min-h0"] {
    min-height: 0 !important;
  }
  [class~="md:hover:min-h0"]:hover {
    min-height: 0 !important;
  }
  [class~="md:min-h1"] {
    min-height: calc(var(--spacing) * 1) !important;
  }
  [class~="md:hover:min-h1"]:hover {
    min-height: calc(var(--spacing) * 1) !important;
  }
  [class~="md:min-h2"] {
    min-height: calc(var(--spacing) * 2) !important;
  }
  [class~="md:hover:min-h2"]:hover {
    min-height: calc(var(--spacing) * 2) !important;
  }
  [class~="md:min-h3"] {
    min-height: calc(var(--spacing) * 3) !important;
  }
  [class~="md:hover:min-h3"]:hover {
    min-height: calc(var(--spacing) * 3) !important;
  }
  [class~="md:min-h4"] {
    min-height: calc(var(--spacing) * 4) !important;
  }
  [class~="md:hover:min-h4"]:hover {
    min-height: calc(var(--spacing) * 4) !important;
  }
  [class~="md:min-h5"] {
    min-height: calc(var(--spacing) * 5) !important;
  }
  [class~="md:hover:min-h5"]:hover {
    min-height: calc(var(--spacing) * 5) !important;
  }
  [class~="md:min-h6"] {
    min-height: calc(var(--spacing) * 6) !important;
  }
  [class~="md:hover:min-h6"]:hover {
    min-height: calc(var(--spacing) * 6) !important;
  }
  [class~="md:min-h8"] {
    min-height: calc(var(--spacing) * 8) !important;
  }
  [class~="md:hover:min-h8"]:hover {
    min-height: calc(var(--spacing) * 8) !important;
  }
  [class~="md:min-h10"] {
    min-height: calc(var(--spacing) * 10) !important;
  }
  [class~="md:hover:min-h10"]:hover {
    min-height: calc(var(--spacing) * 10) !important;
  }
  [class~="md:min-h12"] {
    min-height: calc(var(--spacing) * 12) !important;
  }
  [class~="md:hover:min-h12"]:hover {
    min-height: calc(var(--spacing) * 12) !important;
  }
  [class~="md:min-h16"] {
    min-height: calc(var(--spacing) * 16) !important;
  }
  [class~="md:hover:min-h16"]:hover {
    min-height: calc(var(--spacing) * 16) !important;
  }
  [class~="md:min-h20"] {
    min-height: calc(var(--spacing) * 20) !important;
  }
  [class~="md:hover:min-h20"]:hover {
    min-height: calc(var(--spacing) * 20) !important;
  }
  [class~="md:min-h24"] {
    min-height: calc(var(--spacing) * 24) !important;
  }
  [class~="md:hover:min-h24"]:hover {
    min-height: calc(var(--spacing) * 24) !important;
  }
  [class~="md:min-h32"] {
    min-height: calc(var(--spacing) * 32) !important;
  }
  [class~="md:hover:min-h32"]:hover {
    min-height: calc(var(--spacing) * 32) !important;
  }
  [class~="md:min-h40"] {
    min-height: calc(var(--spacing) * 40) !important;
  }
  [class~="md:hover:min-h40"]:hover {
    min-height: calc(var(--spacing) * 40) !important;
  }
  [class~="md:min-h48"] {
    min-height: calc(var(--spacing) * 48) !important;
  }
  [class~="md:hover:min-h48"]:hover {
    min-height: calc(var(--spacing) * 48) !important;
  }
  [class~="md:min-h64"] {
    min-height: calc(var(--spacing) * 64) !important;
  }
  [class~="md:hover:min-h64"]:hover {
    min-height: calc(var(--spacing) * 64) !important;
  }
  [class~="md:min-h80"] {
    min-height: calc(var(--spacing) * 80) !important;
  }
  [class~="md:hover:min-h80"]:hover {
    min-height: calc(var(--spacing) * 80) !important;
  }
  [class~="md:min-h96"] {
    min-height: calc(var(--spacing) * 96) !important;
  }
  [class~="md:hover:min-h96"]:hover {
    min-height: calc(var(--spacing) * 96) !important;
  }
  [class~="md:min-h128"] {
    min-height: calc(var(--spacing) * 128) !important;
  }
  [class~="md:hover:min-h128"]:hover {
    min-height: calc(var(--spacing) * 128) !important;
  }
  [class~="md:max-h0"] {
    max-height: 0 !important;
  }
  [class~="md:hover:max-h0"]:hover {
    max-height: 0 !important;
  }
  [class~="md:max-h1"] {
    max-height: calc(var(--spacing) * 1) !important;
  }
  [class~="md:hover:max-h1"]:hover {
    max-height: calc(var(--spacing) * 1) !important;
  }
  [class~="md:max-h2"] {
    max-height: calc(var(--spacing) * 2) !important;
  }
  [class~="md:hover:max-h2"]:hover {
    max-height: calc(var(--spacing) * 2) !important;
  }
  [class~="md:max-h3"] {
    max-height: calc(var(--spacing) * 3) !important;
  }
  [class~="md:hover:max-h3"]:hover {
    max-height: calc(var(--spacing) * 3) !important;
  }
  [class~="md:max-h4"] {
    max-height: calc(var(--spacing) * 4) !important;
  }
  [class~="md:hover:max-h4"]:hover {
    max-height: calc(var(--spacing) * 4) !important;
  }
  [class~="md:max-h5"] {
    max-height: calc(var(--spacing) * 5) !important;
  }
  [class~="md:hover:max-h5"]:hover {
    max-height: calc(var(--spacing) * 5) !important;
  }
  [class~="md:max-h6"] {
    max-height: calc(var(--spacing) * 6) !important;
  }
  [class~="md:hover:max-h6"]:hover {
    max-height: calc(var(--spacing) * 6) !important;
  }
  [class~="md:max-h8"] {
    max-height: calc(var(--spacing) * 8) !important;
  }
  [class~="md:hover:max-h8"]:hover {
    max-height: calc(var(--spacing) * 8) !important;
  }
  [class~="md:max-h10"] {
    max-height: calc(var(--spacing) * 10) !important;
  }
  [class~="md:hover:max-h10"]:hover {
    max-height: calc(var(--spacing) * 10) !important;
  }
  [class~="md:max-h12"] {
    max-height: calc(var(--spacing) * 12) !important;
  }
  [class~="md:hover:max-h12"]:hover {
    max-height: calc(var(--spacing) * 12) !important;
  }
  [class~="md:max-h16"] {
    max-height: calc(var(--spacing) * 16) !important;
  }
  [class~="md:hover:max-h16"]:hover {
    max-height: calc(var(--spacing) * 16) !important;
  }
  [class~="md:max-h20"] {
    max-height: calc(var(--spacing) * 20) !important;
  }
  [class~="md:hover:max-h20"]:hover {
    max-height: calc(var(--spacing) * 20) !important;
  }
  [class~="md:max-h24"] {
    max-height: calc(var(--spacing) * 24) !important;
  }
  [class~="md:hover:max-h24"]:hover {
    max-height: calc(var(--spacing) * 24) !important;
  }
  [class~="md:max-h32"] {
    max-height: calc(var(--spacing) * 32) !important;
  }
  [class~="md:hover:max-h32"]:hover {
    max-height: calc(var(--spacing) * 32) !important;
  }
  [class~="md:max-h40"] {
    max-height: calc(var(--spacing) * 40) !important;
  }
  [class~="md:hover:max-h40"]:hover {
    max-height: calc(var(--spacing) * 40) !important;
  }
  [class~="md:max-h48"] {
    max-height: calc(var(--spacing) * 48) !important;
  }
  [class~="md:hover:max-h48"]:hover {
    max-height: calc(var(--spacing) * 48) !important;
  }
  [class~="md:max-h64"] {
    max-height: calc(var(--spacing) * 64) !important;
  }
  [class~="md:hover:max-h64"]:hover {
    max-height: calc(var(--spacing) * 64) !important;
  }
  [class~="md:max-h80"] {
    max-height: calc(var(--spacing) * 80) !important;
  }
  [class~="md:hover:max-h80"]:hover {
    max-height: calc(var(--spacing) * 80) !important;
  }
  [class~="md:max-h96"] {
    max-height: calc(var(--spacing) * 96) !important;
  }
  [class~="md:hover:max-h96"]:hover {
    max-height: calc(var(--spacing) * 96) !important;
  }
  [class~="md:max-h128"] {
    max-height: calc(var(--spacing) * 128) !important;
  }
  [class~="md:hover:max-h128"]:hover {
    max-height: calc(var(--spacing) * 128) !important;
  }
  [class~="md:c-primary"] {
    color: var(--color-primary);
  }
  [class~="md:hover:c-primary"]:hover {
    color: var(--color-primary);
  }
  [class~="md:c-secondary"] {
    color: var(--color-secondary);
  }
  [class~="md:hover:c-secondary"]:hover {
    color: var(--color-secondary);
  }
  [class~="md:c-success"] {
    color: var(--color-success);
  }
  [class~="md:hover:c-success"]:hover {
    color: var(--color-success);
  }
  [class~="md:c-danger"] {
    color: var(--color-danger);
  }
  [class~="md:hover:c-danger"]:hover {
    color: var(--color-danger);
  }
  [class~="md:c-warning"] {
    color: var(--color-warning);
  }
  [class~="md:hover:c-warning"]:hover {
    color: var(--color-warning);
  }
  [class~="md:c-info"] {
    color: var(--color-info);
  }
  [class~="md:hover:c-info"]:hover {
    color: var(--color-info);
  }
  [class~="md:c-light"] {
    color: var(--color-light);
  }
  [class~="md:hover:c-light"]:hover {
    color: var(--color-light);
  }
  [class~="md:c-dark"] {
    color: var(--color-dark);
  }
  [class~="md:hover:c-dark"]:hover {
    color: var(--color-dark);
  }
  [class~="md:c-gray-100"] {
    color: var(--color-gray-100);
  }
  [class~="md:hover:c-gray-100"]:hover {
    color: var(--color-gray-100);
  }
  [class~="md:c-gray-200"] {
    color: var(--color-gray-200);
  }
  [class~="md:hover:c-gray-200"]:hover {
    color: var(--color-gray-200);
  }
  [class~="md:c-gray-300"] {
    color: var(--color-gray-300);
  }
  [class~="md:hover:c-gray-300"]:hover {
    color: var(--color-gray-300);
  }
  [class~="md:c-gray-400"] {
    color: var(--color-gray-400);
  }
  [class~="md:hover:c-gray-400"]:hover {
    color: var(--color-gray-400);
  }
  [class~="md:c-gray-500"] {
    color: var(--color-gray-500);
  }
  [class~="md:hover:c-gray-500"]:hover {
    color: var(--color-gray-500);
  }
  [class~="md:c-gray-600"] {
    color: var(--color-gray-600);
  }
  [class~="md:hover:c-gray-600"]:hover {
    color: var(--color-gray-600);
  }
  [class~="md:c-gray-700"] {
    color: var(--color-gray-700);
  }
  [class~="md:hover:c-gray-700"]:hover {
    color: var(--color-gray-700);
  }
  [class~="md:c-gray-800"] {
    color: var(--color-gray-800);
  }
  [class~="md:hover:c-gray-800"]:hover {
    color: var(--color-gray-800);
  }
  [class~="md:c-gray-900"] {
    color: var(--color-gray-900);
  }
  [class~="md:hover:c-gray-900"]:hover {
    color: var(--color-gray-900);
  }
  [class~="md:bgc-primary"] {
    background-color: var(--color-primary);
  }
  [class~="md:hover:bgc-primary"]:hover {
    background-color: var(--color-primary);
  }
  [class~="md:bgc-secondary"] {
    background-color: var(--color-secondary);
  }
  [class~="md:hover:bgc-secondary"]:hover {
    background-color: var(--color-secondary);
  }
  [class~="md:bgc-success"] {
    background-color: var(--color-success);
  }
  [class~="md:hover:bgc-success"]:hover {
    background-color: var(--color-success);
  }
  [class~="md:bgc-danger"] {
    background-color: var(--color-danger);
  }
  [class~="md:hover:bgc-danger"]:hover {
    background-color: var(--color-danger);
  }
  [class~="md:bgc-warning"] {
    background-color: var(--color-warning);
  }
  [class~="md:hover:bgc-warning"]:hover {
    background-color: var(--color-warning);
  }
  [class~="md:bgc-info"] {
    background-color: var(--color-info);
  }
  [class~="md:hover:bgc-info"]:hover {
    background-color: var(--color-info);
  }
  [class~="md:bgc-light"] {
    background-color: var(--color-light);
  }
  [class~="md:hover:bgc-light"]:hover {
    background-color: var(--color-light);
  }
  [class~="md:bgc-dark"] {
    background-color: var(--color-dark);
  }
  [class~="md:hover:bgc-dark"]:hover {
    background-color: var(--color-dark);
  }
  [class~="md:bgc-gray-100"] {
    background-color: var(--color-gray-100);
  }
  [class~="md:hover:bgc-gray-100"]:hover {
    background-color: var(--color-gray-100);
  }
  [class~="md:bgc-gray-200"] {
    background-color: var(--color-gray-200);
  }
  [class~="md:hover:bgc-gray-200"]:hover {
    background-color: var(--color-gray-200);
  }
  [class~="md:bgc-gray-300"] {
    background-color: var(--color-gray-300);
  }
  [class~="md:hover:bgc-gray-300"]:hover {
    background-color: var(--color-gray-300);
  }
  [class~="md:bgc-gray-400"] {
    background-color: var(--color-gray-400);
  }
  [class~="md:hover:bgc-gray-400"]:hover {
    background-color: var(--color-gray-400);
  }
  [class~="md:bgc-gray-500"] {
    background-color: var(--color-gray-500);
  }
  [class~="md:hover:bgc-gray-500"]:hover {
    background-color: var(--color-gray-500);
  }
  [class~="md:bgc-gray-600"] {
    background-color: var(--color-gray-600);
  }
  [class~="md:hover:bgc-gray-600"]:hover {
    background-color: var(--color-gray-600);
  }
  [class~="md:bgc-gray-700"] {
    background-color: var(--color-gray-700);
  }
  [class~="md:hover:bgc-gray-700"]:hover {
    background-color: var(--color-gray-700);
  }
  [class~="md:bgc-gray-800"] {
    background-color: var(--color-gray-800);
  }
  [class~="md:hover:bgc-gray-800"]:hover {
    background-color: var(--color-gray-800);
  }
  [class~="md:bgc-gray-900"] {
    background-color: var(--color-gray-900);
  }
  [class~="md:hover:bgc-gray-900"]:hover {
    background-color: var(--color-gray-900);
  }
  [class~="md:bdc-primary"] {
    border-color: var(--color-primary);
  }
  [class~="md:hover:bdc-primary"]:hover {
    border-color: var(--color-primary);
  }
  [class~="md:bdc-secondary"] {
    border-color: var(--color-secondary);
  }
  [class~="md:hover:bdc-secondary"]:hover {
    border-color: var(--color-secondary);
  }
  [class~="md:bdc-success"] {
    border-color: var(--color-success);
  }
  [class~="md:hover:bdc-success"]:hover {
    border-color: var(--color-success);
  }
  [class~="md:bdc-danger"] {
    border-color: var(--color-danger);
  }
  [class~="md:hover:bdc-danger"]:hover {
    border-color: var(--color-danger);
  }
  [class~="md:bdc-warning"] {
    border-color: var(--color-warning);
  }
  [class~="md:hover:bdc-warning"]:hover {
    border-color: var(--color-warning);
  }
  [class~="md:bdc-info"] {
    border-color: var(--color-info);
  }
  [class~="md:hover:bdc-info"]:hover {
    border-color: var(--color-info);
  }
  [class~="md:bdc-light"] {
    border-color: var(--color-light);
  }
  [class~="md:hover:bdc-light"]:hover {
    border-color: var(--color-light);
  }
  [class~="md:bdc-dark"] {
    border-color: var(--color-dark);
  }
  [class~="md:hover:bdc-dark"]:hover {
    border-color: var(--color-dark);
  }
  [class~="md:bdc-gray-100"] {
    border-color: var(--color-gray-100);
  }
  [class~="md:hover:bdc-gray-100"]:hover {
    border-color: var(--color-gray-100);
  }
  [class~="md:bdc-gray-200"] {
    border-color: var(--color-gray-200);
  }
  [class~="md:hover:bdc-gray-200"]:hover {
    border-color: var(--color-gray-200);
  }
  [class~="md:bdc-gray-300"] {
    border-color: var(--color-gray-300);
  }
  [class~="md:hover:bdc-gray-300"]:hover {
    border-color: var(--color-gray-300);
  }
  [class~="md:bdc-gray-400"] {
    border-color: var(--color-gray-400);
  }
  [class~="md:hover:bdc-gray-400"]:hover {
    border-color: var(--color-gray-400);
  }
  [class~="md:bdc-gray-500"] {
    border-color: var(--color-gray-500);
  }
  [class~="md:hover:bdc-gray-500"]:hover {
    border-color: var(--color-gray-500);
  }
  [class~="md:bdc-gray-600"] {
    border-color: var(--color-gray-600);
  }
  [class~="md:hover:bdc-gray-600"]:hover {
    border-color: var(--color-gray-600);
  }
  [class~="md:bdc-gray-700"] {
    border-color: var(--color-gray-700);
  }
  [class~="md:hover:bdc-gray-700"]:hover {
    border-color: var(--color-gray-700);
  }
  [class~="md:bdc-gray-800"] {
    border-color: var(--color-gray-800);
  }
  [class~="md:hover:bdc-gray-800"]:hover {
    border-color: var(--color-gray-800);
  }
  [class~="md:bdc-gray-900"] {
    border-color: var(--color-gray-900);
  }
  [class~="md:hover:bdc-gray-900"]:hover {
    border-color: var(--color-gray-900);
  }
  [class~="md:block"] {
    display: block;
  }
  [class~="md:hover:block"]:hover {
    display: block;
  }
  [class~="md:inline"] {
    display: inline;
  }
  [class~="md:hover:inline"]:hover {
    display: inline;
  }
  [class~="md:inline-block"] {
    display: inline-block;
  }
  [class~="md:hover:inline-block"]:hover {
    display: inline-block;
  }
  [class~="md:flex"] {
    display: flex;
  }
  [class~="md:hover:flex"]:hover {
    display: flex;
  }
  [class~="md:grid"] {
    display: grid;
  }
  [class~="md:hover:grid"]:hover {
    display: grid;
  }
  [class~="md:none"] {
    display: none;
  }
  [class~="md:hover:none"]:hover {
    display: none;
  }
  [class~="md:flex-row"] {
    flex-direction: row;
  }
  [class~="md:hover:flex-row"]:hover {
    flex-direction: row;
  }
  [class~="md:flex-col"] {
    flex-direction: column;
  }
  [class~="md:hover:flex-col"]:hover {
    flex-direction: column;
  }
  [class~="md:flex-row-reverse"] {
    flex-direction: row-reverse;
  }
  [class~="md:hover:flex-row-reverse"]:hover {
    flex-direction: row-reverse;
  }
  [class~="md:flex-col-reverse"] {
    flex-direction: column-reverse;
  }
  [class~="md:hover:flex-col-reverse"]:hover {
    flex-direction: column-reverse;
  }
  [class~="md:flex-nowrap"] {
    flex-wrap: nowrap;
  }
  [class~="md:hover:flex-nowrap"]:hover {
    flex-wrap: nowrap;
  }
  [class~="md:flex-wrap"] {
    flex-wrap: wrap;
  }
  [class~="md:hover:flex-wrap"]:hover {
    flex-wrap: wrap;
  }
  [class~="md:flex-wrap-reverse"] {
    flex-wrap: wrap-reverse;
  }
  [class~="md:hover:flex-wrap-reverse"]:hover {
    flex-wrap: wrap-reverse;
  }
  [class~="md:items-start"] {
    align-items: start;
  }
  [class~="md:hover:items-start"]:hover {
    align-items: start;
  }
  [class~="md:items-center"] {
    align-items: center;
  }
  [class~="md:hover:items-center"]:hover {
    align-items: center;
  }
  [class~="md:items-end"] {
    align-items: end;
  }
  [class~="md:hover:items-end"]:hover {
    align-items: end;
  }
  [class~="md:items-baseline"] {
    align-items: baseline;
  }
  [class~="md:hover:items-baseline"]:hover {
    align-items: baseline;
  }
  [class~="md:items-stretch"] {
    align-items: stretch;
  }
  [class~="md:hover:items-stretch"]:hover {
    align-items: stretch;
  }
  [class~="md:justify-start"] {
    justify-content: start;
  }
  [class~="md:hover:justify-start"]:hover {
    justify-content: start;
  }
  [class~="md:justify-center"] {
    justify-content: center;
  }
  [class~="md:hover:justify-center"]:hover {
    justify-content: center;
  }
  [class~="md:justify-end"] {
    justify-content: end;
  }
  [class~="md:hover:justify-end"]:hover {
    justify-content: end;
  }
  [class~="md:justify-between"] {
    justify-content: between;
  }
  [class~="md:hover:justify-between"]:hover {
    justify-content: between;
  }
  [class~="md:grow0"] {
    flex-grow: 0;
  }
  [class~="md:hover:grow0"]:hover {
    flex-grow: 0;
  }
  [class~="md:grow1"] {
    flex-grow: 1;
  }
  [class~="md:hover:grow1"]:hover {
    flex-grow: 1;
  }
  [class~="md:grow2"] {
    flex-grow: 2;
  }
  [class~="md:hover:grow2"]:hover {
    flex-grow: 2;
  }
  [class~="md:grow3"] {
    flex-grow: 3;
  }
  [class~="md:hover:grow3"]:hover {
    flex-grow: 3;
  }
  [class~="md:grow4"] {
    flex-grow: 4;
  }
  [class~="md:hover:grow4"]:hover {
    flex-grow: 4;
  }
  [class~="md:grow5"] {
    flex-grow: 5;
  }
  [class~="md:hover:grow5"]:hover {
    flex-grow: 5;
  }
  [class~="md:grow6"] {
    flex-grow: 6;
  }
  [class~="md:hover:grow6"]:hover {
    flex-grow: 6;
  }
  [class~="md:grow7"] {
    flex-grow: 7;
  }
  [class~="md:hover:grow7"]:hover {
    flex-grow: 7;
  }
  [class~="md:grow8"] {
    flex-grow: 8;
  }
  [class~="md:hover:grow8"]:hover {
    flex-grow: 8;
  }
  [class~="md:grow9"] {
    flex-grow: 9;
  }
  [class~="md:hover:grow9"]:hover {
    flex-grow: 9;
  }
  [class~="md:grow10"] {
    flex-grow: 10;
  }
  [class~="md:hover:grow10"]:hover {
    flex-grow: 10;
  }
  [class~="md:grow11"] {
    flex-grow: 11;
  }
  [class~="md:hover:grow11"]:hover {
    flex-grow: 11;
  }
  [class~="md:grow12"] {
    flex-grow: 12;
  }
  [class~="md:hover:grow12"]:hover {
    flex-grow: 12;
  }
  [class~="md:shrink0"] {
    flex-shrink: 0;
  }
  [class~="md:hover:shrink0"]:hover {
    flex-shrink: 0;
  }
  [class~="md:shrink1"] {
    flex-shrink: 1;
  }
  [class~="md:hover:shrink1"]:hover {
    flex-shrink: 1;
  }
  [class~="md:shrink2"] {
    flex-shrink: 2;
  }
  [class~="md:hover:shrink2"]:hover {
    flex-shrink: 2;
  }
  [class~="md:shrink3"] {
    flex-shrink: 3;
  }
  [class~="md:hover:shrink3"]:hover {
    flex-shrink: 3;
  }
  [class~="md:shrink4"] {
    flex-shrink: 4;
  }
  [class~="md:hover:shrink4"]:hover {
    flex-shrink: 4;
  }
  [class~="md:shrink5"] {
    flex-shrink: 5;
  }
  [class~="md:hover:shrink5"]:hover {
    flex-shrink: 5;
  }
  [class~="md:shrink6"] {
    flex-shrink: 6;
  }
  [class~="md:hover:shrink6"]:hover {
    flex-shrink: 6;
  }
  [class~="md:shrink7"] {
    flex-shrink: 7;
  }
  [class~="md:hover:shrink7"]:hover {
    flex-shrink: 7;
  }
  [class~="md:shrink8"] {
    flex-shrink: 8;
  }
  [class~="md:hover:shrink8"]:hover {
    flex-shrink: 8;
  }
  [class~="md:shrink9"] {
    flex-shrink: 9;
  }
  [class~="md:hover:shrink9"]:hover {
    flex-shrink: 9;
  }
  [class~="md:shrink10"] {
    flex-shrink: 10;
  }
  [class~="md:hover:shrink10"]:hover {
    flex-shrink: 10;
  }
  [class~="md:shrink11"] {
    flex-shrink: 11;
  }
  [class~="md:hover:shrink11"]:hover {
    flex-shrink: 11;
  }
  [class~="md:shrink12"] {
    flex-shrink: 12;
  }
  [class~="md:hover:shrink12"]:hover {
    flex-shrink: 12;
  }
  [class~="md:grid-auto"] {
    grid-template-columns: auto;
  }
  [class~="md:hover:grid-auto"]:hover {
    grid-template-columns: auto;
  }
  [class~="md:col-1fr"] {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  [class~="md:hover:col-1fr"]:hover {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  [class~="md:col-2fr"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  [class~="md:hover:col-2fr"]:hover {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  [class~="md:col-3fr"] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  [class~="md:hover:col-3fr"]:hover {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  [class~="md:grid-auto"] {
    grid-template-rows: auto;
  }
  [class~="md:hover:grid-auto"]:hover {
    grid-template-rows: auto;
  }
  [class~="md:row-1fr"] {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  [class~="md:hover:row-1fr"]:hover {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  [class~="md:row-2fr"] {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  [class~="md:hover:row-2fr"]:hover {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  [class~="md:row-3fr"] {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  [class~="md:hover:row-3fr"]:hover {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  [class~="md:place-items-start"] {
    place-items: start;
  }
  [class~="md:hover:place-items-start"]:hover {
    place-items: start;
  }
  [class~="md:place-items-center"] {
    place-items: center;
  }
  [class~="md:hover:place-items-center"]:hover {
    place-items: center;
  }
  [class~="md:place-items-end"] {
    place-items: end;
  }
  [class~="md:hover:place-items-end"]:hover {
    place-items: end;
  }
  [class~="md:place-items-baseline"] {
    place-items: baseline;
  }
  [class~="md:hover:place-items-baseline"]:hover {
    place-items: baseline;
  }
  [class~="md:place-items-stretch"] {
    place-items: stretch;
  }
  [class~="md:hover:place-items-stretch"]:hover {
    place-items: stretch;
  }
  [class~="md:place-content-start"] {
    place-content: start;
  }
  [class~="md:hover:place-content-start"]:hover {
    place-content: start;
  }
  [class~="md:place-content-center"] {
    place-content: center;
  }
  [class~="md:hover:place-content-center"]:hover {
    place-content: center;
  }
  [class~="md:place-content-end"] {
    place-content: end;
  }
  [class~="md:hover:place-content-end"]:hover {
    place-content: end;
  }
  [class~="md:place-content-between"] {
    place-content: between;
  }
  [class~="md:hover:place-content-between"]:hover {
    place-content: between;
  }
  [class~="md:place-content-around"] {
    place-content: around;
  }
  [class~="md:hover:place-content-around"]:hover {
    place-content: around;
  }
  [class~="md:place-content-evenly"] {
    place-content: evenly;
  }
  [class~="md:hover:place-content-evenly"]:hover {
    place-content: evenly;
  }
  [class~="md:order1"] {
    order: 1;
  }
  [class~="md:hover:order1"]:hover {
    order: 1;
  }
  [class~="md:order2"] {
    order: 2;
  }
  [class~="md:hover:order2"]:hover {
    order: 2;
  }
  [class~="md:z-auto"] {
    z-index: auto;
  }
  [class~="md:hover:z-auto"]:hover {
    z-index: auto;
  }
  [class~="md:z1"] {
    z-index: 1;
  }
  [class~="md:hover:z1"]:hover {
    z-index: 1;
  }
  [class~="md:z2"] {
    z-index: 2;
  }
  [class~="md:hover:z2"]:hover {
    z-index: 2;
  }
  [class~="md:z3"] {
    z-index: 3;
  }
  [class~="md:hover:z3"]:hover {
    z-index: 3;
  }
  [class~="md:z4"] {
    z-index: 4;
  }
  [class~="md:hover:z4"]:hover {
    z-index: 4;
  }
  [class~="md:z5"] {
    z-index: 5;
  }
  [class~="md:hover:z5"]:hover {
    z-index: 5;
  }
  [class~="md:z6"] {
    z-index: 6;
  }
  [class~="md:hover:z6"]:hover {
    z-index: 6;
  }
  [class~="md:z7"] {
    z-index: 7;
  }
  [class~="md:hover:z7"]:hover {
    z-index: 7;
  }
  [class~="md:z8"] {
    z-index: 8;
  }
  [class~="md:hover:z8"]:hover {
    z-index: 8;
  }
  [class~="md:z9"] {
    z-index: 9;
  }
  [class~="md:hover:z9"]:hover {
    z-index: 9;
  }
  [class~="md:static"] {
    position: static;
  }
  [class~="md:hover:static"]:hover {
    position: static;
  }
  [class~="md:relative"] {
    position: relative;
  }
  [class~="md:hover:relative"]:hover {
    position: relative;
  }
  [class~="md:absolute"] {
    position: absolute;
  }
  [class~="md:hover:absolute"]:hover {
    position: absolute;
  }
  [class~="md:fixed"] {
    position: fixed;
  }
  [class~="md:hover:fixed"]:hover {
    position: fixed;
  }
  [class~="md:sticky"] {
    position: sticky;
  }
  [class~="md:hover:sticky"]:hover {
    position: sticky;
  }
  [class~="md:fw100"] {
    font-weight: 100;
  }
  [class~="md:hover:fw100"]:hover {
    font-weight: 100;
  }
  [class~="md:fw200"] {
    font-weight: 200;
  }
  [class~="md:hover:fw200"]:hover {
    font-weight: 200;
  }
  [class~="md:fw300"] {
    font-weight: 300;
  }
  [class~="md:hover:fw300"]:hover {
    font-weight: 300;
  }
  [class~="md:fw400"] {
    font-weight: 400;
  }
  [class~="md:hover:fw400"]:hover {
    font-weight: 400;
  }
  [class~="md:fw500"] {
    font-weight: 500;
  }
  [class~="md:hover:fw500"]:hover {
    font-weight: 500;
  }
  [class~="md:fw600"] {
    font-weight: 600;
  }
  [class~="md:hover:fw600"]:hover {
    font-weight: 600;
  }
  [class~="md:fw700"] {
    font-weight: 700;
  }
  [class~="md:hover:fw700"]:hover {
    font-weight: 700;
  }
  [class~="md:fw800"] {
    font-weight: 800;
  }
  [class~="md:hover:fw800"]:hover {
    font-weight: 800;
  }
  [class~="md:fw900"] {
    font-weight: 900;
  }
  [class~="md:hover:fw900"]:hover {
    font-weight: 900;
  }
  [class~="md:fs-n"] {
    font-style: normal;
  }
  [class~="md:hover:fs-n"]:hover {
    font-style: normal;
  }
  [class~="md:fs-i"] {
    font-style: italic;
  }
  [class~="md:hover:fs-i"]:hover {
    font-style: italic;
  }
  [class~="md:ws-normal"] {
    white-space: normal;
  }
  [class~="md:hover:ws-normal"]:hover {
    white-space: normal;
  }
  [class~="md:ws-nowrap"] {
    white-space: nowrap;
  }
  [class~="md:hover:ws-nowrap"]:hover {
    white-space: nowrap;
  }
  [class~="md:ws-pre"] {
    white-space: pre;
  }
  [class~="md:hover:ws-pre"]:hover {
    white-space: pre;
  }
  [class~="md:ws-pre-wrap"] {
    white-space: pre-wrap;
  }
  [class~="md:hover:ws-pre-wrap"]:hover {
    white-space: pre-wrap;
  }
  [class~="md:ws-pre-line"] {
    white-space: pre-line;
  }
  [class~="md:hover:ws-pre-line"]:hover {
    white-space: pre-line;
  }
  [class~="md:ta-l"] {
    text-align: left;
  }
  [class~="md:hover:ta-l"]:hover {
    text-align: left;
  }
  [class~="md:ta-c"] {
    text-align: center;
  }
  [class~="md:hover:ta-c"]:hover {
    text-align: center;
  }
  [class~="md:ta-r"] {
    text-align: right;
  }
  [class~="md:hover:ta-r"]:hover {
    text-align: right;
  }
  [class~="md:ta-j"] {
    text-align: justify;
  }
  [class~="md:hover:ta-j"]:hover {
    text-align: justify;
  }
  [class~="md:lh1"] {
    line-height: 1;
  }
  [class~="md:hover:lh1"]:hover {
    line-height: 1;
  }
  [class~="md:lh125"] {
    line-height: 1.25;
  }
  [class~="md:hover:lh125"]:hover {
    line-height: 1.25;
  }
  [class~="md:lh15"] {
    line-height: 1.5;
  }
  [class~="md:hover:lh15"]:hover {
    line-height: 1.5;
  }
  [class~="md:lh175"] {
    line-height: 1.75;
  }
  [class~="md:hover:lh175"]:hover {
    line-height: 1.75;
  }
  [class~="md:lh2"] {
    line-height: 2;
  }
  [class~="md:hover:lh2"]:hover {
    line-height: 2;
  }
  [class~="md:lh25"] {
    line-height: 2.5;
  }
  [class~="md:hover:lh25"]:hover {
    line-height: 2.5;
  }
  [class~="md:lh3"] {
    line-height: 3;
  }
  [class~="md:hover:lh3"]:hover {
    line-height: 3;
  }
  [class~="md:bds-solid"] {
    border-style: solid;
  }
  [class~="md:hover:bds-solid"]:hover {
    border-style: solid;
  }
  [class~="md:bds-dashed"] {
    border-style: dashed;
  }
  [class~="md:hover:bds-dashed"]:hover {
    border-style: dashed;
  }
  [class~="md:bds-dotted"] {
    border-style: dotted;
  }
  [class~="md:hover:bds-dotted"]:hover {
    border-style: dotted;
  }
  [class~="md:bds-double"] {
    border-style: double;
  }
  [class~="md:hover:bds-double"]:hover {
    border-style: double;
  }
  [class~="md:bds-groove"] {
    border-style: groove;
  }
  [class~="md:hover:bds-groove"]:hover {
    border-style: groove;
  }
  [class~="md:bds-ridge"] {
    border-style: ridge;
  }
  [class~="md:hover:bds-ridge"]:hover {
    border-style: ridge;
  }
  [class~="md:bds-inset"] {
    border-style: inset;
  }
  [class~="md:hover:bds-inset"]:hover {
    border-style: inset;
  }
  [class~="md:bds-outset"] {
    border-style: outset;
  }
  [class~="md:hover:bds-outset"]:hover {
    border-style: outset;
  }
  [class~="md:bdw1"] {
    border-width: 1px;
  }
  [class~="md:hover:bdw1"]:hover {
    border-width: 1px;
  }
  [class~="md:bdw2"] {
    border-width: 2px;
  }
  [class~="md:hover:bdw2"]:hover {
    border-width: 2px;
  }
  [class~="md:bdw3"] {
    border-width: 3px;
  }
  [class~="md:hover:bdw3"]:hover {
    border-width: 3px;
  }
  [class~="md:bdw4"] {
    border-width: 4px;
  }
  [class~="md:hover:bdw4"]:hover {
    border-width: 4px;
  }
  [class~="md:bdiw1"] {
    border-inline-width: 1px;
  }
  [class~="md:hover:bdiw1"]:hover {
    border-inline-width: 1px;
  }
  [class~="md:bdiw2"] {
    border-inline-width: 2px;
  }
  [class~="md:hover:bdiw2"]:hover {
    border-inline-width: 2px;
  }
  [class~="md:bdiw3"] {
    border-inline-width: 3px;
  }
  [class~="md:hover:bdiw3"]:hover {
    border-inline-width: 3px;
  }
  [class~="md:bdiw4"] {
    border-inline-width: 4px;
  }
  [class~="md:hover:bdiw4"]:hover {
    border-inline-width: 4px;
  }
  [class~="md:bdbw1"] {
    border-block-width: 1px;
  }
  [class~="md:hover:bdbw1"]:hover {
    border-block-width: 1px;
  }
  [class~="md:bdbw2"] {
    border-block-width: 2px;
  }
  [class~="md:hover:bdbw2"]:hover {
    border-block-width: 2px;
  }
  [class~="md:bdbw3"] {
    border-block-width: 3px;
  }
  [class~="md:hover:bdbw3"]:hover {
    border-block-width: 3px;
  }
  [class~="md:bdbw4"] {
    border-block-width: 4px;
  }
  [class~="md:hover:bdbw4"]:hover {
    border-block-width: 4px;
  }
  [class~="md:bdw-t1"] {
    border-top-width: 1px;
  }
  [class~="md:hover:bdw-t1"]:hover {
    border-top-width: 1px;
  }
  [class~="md:bdw-t2"] {
    border-top-width: 2px;
  }
  [class~="md:hover:bdw-t2"]:hover {
    border-top-width: 2px;
  }
  [class~="md:bdw-t3"] {
    border-top-width: 3px;
  }
  [class~="md:hover:bdw-t3"]:hover {
    border-top-width: 3px;
  }
  [class~="md:bdw-t4"] {
    border-top-width: 4px;
  }
  [class~="md:hover:bdw-t4"]:hover {
    border-top-width: 4px;
  }
  [class~="md:bdw-r1"] {
    border-right-width: 1px;
  }
  [class~="md:hover:bdw-r1"]:hover {
    border-right-width: 1px;
  }
  [class~="md:bdw-r2"] {
    border-right-width: 2px;
  }
  [class~="md:hover:bdw-r2"]:hover {
    border-right-width: 2px;
  }
  [class~="md:bdw-r3"] {
    border-right-width: 3px;
  }
  [class~="md:hover:bdw-r3"]:hover {
    border-right-width: 3px;
  }
  [class~="md:bdw-r4"] {
    border-right-width: 4px;
  }
  [class~="md:hover:bdw-r4"]:hover {
    border-right-width: 4px;
  }
  [class~="md:bdw-b1"] {
    border-bottom-width: 1px;
  }
  [class~="md:hover:bdw-b1"]:hover {
    border-bottom-width: 1px;
  }
  [class~="md:bdw-b2"] {
    border-bottom-width: 2px;
  }
  [class~="md:hover:bdw-b2"]:hover {
    border-bottom-width: 2px;
  }
  [class~="md:bdw-b3"] {
    border-bottom-width: 3px;
  }
  [class~="md:hover:bdw-b3"]:hover {
    border-bottom-width: 3px;
  }
  [class~="md:bdw-b4"] {
    border-bottom-width: 4px;
  }
  [class~="md:hover:bdw-b4"]:hover {
    border-bottom-width: 4px;
  }
  [class~="md:bdw-l1"] {
    border-left-width: 1px;
  }
  [class~="md:hover:bdw-l1"]:hover {
    border-left-width: 1px;
  }
  [class~="md:bdw-l2"] {
    border-left-width: 2px;
  }
  [class~="md:hover:bdw-l2"]:hover {
    border-left-width: 2px;
  }
  [class~="md:bdw-l3"] {
    border-left-width: 3px;
  }
  [class~="md:hover:bdw-l3"]:hover {
    border-left-width: 3px;
  }
  [class~="md:bdw-l4"] {
    border-left-width: 4px;
  }
  [class~="md:hover:bdw-l4"]:hover {
    border-left-width: 4px;
  }
  [class~="md:radius0"] {
    border-radius: 0;
  }
  [class~="md:hover:radius0"]:hover {
    border-radius: 0;
  }
  [class~="md:radius2"] {
    border-radius: 2px;
  }
  [class~="md:hover:radius2"]:hover {
    border-radius: 2px;
  }
  [class~="md:radius4"] {
    border-radius: 4px;
  }
  [class~="md:hover:radius4"]:hover {
    border-radius: 4px;
  }
  [class~="md:radius8"] {
    border-radius: 8px;
  }
  [class~="md:hover:radius8"]:hover {
    border-radius: 8px;
  }
  [class~="md:radius16"] {
    border-radius: 16px;
  }
  [class~="md:hover:radius16"]:hover {
    border-radius: 16px;
  }
  [class~="md:radius20"] {
    border-radius: 20px;
  }
  [class~="md:hover:radius20"]:hover {
    border-radius: 20px;
  }
  [class~="md:radius24"] {
    border-radius: 24px;
  }
  [class~="md:hover:radius24"]:hover {
    border-radius: 24px;
  }
  [class~="md:radius32"] {
    border-radius: 32px;
  }
  [class~="md:hover:radius32"]:hover {
    border-radius: 32px;
  }
  [class~="md:radius-tl0"] {
    border-top-left-radius: 0;
  }
  [class~="md:hover:radius-tl0"]:hover {
    border-top-left-radius: 0;
  }
  [class~="md:radius-tl2"] {
    border-top-left-radius: 2px;
  }
  [class~="md:hover:radius-tl2"]:hover {
    border-top-left-radius: 2px;
  }
  [class~="md:radius-tl4"] {
    border-top-left-radius: 4px;
  }
  [class~="md:hover:radius-tl4"]:hover {
    border-top-left-radius: 4px;
  }
  [class~="md:radius-tl8"] {
    border-top-left-radius: 8px;
  }
  [class~="md:hover:radius-tl8"]:hover {
    border-top-left-radius: 8px;
  }
  [class~="md:radius-tl16"] {
    border-top-left-radius: 16px;
  }
  [class~="md:hover:radius-tl16"]:hover {
    border-top-left-radius: 16px;
  }
  [class~="md:radius-tl20"] {
    border-top-left-radius: 20px;
  }
  [class~="md:hover:radius-tl20"]:hover {
    border-top-left-radius: 20px;
  }
  [class~="md:radius-tl24"] {
    border-top-left-radius: 24px;
  }
  [class~="md:hover:radius-tl24"]:hover {
    border-top-left-radius: 24px;
  }
  [class~="md:radius-tl32"] {
    border-top-left-radius: 32px;
  }
  [class~="md:hover:radius-tl32"]:hover {
    border-top-left-radius: 32px;
  }
  [class~="md:radius-tr0"] {
    border-top-right-radius: 0;
  }
  [class~="md:hover:radius-tr0"]:hover {
    border-top-right-radius: 0;
  }
  [class~="md:radius-tr2"] {
    border-top-right-radius: 2px;
  }
  [class~="md:hover:radius-tr2"]:hover {
    border-top-right-radius: 2px;
  }
  [class~="md:radius-tr4"] {
    border-top-right-radius: 4px;
  }
  [class~="md:hover:radius-tr4"]:hover {
    border-top-right-radius: 4px;
  }
  [class~="md:radius-tr8"] {
    border-top-right-radius: 8px;
  }
  [class~="md:hover:radius-tr8"]:hover {
    border-top-right-radius: 8px;
  }
  [class~="md:radius-tr16"] {
    border-top-right-radius: 16px;
  }
  [class~="md:hover:radius-tr16"]:hover {
    border-top-right-radius: 16px;
  }
  [class~="md:radius-tr20"] {
    border-top-right-radius: 20px;
  }
  [class~="md:hover:radius-tr20"]:hover {
    border-top-right-radius: 20px;
  }
  [class~="md:radius-tr24"] {
    border-top-right-radius: 24px;
  }
  [class~="md:hover:radius-tr24"]:hover {
    border-top-right-radius: 24px;
  }
  [class~="md:radius-tr32"] {
    border-top-right-radius: 32px;
  }
  [class~="md:hover:radius-tr32"]:hover {
    border-top-right-radius: 32px;
  }
  [class~="md:radius-br0"] {
    border-bottom-right-radius: 0;
  }
  [class~="md:hover:radius-br0"]:hover {
    border-bottom-right-radius: 0;
  }
  [class~="md:radius-br2"] {
    border-bottom-right-radius: 2px;
  }
  [class~="md:hover:radius-br2"]:hover {
    border-bottom-right-radius: 2px;
  }
  [class~="md:radius-br4"] {
    border-bottom-right-radius: 4px;
  }
  [class~="md:hover:radius-br4"]:hover {
    border-bottom-right-radius: 4px;
  }
  [class~="md:radius-br8"] {
    border-bottom-right-radius: 8px;
  }
  [class~="md:hover:radius-br8"]:hover {
    border-bottom-right-radius: 8px;
  }
  [class~="md:radius-br16"] {
    border-bottom-right-radius: 16px;
  }
  [class~="md:hover:radius-br16"]:hover {
    border-bottom-right-radius: 16px;
  }
  [class~="md:radius-br20"] {
    border-bottom-right-radius: 20px;
  }
  [class~="md:hover:radius-br20"]:hover {
    border-bottom-right-radius: 20px;
  }
  [class~="md:radius-br24"] {
    border-bottom-right-radius: 24px;
  }
  [class~="md:hover:radius-br24"]:hover {
    border-bottom-right-radius: 24px;
  }
  [class~="md:radius-br32"] {
    border-bottom-right-radius: 32px;
  }
  [class~="md:hover:radius-br32"]:hover {
    border-bottom-right-radius: 32px;
  }
  [class~="md:radius-bl0"] {
    border-bottom-left-radius: 0;
  }
  [class~="md:hover:radius-bl0"]:hover {
    border-bottom-left-radius: 0;
  }
  [class~="md:radius-bl2"] {
    border-bottom-left-radius: 2px;
  }
  [class~="md:hover:radius-bl2"]:hover {
    border-bottom-left-radius: 2px;
  }
  [class~="md:radius-bl4"] {
    border-bottom-left-radius: 4px;
  }
  [class~="md:hover:radius-bl4"]:hover {
    border-bottom-left-radius: 4px;
  }
  [class~="md:radius-bl8"] {
    border-bottom-left-radius: 8px;
  }
  [class~="md:hover:radius-bl8"]:hover {
    border-bottom-left-radius: 8px;
  }
  [class~="md:radius-bl16"] {
    border-bottom-left-radius: 16px;
  }
  [class~="md:hover:radius-bl16"]:hover {
    border-bottom-left-radius: 16px;
  }
  [class~="md:radius-bl20"] {
    border-bottom-left-radius: 20px;
  }
  [class~="md:hover:radius-bl20"]:hover {
    border-bottom-left-radius: 20px;
  }
  [class~="md:radius-bl24"] {
    border-bottom-left-radius: 24px;
  }
  [class~="md:hover:radius-bl24"]:hover {
    border-bottom-left-radius: 24px;
  }
  [class~="md:radius-bl32"] {
    border-bottom-left-radius: 32px;
  }
  [class~="md:hover:radius-bl32"]:hover {
    border-bottom-left-radius: 32px;
  }
  [class~="md:bgr-nr"] {
    background-repeat: no-repeat;
  }
  [class~="md:hover:bgr-nr"]:hover {
    background-repeat: no-repeat;
  }
  [class~="md:bgr-r"] {
    background-repeat: repeat;
  }
  [class~="md:hover:bgr-r"]:hover {
    background-repeat: repeat;
  }
  [class~="md:bgr-rx"] {
    background-repeat: repeat-x;
  }
  [class~="md:hover:bgr-rx"]:hover {
    background-repeat: repeat-x;
  }
  [class~="md:bgr-ry"] {
    background-repeat: repeat-y;
  }
  [class~="md:hover:bgr-ry"]:hover {
    background-repeat: repeat-y;
  }
  [class~="md:bgz-auto"] {
    background-size: auto;
  }
  [class~="md:hover:bgz-auto"]:hover {
    background-size: auto;
  }
  [class~="md:bgz-cover"] {
    background-size: cover;
  }
  [class~="md:hover:bgz-cover"]:hover {
    background-size: cover;
  }
  [class~="md:bgz-contain"] {
    background-size: contain;
  }
  [class~="md:hover:bgz-contain"]:hover {
    background-size: contain;
  }
  [class~="md:bgp-c"] {
    background-position: center;
  }
  [class~="md:hover:bgp-c"]:hover {
    background-position: center;
  }
  [class~="md:bgp-t"] {
    background-position: top;
  }
  [class~="md:hover:bgp-t"]:hover {
    background-position: top;
  }
  [class~="md:bgp-b"] {
    background-position: bottom;
  }
  [class~="md:hover:bgp-b"]:hover {
    background-position: bottom;
  }
  [class~="md:bgp-l"] {
    background-position: left;
  }
  [class~="md:hover:bgp-l"]:hover {
    background-position: left;
  }
  [class~="md:bgp-r"] {
    background-position: right;
  }
  [class~="md:hover:bgp-r"]:hover {
    background-position: right;
  }
  [class~="md:lst-none"] {
    list-style-type: none;
  }
  [class~="md:hover:lst-none"]:hover {
    list-style-type: none;
  }
  [class~="md:lst-disc"] {
    list-style-type: disc;
  }
  [class~="md:hover:lst-disc"]:hover {
    list-style-type: disc;
  }
  [class~="md:lst-circle"] {
    list-style-type: circle;
  }
  [class~="md:hover:lst-circle"]:hover {
    list-style-type: circle;
  }
  [class~="md:lst-square"] {
    list-style-type: square;
  }
  [class~="md:hover:lst-square"]:hover {
    list-style-type: square;
  }
  [class~="md:lst-decimal"] {
    list-style-type: decimal;
  }
  [class~="md:hover:lst-decimal"]:hover {
    list-style-type: decimal;
  }
  [class~="md:lst-decimal-leading-zero"] {
    list-style-type: decimal-leading-zero;
  }
  [class~="md:hover:lst-decimal-leading-zero"]:hover {
    list-style-type: decimal-leading-zero;
  }
  [class~="md:lst-lower-roman"] {
    list-style-type: lower-roman;
  }
  [class~="md:hover:lst-lower-roman"]:hover {
    list-style-type: lower-roman;
  }
  [class~="md:lst-upper-roman"] {
    list-style-type: upper-roman;
  }
  [class~="md:hover:lst-upper-roman"]:hover {
    list-style-type: upper-roman;
  }
  [class~="md:lst-lower-alpha"] {
    list-style-type: lower-alpha;
  }
  [class~="md:hover:lst-lower-alpha"]:hover {
    list-style-type: lower-alpha;
  }
  [class~="md:lst-upper-alpha"] {
    list-style-type: upper-alpha;
  }
  [class~="md:hover:lst-upper-alpha"]:hover {
    list-style-type: upper-alpha;
  }
  [class~="md:tl-auto"] {
    table-layout: auto;
  }
  [class~="md:hover:tl-auto"]:hover {
    table-layout: auto;
  }
  [class~="md:tl-fixed"] {
    table-layout: fixed;
  }
  [class~="md:hover:tl-fixed"]:hover {
    table-layout: fixed;
  }
  [class~="md:tp-none"] {
    transition-property: none;
  }
  [class~="md:hover:tp-none"]:hover {
    transition-property: none;
  }
  [class~="md:tp-all"] {
    transition-property: all;
  }
  [class~="md:hover:tp-all"]:hover {
    transition-property: all;
  }
  [class~="md:tp-color"] {
    transition-property: color;
  }
  [class~="md:hover:tp-color"]:hover {
    transition-property: color;
  }
  [class~="md:tp-bgcolor"] {
    transition-property: background-color;
  }
  [class~="md:hover:tp-bgcolor"]:hover {
    transition-property: background-color;
  }
  [class~="md:tp-border-color"] {
    transition-property: border-color;
  }
  [class~="md:hover:tp-border-color"]:hover {
    transition-property: border-color;
  }
  [class~="md:tp-opacity"] {
    transition-property: opacity;
  }
  [class~="md:hover:tp-opacity"]:hover {
    transition-property: opacity;
  }
  [class~="md:tp-transform"] {
    transition-property: transform;
  }
  [class~="md:hover:tp-transform"]:hover {
    transition-property: transform;
  }
  [class~="md:td0"] {
    transition-duration: 0;
  }
  [class~="md:hover:td0"]:hover {
    transition-duration: 0;
  }
  [class~="md:td100"] {
    transition-duration: 0.1s;
  }
  [class~="md:hover:td100"]:hover {
    transition-duration: 0.1s;
  }
  [class~="md:td200"] {
    transition-duration: 0.2s;
  }
  [class~="md:hover:td200"]:hover {
    transition-duration: 0.2s;
  }
  [class~="md:td300"] {
    transition-duration: 0.3s;
  }
  [class~="md:hover:td300"]:hover {
    transition-duration: 0.3s;
  }
  [class~="md:td400"] {
    transition-duration: 0.4s;
  }
  [class~="md:hover:td400"]:hover {
    transition-duration: 0.4s;
  }
  [class~="md:td500"] {
    transition-duration: 0.5s;
  }
  [class~="md:hover:td500"]:hover {
    transition-duration: 0.5s;
  }
  [class~="md:ttf-linear"] {
    transition-timing-function: linear;
  }
  [class~="md:hover:ttf-linear"]:hover {
    transition-timing-function: linear;
  }
  [class~="md:ttf-ease"] {
    transition-timing-function: ease;
  }
  [class~="md:hover:ttf-ease"]:hover {
    transition-timing-function: ease;
  }
  [class~="md:ttf-ease-in"] {
    transition-timing-function: ease-in;
  }
  [class~="md:hover:ttf-ease-in"]:hover {
    transition-timing-function: ease-in;
  }
  [class~="md:ttf-ease-out"] {
    transition-timing-function: ease-out;
  }
  [class~="md:hover:ttf-ease-out"]:hover {
    transition-timing-function: ease-out;
  }
  [class~="md:ttf-ease-in-out"] {
    transition-timing-function: ease-in-out;
  }
  [class~="md:hover:ttf-ease-in-out"]:hover {
    transition-timing-function: ease-in-out;
  }
  [class~="md:v-v"] {
    visibility: visible;
  }
  [class~="md:hover:v-v"]:hover {
    visibility: visible;
  }
  [class~="md:v-h"] {
    visibility: hidden;
  }
  [class~="md:hover:v-h"]:hover {
    visibility: hidden;
  }
  [class~="md:v-c"] {
    visibility: collapse;
  }
  [class~="md:hover:v-c"]:hover {
    visibility: collapse;
  }
  [class~="md:of-v"] {
    overflow: visible;
  }
  [class~="md:hover:of-v"]:hover {
    overflow: visible;
  }
  [class~="md:of-h"] {
    overflow: hidden;
  }
  [class~="md:hover:of-h"]:hover {
    overflow: hidden;
  }
  [class~="md:of-s"] {
    overflow: scroll;
  }
  [class~="md:hover:of-s"]:hover {
    overflow: scroll;
  }
  [class~="md:of-a"] {
    overflow: auto;
  }
  [class~="md:hover:of-a"]:hover {
    overflow: auto;
  }
  [class~="md:o0"] {
    opacity: 0;
  }
  [class~="md:hover:o0"]:hover {
    opacity: 0;
  }
  [class~="md:o10"] {
    opacity: 0.1;
  }
  [class~="md:hover:o10"]:hover {
    opacity: 0.1;
  }
  [class~="md:o20"] {
    opacity: 0.2;
  }
  [class~="md:hover:o20"]:hover {
    opacity: 0.2;
  }
  [class~="md:o30"] {
    opacity: 0.3;
  }
  [class~="md:hover:o30"]:hover {
    opacity: 0.3;
  }
  [class~="md:o40"] {
    opacity: 0.4;
  }
  [class~="md:hover:o40"]:hover {
    opacity: 0.4;
  }
  [class~="md:o50"] {
    opacity: 0.5;
  }
  [class~="md:hover:o50"]:hover {
    opacity: 0.5;
  }
  [class~="md:o60"] {
    opacity: 0.6;
  }
  [class~="md:hover:o60"]:hover {
    opacity: 0.6;
  }
  [class~="md:o70"] {
    opacity: 0.7;
  }
  [class~="md:hover:o70"]:hover {
    opacity: 0.7;
  }
  [class~="md:o80"] {
    opacity: 0.8;
  }
  [class~="md:hover:o80"]:hover {
    opacity: 0.8;
  }
  [class~="md:o90"] {
    opacity: 0.9;
  }
  [class~="md:hover:o90"]:hover {
    opacity: 0.9;
  }
  [class~="md:o100"] {
    opacity: 1;
  }
  [class~="md:hover:o100"]:hover {
    opacity: 1;
  }
  [class~="md:cu-a"] {
    cursor: auto;
  }
  [class~="md:hover:cu-a"]:hover {
    cursor: auto;
  }
  [class~="md:cu-d"] {
    cursor: default;
  }
  [class~="md:hover:cu-d"]:hover {
    cursor: default;
  }
  [class~="md:cu-p"] {
    cursor: pointer;
  }
  [class~="md:hover:cu-p"]:hover {
    cursor: pointer;
  }
  [class~="md:cu-t"] {
    cursor: text;
  }
  [class~="md:hover:cu-t"]:hover {
    cursor: text;
  }
  [class~="md:cu-m"] {
    cursor: move;
  }
  [class~="md:hover:cu-m"]:hover {
    cursor: move;
  }
  [class~="md:cu-na"] {
    cursor: not-allowed;
  }
  [class~="md:hover:cu-na"]:hover {
    cursor: not-allowed;
  }
  [class~="md:cu-w"] {
    cursor: wait;
  }
  [class~="md:hover:cu-w"]:hover {
    cursor: wait;
  }
  [class~="md:cu-h"] {
    cursor: help;
  }
  [class~="md:hover:cu-h"]:hover {
    cursor: help;
  }
  [class~="md:full-bleed"] {
    margin-inline: calc(-1 * var(--fullbleed));
  }
  [class~="md:hover:full-bleed"]:hover {
    margin-inline: calc(-1 * var(--fullbleed));
  }
  [class~="md:left-bleed"] {
    margin-left: calc(-1 * var(--fullbleed));
  }
  [class~="md:hover:left-bleed"]:hover {
    margin-left: calc(-1 * var(--fullbleed));
  }
  [class~="md:right-bleed"] {
    margin-right: calc(-1 * var(--fullbleed));
  }
  [class~="md:hover:right-bleed"]:hover {
    margin-right: calc(-1 * var(--fullbleed));
  }
  [class~="md:wrapper320"] {
    --fullbleed: max(1.5em, 50cqw - (20rem / 2));
    margin-inline: var(--fullbleed);
  }
  [class~="md:hover:wrapper320"]:hover {
    --fullbleed: max(1.5em, 50cqw - (20rem / 2));
    margin-inline: var(--fullbleed);
  }
  [class~="md:wrapper480"] {
    --fullbleed: max(1.5em, 50cqw - (30rem / 2));
    margin-inline: var(--fullbleed);
  }
  [class~="md:hover:wrapper480"]:hover {
    --fullbleed: max(1.5em, 50cqw - (30rem / 2));
    margin-inline: var(--fullbleed);
  }
  [class~="md:wrapper768"] {
    --fullbleed: max(1.5em, 50cqw - (48rem / 2));
    margin-inline: var(--fullbleed);
  }
  [class~="md:hover:wrapper768"]:hover {
    --fullbleed: max(1.5em, 50cqw - (48rem / 2));
    margin-inline: var(--fullbleed);
  }
  [class~="md:wrapper800"] {
    --fullbleed: max(1.5em, 50cqw - (50rem / 2));
    margin-inline: var(--fullbleed);
  }
  [class~="md:hover:wrapper800"]:hover {
    --fullbleed: max(1.5em, 50cqw - (50rem / 2));
    margin-inline: var(--fullbleed);
  }
  [class~="md:wrapper960"] {
    --fullbleed: max(1.5em, 50cqw - (60rem / 2));
    margin-inline: var(--fullbleed);
  }
  [class~="md:hover:wrapper960"]:hover {
    --fullbleed: max(1.5em, 50cqw - (60rem / 2));
    margin-inline: var(--fullbleed);
  }
  [class~="md:wrapper1000"] {
    --fullbleed: max(1.5em, 50cqw - (62.5rem / 2));
    margin-inline: var(--fullbleed);
  }
  [class~="md:hover:wrapper1000"]:hover {
    --fullbleed: max(1.5em, 50cqw - (62.5rem / 2));
    margin-inline: var(--fullbleed);
  }
  [class~="md:wrapper1200"] {
    --fullbleed: max(1.5em, 50cqw - (75rem / 2));
    margin-inline: var(--fullbleed);
  }
  [class~="md:hover:wrapper1200"]:hover {
    --fullbleed: max(1.5em, 50cqw - (75rem / 2));
    margin-inline: var(--fullbleed);
  }
  [class~="md:wrapper1440"] {
    --fullbleed: max(1.5em, 50cqw - (90rem / 2));
    margin-inline: var(--fullbleed);
  }
  [class~="md:hover:wrapper1440"]:hover {
    --fullbleed: max(1.5em, 50cqw - (90rem / 2));
    margin-inline: var(--fullbleed);
  }
}

/*# sourceMappingURL=utility.css.map */