:root {
  --fullbleed: max(1.5em, 50cqw - (1000px / 2));
  --spacing: 0.25rem;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 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-base {
  font-size: var(--text-base);
}

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

.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);
}

.p0 {
  padding: 0;
}

[class~="hover:p0"]:hover {
  padding: 0;
}

.p1 {
  padding: calc(var(--spacing) * 1);
}

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

.p2 {
  padding: calc(var(--spacing) * 2);
}

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

.p3 {
  padding: calc(var(--spacing) * 3);
}

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

.p4 {
  padding: calc(var(--spacing) * 4);
}

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

.p5 {
  padding: calc(var(--spacing) * 5);
}

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

.p6 {
  padding: calc(var(--spacing) * 6);
}

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

.p8 {
  padding: calc(var(--spacing) * 8);
}

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

.p10 {
  padding: calc(var(--spacing) * 10);
}

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

.p12 {
  padding: calc(var(--spacing) * 12);
}

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

.p16 {
  padding: calc(var(--spacing) * 16);
}

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

.p20 {
  padding: calc(var(--spacing) * 20);
}

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

.p24 {
  padding: calc(var(--spacing) * 24);
}

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

.p32 {
  padding: calc(var(--spacing) * 32);
}

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

.p40 {
  padding: calc(var(--spacing) * 40);
}

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

.p48 {
  padding: calc(var(--spacing) * 48);
}

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

.p64 {
  padding: calc(var(--spacing) * 64);
}

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

.p80 {
  padding: calc(var(--spacing) * 80);
}

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

.p96 {
  padding: calc(var(--spacing) * 96);
}

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

.p128 {
  padding: calc(var(--spacing) * 128);
}

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

.pb0 {
  padding-block: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pi0 {
  padding-inline: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ps0 {
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}

[class~="hover:ps0"]:hover {
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}

.ps1 {
  -webkit-padding-start: calc(var(--spacing) * 1);
          padding-inline-start: calc(var(--spacing) * 1);
}

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

.ps2 {
  -webkit-padding-start: calc(var(--spacing) * 2);
          padding-inline-start: calc(var(--spacing) * 2);
}

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

.ps3 {
  -webkit-padding-start: calc(var(--spacing) * 3);
          padding-inline-start: calc(var(--spacing) * 3);
}

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

.ps4 {
  -webkit-padding-start: calc(var(--spacing) * 4);
          padding-inline-start: calc(var(--spacing) * 4);
}

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

.ps5 {
  -webkit-padding-start: calc(var(--spacing) * 5);
          padding-inline-start: calc(var(--spacing) * 5);
}

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

.ps6 {
  -webkit-padding-start: calc(var(--spacing) * 6);
          padding-inline-start: calc(var(--spacing) * 6);
}

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

.ps8 {
  -webkit-padding-start: calc(var(--spacing) * 8);
          padding-inline-start: calc(var(--spacing) * 8);
}

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

.ps10 {
  -webkit-padding-start: calc(var(--spacing) * 10);
          padding-inline-start: calc(var(--spacing) * 10);
}

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

.ps12 {
  -webkit-padding-start: calc(var(--spacing) * 12);
          padding-inline-start: calc(var(--spacing) * 12);
}

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

.ps16 {
  -webkit-padding-start: calc(var(--spacing) * 16);
          padding-inline-start: calc(var(--spacing) * 16);
}

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

.ps20 {
  -webkit-padding-start: calc(var(--spacing) * 20);
          padding-inline-start: calc(var(--spacing) * 20);
}

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

.ps24 {
  -webkit-padding-start: calc(var(--spacing) * 24);
          padding-inline-start: calc(var(--spacing) * 24);
}

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

.ps32 {
  -webkit-padding-start: calc(var(--spacing) * 32);
          padding-inline-start: calc(var(--spacing) * 32);
}

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

.ps40 {
  -webkit-padding-start: calc(var(--spacing) * 40);
          padding-inline-start: calc(var(--spacing) * 40);
}

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

.ps48 {
  -webkit-padding-start: calc(var(--spacing) * 48);
          padding-inline-start: calc(var(--spacing) * 48);
}

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

.ps64 {
  -webkit-padding-start: calc(var(--spacing) * 64);
          padding-inline-start: calc(var(--spacing) * 64);
}

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

.ps80 {
  -webkit-padding-start: calc(var(--spacing) * 80);
          padding-inline-start: calc(var(--spacing) * 80);
}

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

.ps96 {
  -webkit-padding-start: calc(var(--spacing) * 96);
          padding-inline-start: calc(var(--spacing) * 96);
}

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

.ps128 {
  -webkit-padding-start: calc(var(--spacing) * 128);
          padding-inline-start: calc(var(--spacing) * 128);
}

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

.pe0 {
  -webkit-padding-end: 0;
          padding-inline-end: 0;
}

[class~="hover:pe0"]:hover {
  -webkit-padding-end: 0;
          padding-inline-end: 0;
}

.pe1 {
  -webkit-padding-end: calc(var(--spacing) * 1);
          padding-inline-end: calc(var(--spacing) * 1);
}

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

.pe2 {
  -webkit-padding-end: calc(var(--spacing) * 2);
          padding-inline-end: calc(var(--spacing) * 2);
}

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

.pe3 {
  -webkit-padding-end: calc(var(--spacing) * 3);
          padding-inline-end: calc(var(--spacing) * 3);
}

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

.pe4 {
  -webkit-padding-end: calc(var(--spacing) * 4);
          padding-inline-end: calc(var(--spacing) * 4);
}

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

.pe5 {
  -webkit-padding-end: calc(var(--spacing) * 5);
          padding-inline-end: calc(var(--spacing) * 5);
}

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

.pe6 {
  -webkit-padding-end: calc(var(--spacing) * 6);
          padding-inline-end: calc(var(--spacing) * 6);
}

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

.pe8 {
  -webkit-padding-end: calc(var(--spacing) * 8);
          padding-inline-end: calc(var(--spacing) * 8);
}

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

.pe10 {
  -webkit-padding-end: calc(var(--spacing) * 10);
          padding-inline-end: calc(var(--spacing) * 10);
}

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

.pe12 {
  -webkit-padding-end: calc(var(--spacing) * 12);
          padding-inline-end: calc(var(--spacing) * 12);
}

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

.pe16 {
  -webkit-padding-end: calc(var(--spacing) * 16);
          padding-inline-end: calc(var(--spacing) * 16);
}

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

.pe20 {
  -webkit-padding-end: calc(var(--spacing) * 20);
          padding-inline-end: calc(var(--spacing) * 20);
}

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

.pe24 {
  -webkit-padding-end: calc(var(--spacing) * 24);
          padding-inline-end: calc(var(--spacing) * 24);
}

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

.pe32 {
  -webkit-padding-end: calc(var(--spacing) * 32);
          padding-inline-end: calc(var(--spacing) * 32);
}

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

.pe40 {
  -webkit-padding-end: calc(var(--spacing) * 40);
          padding-inline-end: calc(var(--spacing) * 40);
}

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

.pe48 {
  -webkit-padding-end: calc(var(--spacing) * 48);
          padding-inline-end: calc(var(--spacing) * 48);
}

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

.pe64 {
  -webkit-padding-end: calc(var(--spacing) * 64);
          padding-inline-end: calc(var(--spacing) * 64);
}

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

.pe80 {
  -webkit-padding-end: calc(var(--spacing) * 80);
          padding-inline-end: calc(var(--spacing) * 80);
}

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

.pe96 {
  -webkit-padding-end: calc(var(--spacing) * 96);
          padding-inline-end: calc(var(--spacing) * 96);
}

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

.pe128 {
  -webkit-padding-end: calc(var(--spacing) * 128);
          padding-inline-end: calc(var(--spacing) * 128);
}

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

.m0 {
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mb0 {
  margin-block: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mi0 {
  margin-inline: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ms0 {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}

[class~="hover:ms0"]:hover {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}

.ms1 {
  -webkit-margin-start: calc(var(--spacing) * 1);
          margin-inline-start: calc(var(--spacing) * 1);
}

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

.ms2 {
  -webkit-margin-start: calc(var(--spacing) * 2);
          margin-inline-start: calc(var(--spacing) * 2);
}

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

.ms3 {
  -webkit-margin-start: calc(var(--spacing) * 3);
          margin-inline-start: calc(var(--spacing) * 3);
}

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

.ms4 {
  -webkit-margin-start: calc(var(--spacing) * 4);
          margin-inline-start: calc(var(--spacing) * 4);
}

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

.ms5 {
  -webkit-margin-start: calc(var(--spacing) * 5);
          margin-inline-start: calc(var(--spacing) * 5);
}

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

.ms6 {
  -webkit-margin-start: calc(var(--spacing) * 6);
          margin-inline-start: calc(var(--spacing) * 6);
}

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

.ms8 {
  -webkit-margin-start: calc(var(--spacing) * 8);
          margin-inline-start: calc(var(--spacing) * 8);
}

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

.ms10 {
  -webkit-margin-start: calc(var(--spacing) * 10);
          margin-inline-start: calc(var(--spacing) * 10);
}

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

.ms12 {
  -webkit-margin-start: calc(var(--spacing) * 12);
          margin-inline-start: calc(var(--spacing) * 12);
}

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

.ms16 {
  -webkit-margin-start: calc(var(--spacing) * 16);
          margin-inline-start: calc(var(--spacing) * 16);
}

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

.ms20 {
  -webkit-margin-start: calc(var(--spacing) * 20);
          margin-inline-start: calc(var(--spacing) * 20);
}

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

.ms24 {
  -webkit-margin-start: calc(var(--spacing) * 24);
          margin-inline-start: calc(var(--spacing) * 24);
}

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

.ms32 {
  -webkit-margin-start: calc(var(--spacing) * 32);
          margin-inline-start: calc(var(--spacing) * 32);
}

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

.ms40 {
  -webkit-margin-start: calc(var(--spacing) * 40);
          margin-inline-start: calc(var(--spacing) * 40);
}

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

.ms48 {
  -webkit-margin-start: calc(var(--spacing) * 48);
          margin-inline-start: calc(var(--spacing) * 48);
}

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

.ms64 {
  -webkit-margin-start: calc(var(--spacing) * 64);
          margin-inline-start: calc(var(--spacing) * 64);
}

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

.ms80 {
  -webkit-margin-start: calc(var(--spacing) * 80);
          margin-inline-start: calc(var(--spacing) * 80);
}

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

.ms96 {
  -webkit-margin-start: calc(var(--spacing) * 96);
          margin-inline-start: calc(var(--spacing) * 96);
}

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

.ms128 {
  -webkit-margin-start: calc(var(--spacing) * 128);
          margin-inline-start: calc(var(--spacing) * 128);
}

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

.me0 {
  -webkit-margin-end: 0;
          margin-inline-end: 0;
}

[class~="hover:me0"]:hover {
  -webkit-margin-end: 0;
          margin-inline-end: 0;
}

.me1 {
  -webkit-margin-end: calc(var(--spacing) * 1);
          margin-inline-end: calc(var(--spacing) * 1);
}

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

.me2 {
  -webkit-margin-end: calc(var(--spacing) * 2);
          margin-inline-end: calc(var(--spacing) * 2);
}

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

.me3 {
  -webkit-margin-end: calc(var(--spacing) * 3);
          margin-inline-end: calc(var(--spacing) * 3);
}

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

.me4 {
  -webkit-margin-end: calc(var(--spacing) * 4);
          margin-inline-end: calc(var(--spacing) * 4);
}

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

.me5 {
  -webkit-margin-end: calc(var(--spacing) * 5);
          margin-inline-end: calc(var(--spacing) * 5);
}

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

.me6 {
  -webkit-margin-end: calc(var(--spacing) * 6);
          margin-inline-end: calc(var(--spacing) * 6);
}

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

.me8 {
  -webkit-margin-end: calc(var(--spacing) * 8);
          margin-inline-end: calc(var(--spacing) * 8);
}

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

.me10 {
  -webkit-margin-end: calc(var(--spacing) * 10);
          margin-inline-end: calc(var(--spacing) * 10);
}

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

.me12 {
  -webkit-margin-end: calc(var(--spacing) * 12);
          margin-inline-end: calc(var(--spacing) * 12);
}

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

.me16 {
  -webkit-margin-end: calc(var(--spacing) * 16);
          margin-inline-end: calc(var(--spacing) * 16);
}

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

.me20 {
  -webkit-margin-end: calc(var(--spacing) * 20);
          margin-inline-end: calc(var(--spacing) * 20);
}

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

.me24 {
  -webkit-margin-end: calc(var(--spacing) * 24);
          margin-inline-end: calc(var(--spacing) * 24);
}

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

.me32 {
  -webkit-margin-end: calc(var(--spacing) * 32);
          margin-inline-end: calc(var(--spacing) * 32);
}

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

.me40 {
  -webkit-margin-end: calc(var(--spacing) * 40);
          margin-inline-end: calc(var(--spacing) * 40);
}

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

.me48 {
  -webkit-margin-end: calc(var(--spacing) * 48);
          margin-inline-end: calc(var(--spacing) * 48);
}

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

.me64 {
  -webkit-margin-end: calc(var(--spacing) * 64);
          margin-inline-end: calc(var(--spacing) * 64);
}

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

.me80 {
  -webkit-margin-end: calc(var(--spacing) * 80);
          margin-inline-end: calc(var(--spacing) * 80);
}

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

.me96 {
  -webkit-margin-end: calc(var(--spacing) * 96);
          margin-inline-end: calc(var(--spacing) * 96);
}

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

.me128 {
  -webkit-margin-end: calc(var(--spacing) * 128);
          margin-inline-end: calc(var(--spacing) * 128);
}

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

.g0 {
  gap: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gr0 {
  row-gap: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gc0 {
  -webkit-column-gap: 0;
     -moz-column-gap: 0;
          column-gap: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w0 {
  width: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h0 {
  height: 0;
}

[class~="hover:h0"]:hover {
  height: 0;
}

.h1 {
  height: calc(var(--spacing) * 1);
}

[class~="hover:h1"]:hover {
  height: calc(var(--spacing) * 1);
}

.h2 {
  height: calc(var(--spacing) * 2);
}

[class~="hover:h2"]:hover {
  height: calc(var(--spacing) * 2);
}

.h3 {
  height: calc(var(--spacing) * 3);
}

[class~="hover:h3"]:hover {
  height: calc(var(--spacing) * 3);
}

.h4 {
  height: calc(var(--spacing) * 4);
}

[class~="hover:h4"]:hover {
  height: calc(var(--spacing) * 4);
}

.h5 {
  height: calc(var(--spacing) * 5);
}

[class~="hover:h5"]:hover {
  height: calc(var(--spacing) * 5);
}

.h6 {
  height: calc(var(--spacing) * 6);
}

[class~="hover:h6"]:hover {
  height: calc(var(--spacing) * 6);
}

.h8 {
  height: calc(var(--spacing) * 8);
}

[class~="hover:h8"]:hover {
  height: calc(var(--spacing) * 8);
}

.h10 {
  height: calc(var(--spacing) * 10);
}

[class~="hover:h10"]:hover {
  height: calc(var(--spacing) * 10);
}

.h12 {
  height: calc(var(--spacing) * 12);
}

[class~="hover:h12"]:hover {
  height: calc(var(--spacing) * 12);
}

.h16 {
  height: calc(var(--spacing) * 16);
}

[class~="hover:h16"]:hover {
  height: calc(var(--spacing) * 16);
}

.h20 {
  height: calc(var(--spacing) * 20);
}

[class~="hover:h20"]:hover {
  height: calc(var(--spacing) * 20);
}

.h24 {
  height: calc(var(--spacing) * 24);
}

[class~="hover:h24"]:hover {
  height: calc(var(--spacing) * 24);
}

.h32 {
  height: calc(var(--spacing) * 32);
}

[class~="hover:h32"]:hover {
  height: calc(var(--spacing) * 32);
}

.h40 {
  height: calc(var(--spacing) * 40);
}

[class~="hover:h40"]:hover {
  height: calc(var(--spacing) * 40);
}

.h48 {
  height: calc(var(--spacing) * 48);
}

[class~="hover:h48"]:hover {
  height: calc(var(--spacing) * 48);
}

.h64 {
  height: calc(var(--spacing) * 64);
}

[class~="hover:h64"]:hover {
  height: calc(var(--spacing) * 64);
}

.h80 {
  height: calc(var(--spacing) * 80);
}

[class~="hover:h80"]:hover {
  height: calc(var(--spacing) * 80);
}

.h96 {
  height: calc(var(--spacing) * 96);
}

[class~="hover:h96"]:hover {
  height: calc(var(--spacing) * 96);
}

.h128 {
  height: calc(var(--spacing) * 128);
}

[class~="hover:h128"]:hover {
  height: calc(var(--spacing) * 128);
}

.min-h0 {
  min-height: 0;
}

[class~="hover:min-h0"]:hover {
  min-height: 0;
}

.min-h1 {
  min-height: calc(var(--spacing) * 1);
}

[class~="hover:min-h1"]:hover {
  min-height: calc(var(--spacing) * 1);
}

.min-h2 {
  min-height: calc(var(--spacing) * 2);
}

[class~="hover:min-h2"]:hover {
  min-height: calc(var(--spacing) * 2);
}

.min-h3 {
  min-height: calc(var(--spacing) * 3);
}

[class~="hover:min-h3"]:hover {
  min-height: calc(var(--spacing) * 3);
}

.min-h4 {
  min-height: calc(var(--spacing) * 4);
}

[class~="hover:min-h4"]:hover {
  min-height: calc(var(--spacing) * 4);
}

.min-h5 {
  min-height: calc(var(--spacing) * 5);
}

[class~="hover:min-h5"]:hover {
  min-height: calc(var(--spacing) * 5);
}

.min-h6 {
  min-height: calc(var(--spacing) * 6);
}

[class~="hover:min-h6"]:hover {
  min-height: calc(var(--spacing) * 6);
}

.min-h8 {
  min-height: calc(var(--spacing) * 8);
}

[class~="hover:min-h8"]:hover {
  min-height: calc(var(--spacing) * 8);
}

.min-h10 {
  min-height: calc(var(--spacing) * 10);
}

[class~="hover:min-h10"]:hover {
  min-height: calc(var(--spacing) * 10);
}

.min-h12 {
  min-height: calc(var(--spacing) * 12);
}

[class~="hover:min-h12"]:hover {
  min-height: calc(var(--spacing) * 12);
}

.min-h16 {
  min-height: calc(var(--spacing) * 16);
}

[class~="hover:min-h16"]:hover {
  min-height: calc(var(--spacing) * 16);
}

.min-h20 {
  min-height: calc(var(--spacing) * 20);
}

[class~="hover:min-h20"]:hover {
  min-height: calc(var(--spacing) * 20);
}

.min-h24 {
  min-height: calc(var(--spacing) * 24);
}

[class~="hover:min-h24"]:hover {
  min-height: calc(var(--spacing) * 24);
}

.min-h32 {
  min-height: calc(var(--spacing) * 32);
}

[class~="hover:min-h32"]:hover {
  min-height: calc(var(--spacing) * 32);
}

.min-h40 {
  min-height: calc(var(--spacing) * 40);
}

[class~="hover:min-h40"]:hover {
  min-height: calc(var(--spacing) * 40);
}

.min-h48 {
  min-height: calc(var(--spacing) * 48);
}

[class~="hover:min-h48"]:hover {
  min-height: calc(var(--spacing) * 48);
}

.min-h64 {
  min-height: calc(var(--spacing) * 64);
}

[class~="hover:min-h64"]:hover {
  min-height: calc(var(--spacing) * 64);
}

.min-h80 {
  min-height: calc(var(--spacing) * 80);
}

[class~="hover:min-h80"]:hover {
  min-height: calc(var(--spacing) * 80);
}

.min-h96 {
  min-height: calc(var(--spacing) * 96);
}

[class~="hover:min-h96"]:hover {
  min-height: calc(var(--spacing) * 96);
}

.min-h128 {
  min-height: calc(var(--spacing) * 128);
}

[class~="hover:min-h128"]:hover {
  min-height: calc(var(--spacing) * 128);
}

.max-h0 {
  max-height: 0;
}

[class~="hover:max-h0"]:hover {
  max-height: 0;
}

.max-h1 {
  max-height: calc(var(--spacing) * 1);
}

[class~="hover:max-h1"]:hover {
  max-height: calc(var(--spacing) * 1);
}

.max-h2 {
  max-height: calc(var(--spacing) * 2);
}

[class~="hover:max-h2"]:hover {
  max-height: calc(var(--spacing) * 2);
}

.max-h3 {
  max-height: calc(var(--spacing) * 3);
}

[class~="hover:max-h3"]:hover {
  max-height: calc(var(--spacing) * 3);
}

.max-h4 {
  max-height: calc(var(--spacing) * 4);
}

[class~="hover:max-h4"]:hover {
  max-height: calc(var(--spacing) * 4);
}

.max-h5 {
  max-height: calc(var(--spacing) * 5);
}

[class~="hover:max-h5"]:hover {
  max-height: calc(var(--spacing) * 5);
}

.max-h6 {
  max-height: calc(var(--spacing) * 6);
}

[class~="hover:max-h6"]:hover {
  max-height: calc(var(--spacing) * 6);
}

.max-h8 {
  max-height: calc(var(--spacing) * 8);
}

[class~="hover:max-h8"]:hover {
  max-height: calc(var(--spacing) * 8);
}

.max-h10 {
  max-height: calc(var(--spacing) * 10);
}

[class~="hover:max-h10"]:hover {
  max-height: calc(var(--spacing) * 10);
}

.max-h12 {
  max-height: calc(var(--spacing) * 12);
}

[class~="hover:max-h12"]:hover {
  max-height: calc(var(--spacing) * 12);
}

.max-h16 {
  max-height: calc(var(--spacing) * 16);
}

[class~="hover:max-h16"]:hover {
  max-height: calc(var(--spacing) * 16);
}

.max-h20 {
  max-height: calc(var(--spacing) * 20);
}

[class~="hover:max-h20"]:hover {
  max-height: calc(var(--spacing) * 20);
}

.max-h24 {
  max-height: calc(var(--spacing) * 24);
}

[class~="hover:max-h24"]:hover {
  max-height: calc(var(--spacing) * 24);
}

.max-h32 {
  max-height: calc(var(--spacing) * 32);
}

[class~="hover:max-h32"]:hover {
  max-height: calc(var(--spacing) * 32);
}

.max-h40 {
  max-height: calc(var(--spacing) * 40);
}

[class~="hover:max-h40"]:hover {
  max-height: calc(var(--spacing) * 40);
}

.max-h48 {
  max-height: calc(var(--spacing) * 48);
}

[class~="hover:max-h48"]:hover {
  max-height: calc(var(--spacing) * 48);
}

.max-h64 {
  max-height: calc(var(--spacing) * 64);
}

[class~="hover:max-h64"]:hover {
  max-height: calc(var(--spacing) * 64);
}

.max-h80 {
  max-height: calc(var(--spacing) * 80);
}

[class~="hover:max-h80"]:hover {
  max-height: calc(var(--spacing) * 80);
}

.max-h96 {
  max-height: calc(var(--spacing) * 96);
}

[class~="hover:max-h96"]:hover {
  max-height: calc(var(--spacing) * 96);
}

.max-h128 {
  max-height: calc(var(--spacing) * 128);
}

[class~="hover:max-h128"]:hover {
  max-height: calc(var(--spacing) * 128);
}

.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

[class~="hover:flex"]:hover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.grid {
  display: -ms-grid;
  display: grid;
}

[class~="hover:grid"]:hover {
  display: -ms-grid;
  display: grid;
}

.none {
  display: none;
}

[class~="hover:none"]:hover {
  display: none;
}

.flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

[class~="hover:flex-row"]:hover {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

[class~="hover:flex-col"]:hover {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

[class~="hover:flex-row-reverse"]:hover {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.flex-col-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

[class~="hover:flex-col-reverse"]:hover {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

[class~="hover:flex-nowrap"]:hover {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

[class~="hover:flex-wrap"]:hover {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
}

[class~="hover:flex-wrap-reverse"]:hover {
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
}

.items-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

[class~="hover:items-start"]:hover {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

[class~="hover:items-center"]:hover {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.items-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}

[class~="hover:items-end"]:hover {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}

.items-baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

[class~="hover:items-baseline"]:hover {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.items-stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

[class~="hover:items-stretch"]:hover {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.justify-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}

[class~="hover:justify-start"]:hover {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

[class~="hover:justify-center"]:hover {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.justify-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

[class~="hover:justify-end"]:hover {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.justify-between {
  -webkit-box-pack: between;
      -ms-flex-pack: between;
          justify-content: between;
}

[class~="hover:justify-between"]:hover {
  -webkit-box-pack: between;
      -ms-flex-pack: between;
          justify-content: between;
}

.grow0 {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

[class~="hover:grow0"]:hover {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.grow1 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

[class~="hover:grow1"]:hover {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.grow2 {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
}

[class~="hover:grow2"]:hover {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
}

.grow3 {
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
}

[class~="hover:grow3"]:hover {
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
}

.grow4 {
  -webkit-box-flex: 4;
      -ms-flex-positive: 4;
          flex-grow: 4;
}

[class~="hover:grow4"]:hover {
  -webkit-box-flex: 4;
      -ms-flex-positive: 4;
          flex-grow: 4;
}

.grow5 {
  -webkit-box-flex: 5;
      -ms-flex-positive: 5;
          flex-grow: 5;
}

[class~="hover:grow5"]:hover {
  -webkit-box-flex: 5;
      -ms-flex-positive: 5;
          flex-grow: 5;
}

.grow6 {
  -webkit-box-flex: 6;
      -ms-flex-positive: 6;
          flex-grow: 6;
}

[class~="hover:grow6"]:hover {
  -webkit-box-flex: 6;
      -ms-flex-positive: 6;
          flex-grow: 6;
}

.grow7 {
  -webkit-box-flex: 7;
      -ms-flex-positive: 7;
          flex-grow: 7;
}

[class~="hover:grow7"]:hover {
  -webkit-box-flex: 7;
      -ms-flex-positive: 7;
          flex-grow: 7;
}

.grow8 {
  -webkit-box-flex: 8;
      -ms-flex-positive: 8;
          flex-grow: 8;
}

[class~="hover:grow8"]:hover {
  -webkit-box-flex: 8;
      -ms-flex-positive: 8;
          flex-grow: 8;
}

.grow9 {
  -webkit-box-flex: 9;
      -ms-flex-positive: 9;
          flex-grow: 9;
}

[class~="hover:grow9"]:hover {
  -webkit-box-flex: 9;
      -ms-flex-positive: 9;
          flex-grow: 9;
}

.grow10 {
  -webkit-box-flex: 10;
      -ms-flex-positive: 10;
          flex-grow: 10;
}

[class~="hover:grow10"]:hover {
  -webkit-box-flex: 10;
      -ms-flex-positive: 10;
          flex-grow: 10;
}

.grow11 {
  -webkit-box-flex: 11;
      -ms-flex-positive: 11;
          flex-grow: 11;
}

[class~="hover:grow11"]:hover {
  -webkit-box-flex: 11;
      -ms-flex-positive: 11;
          flex-grow: 11;
}

.grow12 {
  -webkit-box-flex: 12;
      -ms-flex-positive: 12;
          flex-grow: 12;
}

[class~="hover:grow12"]:hover {
  -webkit-box-flex: 12;
      -ms-flex-positive: 12;
          flex-grow: 12;
}

.shrink0 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

[class~="hover:shrink0"]:hover {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.shrink1 {
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

[class~="hover:shrink1"]:hover {
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

.shrink2 {
  -ms-flex-negative: 2;
      flex-shrink: 2;
}

[class~="hover:shrink2"]:hover {
  -ms-flex-negative: 2;
      flex-shrink: 2;
}

.shrink3 {
  -ms-flex-negative: 3;
      flex-shrink: 3;
}

[class~="hover:shrink3"]:hover {
  -ms-flex-negative: 3;
      flex-shrink: 3;
}

.shrink4 {
  -ms-flex-negative: 4;
      flex-shrink: 4;
}

[class~="hover:shrink4"]:hover {
  -ms-flex-negative: 4;
      flex-shrink: 4;
}

.shrink5 {
  -ms-flex-negative: 5;
      flex-shrink: 5;
}

[class~="hover:shrink5"]:hover {
  -ms-flex-negative: 5;
      flex-shrink: 5;
}

.shrink6 {
  -ms-flex-negative: 6;
      flex-shrink: 6;
}

[class~="hover:shrink6"]:hover {
  -ms-flex-negative: 6;
      flex-shrink: 6;
}

.shrink7 {
  -ms-flex-negative: 7;
      flex-shrink: 7;
}

[class~="hover:shrink7"]:hover {
  -ms-flex-negative: 7;
      flex-shrink: 7;
}

.shrink8 {
  -ms-flex-negative: 8;
      flex-shrink: 8;
}

[class~="hover:shrink8"]:hover {
  -ms-flex-negative: 8;
      flex-shrink: 8;
}

.shrink9 {
  -ms-flex-negative: 9;
      flex-shrink: 9;
}

[class~="hover:shrink9"]:hover {
  -ms-flex-negative: 9;
      flex-shrink: 9;
}

.shrink10 {
  -ms-flex-negative: 10;
      flex-shrink: 10;
}

[class~="hover:shrink10"]:hover {
  -ms-flex-negative: 10;
      flex-shrink: 10;
}

.shrink11 {
  -ms-flex-negative: 11;
      flex-shrink: 11;
}

[class~="hover:shrink11"]:hover {
  -ms-flex-negative: 11;
      flex-shrink: 11;
}

.shrink12 {
  -ms-flex-negative: 12;
      flex-shrink: 12;
}

[class~="hover:shrink12"]:hover {
  -ms-flex-negative: 12;
      flex-shrink: 12;
}

.grid-auto {
  -ms-grid-columns: auto;
  grid-template-columns: auto;
}

[class~="hover:grid-auto"]:hover {
  -ms-grid-columns: auto;
  grid-template-columns: auto;
}

.grid-1fr {
  -ms-grid-columns: (minmax(0, 1fr))[1];
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

[class~="hover:grid-1fr"]:hover {
  -ms-grid-columns: (minmax(0, 1fr))[1];
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-2fr {
  -ms-grid-columns: (minmax(0, 1fr))[2];
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

[class~="hover:grid-2fr"]:hover {
  -ms-grid-columns: (minmax(0, 1fr))[2];
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-3fr {
  -ms-grid-columns: (minmax(0, 1fr))[3];
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

[class~="hover:grid-3fr"]:hover {
  -ms-grid-columns: (minmax(0, 1fr))[3];
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-auto {
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

[class~="hover:grid-auto"]:hover {
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.grid-1fr {
  -ms-grid-rows: (minmax(0, 1fr))[1];
  grid-template-rows: repeat(1, minmax(0, 1fr));
}

[class~="hover:grid-1fr"]:hover {
  -ms-grid-rows: (minmax(0, 1fr))[1];
  grid-template-rows: repeat(1, minmax(0, 1fr));
}

.grid-2fr {
  -ms-grid-rows: (minmax(0, 1fr))[2];
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

[class~="hover:grid-2fr"]:hover {
  -ms-grid-rows: (minmax(0, 1fr))[2];
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.grid-3fr {
  -ms-grid-rows: (minmax(0, 1fr))[3];
  grid-template-rows: repeat(3, minmax(0, 1fr));
}

[class~="hover:grid-3fr"]:hover {
  -ms-grid-rows: (minmax(0, 1fr))[3];
  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 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

[class~="hover:order1"]:hover {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.order2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

[class~="hover:order2"]:hover {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          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;
}

.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 {
  -webkit-transition-property: none;
  transition-property: none;
}

[class~="hover:tp-none"]:hover {
  -webkit-transition-property: none;
  transition-property: none;
}

.tp-all {
  -webkit-transition-property: all;
  transition-property: all;
}

[class~="hover:tp-all"]:hover {
  -webkit-transition-property: all;
  transition-property: all;
}

.tp-color {
  -webkit-transition-property: color;
  transition-property: color;
}

[class~="hover:tp-color"]:hover {
  -webkit-transition-property: color;
  transition-property: color;
}

.tp-bgcolor {
  -webkit-transition-property: background-color;
  transition-property: background-color;
}

[class~="hover:tp-bgcolor"]:hover {
  -webkit-transition-property: background-color;
  transition-property: background-color;
}

.tp-border-color {
  -webkit-transition-property: border-color;
  transition-property: border-color;
}

[class~="hover:tp-border-color"]:hover {
  -webkit-transition-property: border-color;
  transition-property: border-color;
}

.tp-opacity {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

[class~="hover:tp-opacity"]:hover {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.tp-transform {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

[class~="hover:tp-transform"]:hover {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.td0 {
  -webkit-transition-duration: 0;
          transition-duration: 0;
}

[class~="hover:td0"]:hover {
  -webkit-transition-duration: 0;
          transition-duration: 0;
}

.td100 {
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
}

[class~="hover:td100"]:hover {
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
}

.td200 {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
}

[class~="hover:td200"]:hover {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
}

.td300 {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

[class~="hover:td300"]:hover {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

.td400 {
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
}

[class~="hover:td400"]:hover {
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
}

.td500 {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}

[class~="hover:td500"]:hover {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}

.ttf-linear {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}

[class~="hover:ttf-linear"]:hover {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}

.ttf-ease {
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}

[class~="hover:ttf-ease"]:hover {
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}

.ttf-ease-in {
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
}

[class~="hover:ttf-ease-in"]:hover {
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
}

.ttf-ease-out {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

[class~="hover:ttf-ease-out"]:hover {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

.ttf-ease-in-out {
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

[class~="hover:ttf-ease-in-out"]:hover {
  -webkit-transition-timing-function: ease-in-out;
          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-left: calc(-1 * var(--fullbleed));
}

[class~="hover:left-bleed"]:hover {
  margin-left: calc(-1 * var(--fullbleed));
}

.right-bleed {
  margin-right: calc(-1 * var(--fullbleed));
}

[class~="hover:right-bleed"]:hover {
  margin-right: calc(-1 * var(--fullbleed));
}

.wrapper {
  margin-inline: var(--fullbleed);
}

[class~="hover:wrapper"]:hover {
  margin-inline: var(--fullbleed);
}

.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-base"] {
    font-size: var(--text-base);
  }
  [class~="sm:hover:text-base"]:hover {
    font-size: var(--text-base);
  }
  [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:p-0"] {
    padding: 0;
  }
  [class~="sm:hover:p-0"]:hover {
    padding: 0;
  }
  [class~="sm:p-1"] {
    padding: calc(var(--spacing) * 1);
  }
  [class~="sm:hover:p-1"]:hover {
    padding: calc(var(--spacing) * 1);
  }
  [class~="sm:p-2"] {
    padding: calc(var(--spacing) * 2);
  }
  [class~="sm:hover:p-2"]:hover {
    padding: calc(var(--spacing) * 2);
  }
  [class~="sm:p-3"] {
    padding: calc(var(--spacing) * 3);
  }
  [class~="sm:hover:p-3"]:hover {
    padding: calc(var(--spacing) * 3);
  }
  [class~="sm:p-4"] {
    padding: calc(var(--spacing) * 4);
  }
  [class~="sm:hover:p-4"]:hover {
    padding: calc(var(--spacing) * 4);
  }
  [class~="sm:p-5"] {
    padding: calc(var(--spacing) * 5);
  }
  [class~="sm:hover:p-5"]:hover {
    padding: calc(var(--spacing) * 5);
  }
  [class~="sm:p-6"] {
    padding: calc(var(--spacing) * 6);
  }
  [class~="sm:hover:p-6"]:hover {
    padding: calc(var(--spacing) * 6);
  }
  [class~="sm:p-8"] {
    padding: calc(var(--spacing) * 8);
  }
  [class~="sm:hover:p-8"]:hover {
    padding: calc(var(--spacing) * 8);
  }
  [class~="sm:p-10"] {
    padding: calc(var(--spacing) * 10);
  }
  [class~="sm:hover:p-10"]:hover {
    padding: calc(var(--spacing) * 10);
  }
  [class~="sm:p-12"] {
    padding: calc(var(--spacing) * 12);
  }
  [class~="sm:hover:p-12"]:hover {
    padding: calc(var(--spacing) * 12);
  }
  [class~="sm:p-16"] {
    padding: calc(var(--spacing) * 16);
  }
  [class~="sm:hover:p-16"]:hover {
    padding: calc(var(--spacing) * 16);
  }
  [class~="sm:p-20"] {
    padding: calc(var(--spacing) * 20);
  }
  [class~="sm:hover:p-20"]:hover {
    padding: calc(var(--spacing) * 20);
  }
  [class~="sm:p-24"] {
    padding: calc(var(--spacing) * 24);
  }
  [class~="sm:hover:p-24"]:hover {
    padding: calc(var(--spacing) * 24);
  }
  [class~="sm:p-32"] {
    padding: calc(var(--spacing) * 32);
  }
  [class~="sm:hover:p-32"]:hover {
    padding: calc(var(--spacing) * 32);
  }
  [class~="sm:p-40"] {
    padding: calc(var(--spacing) * 40);
  }
  [class~="sm:hover:p-40"]:hover {
    padding: calc(var(--spacing) * 40);
  }
  [class~="sm:p-48"] {
    padding: calc(var(--spacing) * 48);
  }
  [class~="sm:hover:p-48"]:hover {
    padding: calc(var(--spacing) * 48);
  }
  [class~="sm:p-64"] {
    padding: calc(var(--spacing) * 64);
  }
  [class~="sm:hover:p-64"]:hover {
    padding: calc(var(--spacing) * 64);
  }
  [class~="sm:p-80"] {
    padding: calc(var(--spacing) * 80);
  }
  [class~="sm:hover:p-80"]:hover {
    padding: calc(var(--spacing) * 80);
  }
  [class~="sm:p-96"] {
    padding: calc(var(--spacing) * 96);
  }
  [class~="sm:hover:p-96"]:hover {
    padding: calc(var(--spacing) * 96);
  }
  [class~="sm:p-128"] {
    padding: calc(var(--spacing) * 128);
  }
  [class~="sm:hover:p-128"]:hover {
    padding: calc(var(--spacing) * 128);
  }
  [class~="sm:pb-0"] {
    padding-block: 0;
  }
  [class~="sm:hover:pb-0"]:hover {
    padding-block: 0;
  }
  [class~="sm:pb-1"] {
    padding-block: calc(var(--spacing) * 1);
  }
  [class~="sm:hover:pb-1"]:hover {
    padding-block: calc(var(--spacing) * 1);
  }
  [class~="sm:pb-2"] {
    padding-block: calc(var(--spacing) * 2);
  }
  [class~="sm:hover:pb-2"]:hover {
    padding-block: calc(var(--spacing) * 2);
  }
  [class~="sm:pb-3"] {
    padding-block: calc(var(--spacing) * 3);
  }
  [class~="sm:hover:pb-3"]:hover {
    padding-block: calc(var(--spacing) * 3);
  }
  [class~="sm:pb-4"] {
    padding-block: calc(var(--spacing) * 4);
  }
  [class~="sm:hover:pb-4"]:hover {
    padding-block: calc(var(--spacing) * 4);
  }
  [class~="sm:pb-5"] {
    padding-block: calc(var(--spacing) * 5);
  }
  [class~="sm:hover:pb-5"]:hover {
    padding-block: calc(var(--spacing) * 5);
  }
  [class~="sm:pb-6"] {
    padding-block: calc(var(--spacing) * 6);
  }
  [class~="sm:hover:pb-6"]:hover {
    padding-block: calc(var(--spacing) * 6);
  }
  [class~="sm:pb-8"] {
    padding-block: calc(var(--spacing) * 8);
  }
  [class~="sm:hover:pb-8"]:hover {
    padding-block: calc(var(--spacing) * 8);
  }
  [class~="sm:pb-10"] {
    padding-block: calc(var(--spacing) * 10);
  }
  [class~="sm:hover:pb-10"]:hover {
    padding-block: calc(var(--spacing) * 10);
  }
  [class~="sm:pb-12"] {
    padding-block: calc(var(--spacing) * 12);
  }
  [class~="sm:hover:pb-12"]:hover {
    padding-block: calc(var(--spacing) * 12);
  }
  [class~="sm:pb-16"] {
    padding-block: calc(var(--spacing) * 16);
  }
  [class~="sm:hover:pb-16"]:hover {
    padding-block: calc(var(--spacing) * 16);
  }
  [class~="sm:pb-20"] {
    padding-block: calc(var(--spacing) * 20);
  }
  [class~="sm:hover:pb-20"]:hover {
    padding-block: calc(var(--spacing) * 20);
  }
  [class~="sm:pb-24"] {
    padding-block: calc(var(--spacing) * 24);
  }
  [class~="sm:hover:pb-24"]:hover {
    padding-block: calc(var(--spacing) * 24);
  }
  [class~="sm:pb-32"] {
    padding-block: calc(var(--spacing) * 32);
  }
  [class~="sm:hover:pb-32"]:hover {
    padding-block: calc(var(--spacing) * 32);
  }
  [class~="sm:pb-40"] {
    padding-block: calc(var(--spacing) * 40);
  }
  [class~="sm:hover:pb-40"]:hover {
    padding-block: calc(var(--spacing) * 40);
  }
  [class~="sm:pb-48"] {
    padding-block: calc(var(--spacing) * 48);
  }
  [class~="sm:hover:pb-48"]:hover {
    padding-block: calc(var(--spacing) * 48);
  }
  [class~="sm:pb-64"] {
    padding-block: calc(var(--spacing) * 64);
  }
  [class~="sm:hover:pb-64"]:hover {
    padding-block: calc(var(--spacing) * 64);
  }
  [class~="sm:pb-80"] {
    padding-block: calc(var(--spacing) * 80);
  }
  [class~="sm:hover:pb-80"]:hover {
    padding-block: calc(var(--spacing) * 80);
  }
  [class~="sm:pb-96"] {
    padding-block: calc(var(--spacing) * 96);
  }
  [class~="sm:hover:pb-96"]:hover {
    padding-block: calc(var(--spacing) * 96);
  }
  [class~="sm:pb-128"] {
    padding-block: calc(var(--spacing) * 128);
  }
  [class~="sm:hover:pb-128"]:hover {
    padding-block: calc(var(--spacing) * 128);
  }
  [class~="sm:pi-0"] {
    padding-inline: 0;
  }
  [class~="sm:hover:pi-0"]:hover {
    padding-inline: 0;
  }
  [class~="sm:pi-1"] {
    padding-inline: calc(var(--spacing) * 1);
  }
  [class~="sm:hover:pi-1"]:hover {
    padding-inline: calc(var(--spacing) * 1);
  }
  [class~="sm:pi-2"] {
    padding-inline: calc(var(--spacing) * 2);
  }
  [class~="sm:hover:pi-2"]:hover {
    padding-inline: calc(var(--spacing) * 2);
  }
  [class~="sm:pi-3"] {
    padding-inline: calc(var(--spacing) * 3);
  }
  [class~="sm:hover:pi-3"]:hover {
    padding-inline: calc(var(--spacing) * 3);
  }
  [class~="sm:pi-4"] {
    padding-inline: calc(var(--spacing) * 4);
  }
  [class~="sm:hover:pi-4"]:hover {
    padding-inline: calc(var(--spacing) * 4);
  }
  [class~="sm:pi-5"] {
    padding-inline: calc(var(--spacing) * 5);
  }
  [class~="sm:hover:pi-5"]:hover {
    padding-inline: calc(var(--spacing) * 5);
  }
  [class~="sm:pi-6"] {
    padding-inline: calc(var(--spacing) * 6);
  }
  [class~="sm:hover:pi-6"]:hover {
    padding-inline: calc(var(--spacing) * 6);
  }
  [class~="sm:pi-8"] {
    padding-inline: calc(var(--spacing) * 8);
  }
  [class~="sm:hover:pi-8"]:hover {
    padding-inline: calc(var(--spacing) * 8);
  }
  [class~="sm:pi-10"] {
    padding-inline: calc(var(--spacing) * 10);
  }
  [class~="sm:hover:pi-10"]:hover {
    padding-inline: calc(var(--spacing) * 10);
  }
  [class~="sm:pi-12"] {
    padding-inline: calc(var(--spacing) * 12);
  }
  [class~="sm:hover:pi-12"]:hover {
    padding-inline: calc(var(--spacing) * 12);
  }
  [class~="sm:pi-16"] {
    padding-inline: calc(var(--spacing) * 16);
  }
  [class~="sm:hover:pi-16"]:hover {
    padding-inline: calc(var(--spacing) * 16);
  }
  [class~="sm:pi-20"] {
    padding-inline: calc(var(--spacing) * 20);
  }
  [class~="sm:hover:pi-20"]:hover {
    padding-inline: calc(var(--spacing) * 20);
  }
  [class~="sm:pi-24"] {
    padding-inline: calc(var(--spacing) * 24);
  }
  [class~="sm:hover:pi-24"]:hover {
    padding-inline: calc(var(--spacing) * 24);
  }
  [class~="sm:pi-32"] {
    padding-inline: calc(var(--spacing) * 32);
  }
  [class~="sm:hover:pi-32"]:hover {
    padding-inline: calc(var(--spacing) * 32);
  }
  [class~="sm:pi-40"] {
    padding-inline: calc(var(--spacing) * 40);
  }
  [class~="sm:hover:pi-40"]:hover {
    padding-inline: calc(var(--spacing) * 40);
  }
  [class~="sm:pi-48"] {
    padding-inline: calc(var(--spacing) * 48);
  }
  [class~="sm:hover:pi-48"]:hover {
    padding-inline: calc(var(--spacing) * 48);
  }
  [class~="sm:pi-64"] {
    padding-inline: calc(var(--spacing) * 64);
  }
  [class~="sm:hover:pi-64"]:hover {
    padding-inline: calc(var(--spacing) * 64);
  }
  [class~="sm:pi-80"] {
    padding-inline: calc(var(--spacing) * 80);
  }
  [class~="sm:hover:pi-80"]:hover {
    padding-inline: calc(var(--spacing) * 80);
  }
  [class~="sm:pi-96"] {
    padding-inline: calc(var(--spacing) * 96);
  }
  [class~="sm:hover:pi-96"]:hover {
    padding-inline: calc(var(--spacing) * 96);
  }
  [class~="sm:pi-128"] {
    padding-inline: calc(var(--spacing) * 128);
  }
  [class~="sm:hover:pi-128"]:hover {
    padding-inline: calc(var(--spacing) * 128);
  }
  [class~="sm:ps-0"] {
    -webkit-padding-start: 0;
            padding-inline-start: 0;
  }
  [class~="sm:hover:ps-0"]:hover {
    -webkit-padding-start: 0;
            padding-inline-start: 0;
  }
  [class~="sm:ps-1"] {
    -webkit-padding-start: calc(var(--spacing) * 1);
            padding-inline-start: calc(var(--spacing) * 1);
  }
  [class~="sm:hover:ps-1"]:hover {
    -webkit-padding-start: calc(var(--spacing) * 1);
            padding-inline-start: calc(var(--spacing) * 1);
  }
  [class~="sm:ps-2"] {
    -webkit-padding-start: calc(var(--spacing) * 2);
            padding-inline-start: calc(var(--spacing) * 2);
  }
  [class~="sm:hover:ps-2"]:hover {
    -webkit-padding-start: calc(var(--spacing) * 2);
            padding-inline-start: calc(var(--spacing) * 2);
  }
  [class~="sm:ps-3"] {
    -webkit-padding-start: calc(var(--spacing) * 3);
            padding-inline-start: calc(var(--spacing) * 3);
  }
  [class~="sm:hover:ps-3"]:hover {
    -webkit-padding-start: calc(var(--spacing) * 3);
            padding-inline-start: calc(var(--spacing) * 3);
  }
  [class~="sm:ps-4"] {
    -webkit-padding-start: calc(var(--spacing) * 4);
            padding-inline-start: calc(var(--spacing) * 4);
  }
  [class~="sm:hover:ps-4"]:hover {
    -webkit-padding-start: calc(var(--spacing) * 4);
            padding-inline-start: calc(var(--spacing) * 4);
  }
  [class~="sm:ps-5"] {
    -webkit-padding-start: calc(var(--spacing) * 5);
            padding-inline-start: calc(var(--spacing) * 5);
  }
  [class~="sm:hover:ps-5"]:hover {
    -webkit-padding-start: calc(var(--spacing) * 5);
            padding-inline-start: calc(var(--spacing) * 5);
  }
  [class~="sm:ps-6"] {
    -webkit-padding-start: calc(var(--spacing) * 6);
            padding-inline-start: calc(var(--spacing) * 6);
  }
  [class~="sm:hover:ps-6"]:hover {
    -webkit-padding-start: calc(var(--spacing) * 6);
            padding-inline-start: calc(var(--spacing) * 6);
  }
  [class~="sm:ps-8"] {
    -webkit-padding-start: calc(var(--spacing) * 8);
            padding-inline-start: calc(var(--spacing) * 8);
  }
  [class~="sm:hover:ps-8"]:hover {
    -webkit-padding-start: calc(var(--spacing) * 8);
            padding-inline-start: calc(var(--spacing) * 8);
  }
  [class~="sm:ps-10"] {
    -webkit-padding-start: calc(var(--spacing) * 10);
            padding-inline-start: calc(var(--spacing) * 10);
  }
  [class~="sm:hover:ps-10"]:hover {
    -webkit-padding-start: calc(var(--spacing) * 10);
            padding-inline-start: calc(var(--spacing) * 10);
  }
  [class~="sm:ps-12"] {
    -webkit-padding-start: calc(var(--spacing) * 12);
            padding-inline-start: calc(var(--spacing) * 12);
  }
  [class~="sm:hover:ps-12"]:hover {
    -webkit-padding-start: calc(var(--spacing) * 12);
            padding-inline-start: calc(var(--spacing) * 12);
  }
  [class~="sm:ps-16"] {
    -webkit-padding-start: calc(var(--spacing) * 16);
            padding-inline-start: calc(var(--spacing) * 16);
  }
  [class~="sm:hover:ps-16"]:hover {
    -webkit-padding-start: calc(var(--spacing) * 16);
            padding-inline-start: calc(var(--spacing) * 16);
  }
  [class~="sm:ps-20"] {
    -webkit-padding-start: calc(var(--spacing) * 20);
            padding-inline-start: calc(var(--spacing) * 20);
  }
  [class~="sm:hover:ps-20"]:hover {
    -webkit-padding-start: calc(var(--spacing) * 20);
            padding-inline-start: calc(var(--spacing) * 20);
  }
  [class~="sm:ps-24"] {
    -webkit-padding-start: calc(var(--spacing) * 24);
            padding-inline-start: calc(var(--spacing) * 24);
  }
  [class~="sm:hover:ps-24"]:hover {
    -webkit-padding-start: calc(var(--spacing) * 24);
            padding-inline-start: calc(var(--spacing) * 24);
  }
  [class~="sm:ps-32"] {
    -webkit-padding-start: calc(var(--spacing) * 32);
            padding-inline-start: calc(var(--spacing) * 32);
  }
  [class~="sm:hover:ps-32"]:hover {
    -webkit-padding-start: calc(var(--spacing) * 32);
            padding-inline-start: calc(var(--spacing) * 32);
  }
  [class~="sm:ps-40"] {
    -webkit-padding-start: calc(var(--spacing) * 40);
            padding-inline-start: calc(var(--spacing) * 40);
  }
  [class~="sm:hover:ps-40"]:hover {
    -webkit-padding-start: calc(var(--spacing) * 40);
            padding-inline-start: calc(var(--spacing) * 40);
  }
  [class~="sm:ps-48"] {
    -webkit-padding-start: calc(var(--spacing) * 48);
            padding-inline-start: calc(var(--spacing) * 48);
  }
  [class~="sm:hover:ps-48"]:hover {
    -webkit-padding-start: calc(var(--spacing) * 48);
            padding-inline-start: calc(var(--spacing) * 48);
  }
  [class~="sm:ps-64"] {
    -webkit-padding-start: calc(var(--spacing) * 64);
            padding-inline-start: calc(var(--spacing) * 64);
  }
  [class~="sm:hover:ps-64"]:hover {
    -webkit-padding-start: calc(var(--spacing) * 64);
            padding-inline-start: calc(var(--spacing) * 64);
  }
  [class~="sm:ps-80"] {
    -webkit-padding-start: calc(var(--spacing) * 80);
            padding-inline-start: calc(var(--spacing) * 80);
  }
  [class~="sm:hover:ps-80"]:hover {
    -webkit-padding-start: calc(var(--spacing) * 80);
            padding-inline-start: calc(var(--spacing) * 80);
  }
  [class~="sm:ps-96"] {
    -webkit-padding-start: calc(var(--spacing) * 96);
            padding-inline-start: calc(var(--spacing) * 96);
  }
  [class~="sm:hover:ps-96"]:hover {
    -webkit-padding-start: calc(var(--spacing) * 96);
            padding-inline-start: calc(var(--spacing) * 96);
  }
  [class~="sm:ps-128"] {
    -webkit-padding-start: calc(var(--spacing) * 128);
            padding-inline-start: calc(var(--spacing) * 128);
  }
  [class~="sm:hover:ps-128"]:hover {
    -webkit-padding-start: calc(var(--spacing) * 128);
            padding-inline-start: calc(var(--spacing) * 128);
  }
  [class~="sm:pe-0"] {
    -webkit-padding-end: 0;
            padding-inline-end: 0;
  }
  [class~="sm:hover:pe-0"]:hover {
    -webkit-padding-end: 0;
            padding-inline-end: 0;
  }
  [class~="sm:pe-1"] {
    -webkit-padding-end: calc(var(--spacing) * 1);
            padding-inline-end: calc(var(--spacing) * 1);
  }
  [class~="sm:hover:pe-1"]:hover {
    -webkit-padding-end: calc(var(--spacing) * 1);
            padding-inline-end: calc(var(--spacing) * 1);
  }
  [class~="sm:pe-2"] {
    -webkit-padding-end: calc(var(--spacing) * 2);
            padding-inline-end: calc(var(--spacing) * 2);
  }
  [class~="sm:hover:pe-2"]:hover {
    -webkit-padding-end: calc(var(--spacing) * 2);
            padding-inline-end: calc(var(--spacing) * 2);
  }
  [class~="sm:pe-3"] {
    -webkit-padding-end: calc(var(--spacing) * 3);
            padding-inline-end: calc(var(--spacing) * 3);
  }
  [class~="sm:hover:pe-3"]:hover {
    -webkit-padding-end: calc(var(--spacing) * 3);
            padding-inline-end: calc(var(--spacing) * 3);
  }
  [class~="sm:pe-4"] {
    -webkit-padding-end: calc(var(--spacing) * 4);
            padding-inline-end: calc(var(--spacing) * 4);
  }
  [class~="sm:hover:pe-4"]:hover {
    -webkit-padding-end: calc(var(--spacing) * 4);
            padding-inline-end: calc(var(--spacing) * 4);
  }
  [class~="sm:pe-5"] {
    -webkit-padding-end: calc(var(--spacing) * 5);
            padding-inline-end: calc(var(--spacing) * 5);
  }
  [class~="sm:hover:pe-5"]:hover {
    -webkit-padding-end: calc(var(--spacing) * 5);
            padding-inline-end: calc(var(--spacing) * 5);
  }
  [class~="sm:pe-6"] {
    -webkit-padding-end: calc(var(--spacing) * 6);
            padding-inline-end: calc(var(--spacing) * 6);
  }
  [class~="sm:hover:pe-6"]:hover {
    -webkit-padding-end: calc(var(--spacing) * 6);
            padding-inline-end: calc(var(--spacing) * 6);
  }
  [class~="sm:pe-8"] {
    -webkit-padding-end: calc(var(--spacing) * 8);
            padding-inline-end: calc(var(--spacing) * 8);
  }
  [class~="sm:hover:pe-8"]:hover {
    -webkit-padding-end: calc(var(--spacing) * 8);
            padding-inline-end: calc(var(--spacing) * 8);
  }
  [class~="sm:pe-10"] {
    -webkit-padding-end: calc(var(--spacing) * 10);
            padding-inline-end: calc(var(--spacing) * 10);
  }
  [class~="sm:hover:pe-10"]:hover {
    -webkit-padding-end: calc(var(--spacing) * 10);
            padding-inline-end: calc(var(--spacing) * 10);
  }
  [class~="sm:pe-12"] {
    -webkit-padding-end: calc(var(--spacing) * 12);
            padding-inline-end: calc(var(--spacing) * 12);
  }
  [class~="sm:hover:pe-12"]:hover {
    -webkit-padding-end: calc(var(--spacing) * 12);
            padding-inline-end: calc(var(--spacing) * 12);
  }
  [class~="sm:pe-16"] {
    -webkit-padding-end: calc(var(--spacing) * 16);
            padding-inline-end: calc(var(--spacing) * 16);
  }
  [class~="sm:hover:pe-16"]:hover {
    -webkit-padding-end: calc(var(--spacing) * 16);
            padding-inline-end: calc(var(--spacing) * 16);
  }
  [class~="sm:pe-20"] {
    -webkit-padding-end: calc(var(--spacing) * 20);
            padding-inline-end: calc(var(--spacing) * 20);
  }
  [class~="sm:hover:pe-20"]:hover {
    -webkit-padding-end: calc(var(--spacing) * 20);
            padding-inline-end: calc(var(--spacing) * 20);
  }
  [class~="sm:pe-24"] {
    -webkit-padding-end: calc(var(--spacing) * 24);
            padding-inline-end: calc(var(--spacing) * 24);
  }
  [class~="sm:hover:pe-24"]:hover {
    -webkit-padding-end: calc(var(--spacing) * 24);
            padding-inline-end: calc(var(--spacing) * 24);
  }
  [class~="sm:pe-32"] {
    -webkit-padding-end: calc(var(--spacing) * 32);
            padding-inline-end: calc(var(--spacing) * 32);
  }
  [class~="sm:hover:pe-32"]:hover {
    -webkit-padding-end: calc(var(--spacing) * 32);
            padding-inline-end: calc(var(--spacing) * 32);
  }
  [class~="sm:pe-40"] {
    -webkit-padding-end: calc(var(--spacing) * 40);
            padding-inline-end: calc(var(--spacing) * 40);
  }
  [class~="sm:hover:pe-40"]:hover {
    -webkit-padding-end: calc(var(--spacing) * 40);
            padding-inline-end: calc(var(--spacing) * 40);
  }
  [class~="sm:pe-48"] {
    -webkit-padding-end: calc(var(--spacing) * 48);
            padding-inline-end: calc(var(--spacing) * 48);
  }
  [class~="sm:hover:pe-48"]:hover {
    -webkit-padding-end: calc(var(--spacing) * 48);
            padding-inline-end: calc(var(--spacing) * 48);
  }
  [class~="sm:pe-64"] {
    -webkit-padding-end: calc(var(--spacing) * 64);
            padding-inline-end: calc(var(--spacing) * 64);
  }
  [class~="sm:hover:pe-64"]:hover {
    -webkit-padding-end: calc(var(--spacing) * 64);
            padding-inline-end: calc(var(--spacing) * 64);
  }
  [class~="sm:pe-80"] {
    -webkit-padding-end: calc(var(--spacing) * 80);
            padding-inline-end: calc(var(--spacing) * 80);
  }
  [class~="sm:hover:pe-80"]:hover {
    -webkit-padding-end: calc(var(--spacing) * 80);
            padding-inline-end: calc(var(--spacing) * 80);
  }
  [class~="sm:pe-96"] {
    -webkit-padding-end: calc(var(--spacing) * 96);
            padding-inline-end: calc(var(--spacing) * 96);
  }
  [class~="sm:hover:pe-96"]:hover {
    -webkit-padding-end: calc(var(--spacing) * 96);
            padding-inline-end: calc(var(--spacing) * 96);
  }
  [class~="sm:pe-128"] {
    -webkit-padding-end: calc(var(--spacing) * 128);
            padding-inline-end: calc(var(--spacing) * 128);
  }
  [class~="sm:hover:pe-128"]:hover {
    -webkit-padding-end: calc(var(--spacing) * 128);
            padding-inline-end: calc(var(--spacing) * 128);
  }
  [class~="sm:m-0"] {
    margin: 0;
  }
  [class~="sm:hover:m-0"]:hover {
    margin: 0;
  }
  [class~="sm:m-1"] {
    margin: calc(var(--spacing) * 1);
  }
  [class~="sm:hover:m-1"]:hover {
    margin: calc(var(--spacing) * 1);
  }
  [class~="sm:m-2"] {
    margin: calc(var(--spacing) * 2);
  }
  [class~="sm:hover:m-2"]:hover {
    margin: calc(var(--spacing) * 2);
  }
  [class~="sm:m-3"] {
    margin: calc(var(--spacing) * 3);
  }
  [class~="sm:hover:m-3"]:hover {
    margin: calc(var(--spacing) * 3);
  }
  [class~="sm:m-4"] {
    margin: calc(var(--spacing) * 4);
  }
  [class~="sm:hover:m-4"]:hover {
    margin: calc(var(--spacing) * 4);
  }
  [class~="sm:m-5"] {
    margin: calc(var(--spacing) * 5);
  }
  [class~="sm:hover:m-5"]:hover {
    margin: calc(var(--spacing) * 5);
  }
  [class~="sm:m-6"] {
    margin: calc(var(--spacing) * 6);
  }
  [class~="sm:hover:m-6"]:hover {
    margin: calc(var(--spacing) * 6);
  }
  [class~="sm:m-8"] {
    margin: calc(var(--spacing) * 8);
  }
  [class~="sm:hover:m-8"]:hover {
    margin: calc(var(--spacing) * 8);
  }
  [class~="sm:m-10"] {
    margin: calc(var(--spacing) * 10);
  }
  [class~="sm:hover:m-10"]:hover {
    margin: calc(var(--spacing) * 10);
  }
  [class~="sm:m-12"] {
    margin: calc(var(--spacing) * 12);
  }
  [class~="sm:hover:m-12"]:hover {
    margin: calc(var(--spacing) * 12);
  }
  [class~="sm:m-16"] {
    margin: calc(var(--spacing) * 16);
  }
  [class~="sm:hover:m-16"]:hover {
    margin: calc(var(--spacing) * 16);
  }
  [class~="sm:m-20"] {
    margin: calc(var(--spacing) * 20);
  }
  [class~="sm:hover:m-20"]:hover {
    margin: calc(var(--spacing) * 20);
  }
  [class~="sm:m-24"] {
    margin: calc(var(--spacing) * 24);
  }
  [class~="sm:hover:m-24"]:hover {
    margin: calc(var(--spacing) * 24);
  }
  [class~="sm:m-32"] {
    margin: calc(var(--spacing) * 32);
  }
  [class~="sm:hover:m-32"]:hover {
    margin: calc(var(--spacing) * 32);
  }
  [class~="sm:m-40"] {
    margin: calc(var(--spacing) * 40);
  }
  [class~="sm:hover:m-40"]:hover {
    margin: calc(var(--spacing) * 40);
  }
  [class~="sm:m-48"] {
    margin: calc(var(--spacing) * 48);
  }
  [class~="sm:hover:m-48"]:hover {
    margin: calc(var(--spacing) * 48);
  }
  [class~="sm:m-64"] {
    margin: calc(var(--spacing) * 64);
  }
  [class~="sm:hover:m-64"]:hover {
    margin: calc(var(--spacing) * 64);
  }
  [class~="sm:m-80"] {
    margin: calc(var(--spacing) * 80);
  }
  [class~="sm:hover:m-80"]:hover {
    margin: calc(var(--spacing) * 80);
  }
  [class~="sm:m-96"] {
    margin: calc(var(--spacing) * 96);
  }
  [class~="sm:hover:m-96"]:hover {
    margin: calc(var(--spacing) * 96);
  }
  [class~="sm:m-128"] {
    margin: calc(var(--spacing) * 128);
  }
  [class~="sm:hover:m-128"]:hover {
    margin: calc(var(--spacing) * 128);
  }
  [class~="sm:mb-0"] {
    margin-block: 0;
  }
  [class~="sm:hover:mb-0"]:hover {
    margin-block: 0;
  }
  [class~="sm:mb-1"] {
    margin-block: calc(var(--spacing) * 1);
  }
  [class~="sm:hover:mb-1"]:hover {
    margin-block: calc(var(--spacing) * 1);
  }
  [class~="sm:mb-2"] {
    margin-block: calc(var(--spacing) * 2);
  }
  [class~="sm:hover:mb-2"]:hover {
    margin-block: calc(var(--spacing) * 2);
  }
  [class~="sm:mb-3"] {
    margin-block: calc(var(--spacing) * 3);
  }
  [class~="sm:hover:mb-3"]:hover {
    margin-block: calc(var(--spacing) * 3);
  }
  [class~="sm:mb-4"] {
    margin-block: calc(var(--spacing) * 4);
  }
  [class~="sm:hover:mb-4"]:hover {
    margin-block: calc(var(--spacing) * 4);
  }
  [class~="sm:mb-5"] {
    margin-block: calc(var(--spacing) * 5);
  }
  [class~="sm:hover:mb-5"]:hover {
    margin-block: calc(var(--spacing) * 5);
  }
  [class~="sm:mb-6"] {
    margin-block: calc(var(--spacing) * 6);
  }
  [class~="sm:hover:mb-6"]:hover {
    margin-block: calc(var(--spacing) * 6);
  }
  [class~="sm:mb-8"] {
    margin-block: calc(var(--spacing) * 8);
  }
  [class~="sm:hover:mb-8"]:hover {
    margin-block: calc(var(--spacing) * 8);
  }
  [class~="sm:mb-10"] {
    margin-block: calc(var(--spacing) * 10);
  }
  [class~="sm:hover:mb-10"]:hover {
    margin-block: calc(var(--spacing) * 10);
  }
  [class~="sm:mb-12"] {
    margin-block: calc(var(--spacing) * 12);
  }
  [class~="sm:hover:mb-12"]:hover {
    margin-block: calc(var(--spacing) * 12);
  }
  [class~="sm:mb-16"] {
    margin-block: calc(var(--spacing) * 16);
  }
  [class~="sm:hover:mb-16"]:hover {
    margin-block: calc(var(--spacing) * 16);
  }
  [class~="sm:mb-20"] {
    margin-block: calc(var(--spacing) * 20);
  }
  [class~="sm:hover:mb-20"]:hover {
    margin-block: calc(var(--spacing) * 20);
  }
  [class~="sm:mb-24"] {
    margin-block: calc(var(--spacing) * 24);
  }
  [class~="sm:hover:mb-24"]:hover {
    margin-block: calc(var(--spacing) * 24);
  }
  [class~="sm:mb-32"] {
    margin-block: calc(var(--spacing) * 32);
  }
  [class~="sm:hover:mb-32"]:hover {
    margin-block: calc(var(--spacing) * 32);
  }
  [class~="sm:mb-40"] {
    margin-block: calc(var(--spacing) * 40);
  }
  [class~="sm:hover:mb-40"]:hover {
    margin-block: calc(var(--spacing) * 40);
  }
  [class~="sm:mb-48"] {
    margin-block: calc(var(--spacing) * 48);
  }
  [class~="sm:hover:mb-48"]:hover {
    margin-block: calc(var(--spacing) * 48);
  }
  [class~="sm:mb-64"] {
    margin-block: calc(var(--spacing) * 64);
  }
  [class~="sm:hover:mb-64"]:hover {
    margin-block: calc(var(--spacing) * 64);
  }
  [class~="sm:mb-80"] {
    margin-block: calc(var(--spacing) * 80);
  }
  [class~="sm:hover:mb-80"]:hover {
    margin-block: calc(var(--spacing) * 80);
  }
  [class~="sm:mb-96"] {
    margin-block: calc(var(--spacing) * 96);
  }
  [class~="sm:hover:mb-96"]:hover {
    margin-block: calc(var(--spacing) * 96);
  }
  [class~="sm:mb-128"] {
    margin-block: calc(var(--spacing) * 128);
  }
  [class~="sm:hover:mb-128"]:hover {
    margin-block: calc(var(--spacing) * 128);
  }
  [class~="sm:mi-0"] {
    margin-inline: 0;
  }
  [class~="sm:hover:mi-0"]:hover {
    margin-inline: 0;
  }
  [class~="sm:mi-1"] {
    margin-inline: calc(var(--spacing) * 1);
  }
  [class~="sm:hover:mi-1"]:hover {
    margin-inline: calc(var(--spacing) * 1);
  }
  [class~="sm:mi-2"] {
    margin-inline: calc(var(--spacing) * 2);
  }
  [class~="sm:hover:mi-2"]:hover {
    margin-inline: calc(var(--spacing) * 2);
  }
  [class~="sm:mi-3"] {
    margin-inline: calc(var(--spacing) * 3);
  }
  [class~="sm:hover:mi-3"]:hover {
    margin-inline: calc(var(--spacing) * 3);
  }
  [class~="sm:mi-4"] {
    margin-inline: calc(var(--spacing) * 4);
  }
  [class~="sm:hover:mi-4"]:hover {
    margin-inline: calc(var(--spacing) * 4);
  }
  [class~="sm:mi-5"] {
    margin-inline: calc(var(--spacing) * 5);
  }
  [class~="sm:hover:mi-5"]:hover {
    margin-inline: calc(var(--spacing) * 5);
  }
  [class~="sm:mi-6"] {
    margin-inline: calc(var(--spacing) * 6);
  }
  [class~="sm:hover:mi-6"]:hover {
    margin-inline: calc(var(--spacing) * 6);
  }
  [class~="sm:mi-8"] {
    margin-inline: calc(var(--spacing) * 8);
  }
  [class~="sm:hover:mi-8"]:hover {
    margin-inline: calc(var(--spacing) * 8);
  }
  [class~="sm:mi-10"] {
    margin-inline: calc(var(--spacing) * 10);
  }
  [class~="sm:hover:mi-10"]:hover {
    margin-inline: calc(var(--spacing) * 10);
  }
  [class~="sm:mi-12"] {
    margin-inline: calc(var(--spacing) * 12);
  }
  [class~="sm:hover:mi-12"]:hover {
    margin-inline: calc(var(--spacing) * 12);
  }
  [class~="sm:mi-16"] {
    margin-inline: calc(var(--spacing) * 16);
  }
  [class~="sm:hover:mi-16"]:hover {
    margin-inline: calc(var(--spacing) * 16);
  }
  [class~="sm:mi-20"] {
    margin-inline: calc(var(--spacing) * 20);
  }
  [class~="sm:hover:mi-20"]:hover {
    margin-inline: calc(var(--spacing) * 20);
  }
  [class~="sm:mi-24"] {
    margin-inline: calc(var(--spacing) * 24);
  }
  [class~="sm:hover:mi-24"]:hover {
    margin-inline: calc(var(--spacing) * 24);
  }
  [class~="sm:mi-32"] {
    margin-inline: calc(var(--spacing) * 32);
  }
  [class~="sm:hover:mi-32"]:hover {
    margin-inline: calc(var(--spacing) * 32);
  }
  [class~="sm:mi-40"] {
    margin-inline: calc(var(--spacing) * 40);
  }
  [class~="sm:hover:mi-40"]:hover {
    margin-inline: calc(var(--spacing) * 40);
  }
  [class~="sm:mi-48"] {
    margin-inline: calc(var(--spacing) * 48);
  }
  [class~="sm:hover:mi-48"]:hover {
    margin-inline: calc(var(--spacing) * 48);
  }
  [class~="sm:mi-64"] {
    margin-inline: calc(var(--spacing) * 64);
  }
  [class~="sm:hover:mi-64"]:hover {
    margin-inline: calc(var(--spacing) * 64);
  }
  [class~="sm:mi-80"] {
    margin-inline: calc(var(--spacing) * 80);
  }
  [class~="sm:hover:mi-80"]:hover {
    margin-inline: calc(var(--spacing) * 80);
  }
  [class~="sm:mi-96"] {
    margin-inline: calc(var(--spacing) * 96);
  }
  [class~="sm:hover:mi-96"]:hover {
    margin-inline: calc(var(--spacing) * 96);
  }
  [class~="sm:mi-128"] {
    margin-inline: calc(var(--spacing) * 128);
  }
  [class~="sm:hover:mi-128"]:hover {
    margin-inline: calc(var(--spacing) * 128);
  }
  [class~="sm:ms-0"] {
    -webkit-margin-start: 0;
            margin-inline-start: 0;
  }
  [class~="sm:hover:ms-0"]:hover {
    -webkit-margin-start: 0;
            margin-inline-start: 0;
  }
  [class~="sm:ms-1"] {
    -webkit-margin-start: calc(var(--spacing) * 1);
            margin-inline-start: calc(var(--spacing) * 1);
  }
  [class~="sm:hover:ms-1"]:hover {
    -webkit-margin-start: calc(var(--spacing) * 1);
            margin-inline-start: calc(var(--spacing) * 1);
  }
  [class~="sm:ms-2"] {
    -webkit-margin-start: calc(var(--spacing) * 2);
            margin-inline-start: calc(var(--spacing) * 2);
  }
  [class~="sm:hover:ms-2"]:hover {
    -webkit-margin-start: calc(var(--spacing) * 2);
            margin-inline-start: calc(var(--spacing) * 2);
  }
  [class~="sm:ms-3"] {
    -webkit-margin-start: calc(var(--spacing) * 3);
            margin-inline-start: calc(var(--spacing) * 3);
  }
  [class~="sm:hover:ms-3"]:hover {
    -webkit-margin-start: calc(var(--spacing) * 3);
            margin-inline-start: calc(var(--spacing) * 3);
  }
  [class~="sm:ms-4"] {
    -webkit-margin-start: calc(var(--spacing) * 4);
            margin-inline-start: calc(var(--spacing) * 4);
  }
  [class~="sm:hover:ms-4"]:hover {
    -webkit-margin-start: calc(var(--spacing) * 4);
            margin-inline-start: calc(var(--spacing) * 4);
  }
  [class~="sm:ms-5"] {
    -webkit-margin-start: calc(var(--spacing) * 5);
            margin-inline-start: calc(var(--spacing) * 5);
  }
  [class~="sm:hover:ms-5"]:hover {
    -webkit-margin-start: calc(var(--spacing) * 5);
            margin-inline-start: calc(var(--spacing) * 5);
  }
  [class~="sm:ms-6"] {
    -webkit-margin-start: calc(var(--spacing) * 6);
            margin-inline-start: calc(var(--spacing) * 6);
  }
  [class~="sm:hover:ms-6"]:hover {
    -webkit-margin-start: calc(var(--spacing) * 6);
            margin-inline-start: calc(var(--spacing) * 6);
  }
  [class~="sm:ms-8"] {
    -webkit-margin-start: calc(var(--spacing) * 8);
            margin-inline-start: calc(var(--spacing) * 8);
  }
  [class~="sm:hover:ms-8"]:hover {
    -webkit-margin-start: calc(var(--spacing) * 8);
            margin-inline-start: calc(var(--spacing) * 8);
  }
  [class~="sm:ms-10"] {
    -webkit-margin-start: calc(var(--spacing) * 10);
            margin-inline-start: calc(var(--spacing) * 10);
  }
  [class~="sm:hover:ms-10"]:hover {
    -webkit-margin-start: calc(var(--spacing) * 10);
            margin-inline-start: calc(var(--spacing) * 10);
  }
  [class~="sm:ms-12"] {
    -webkit-margin-start: calc(var(--spacing) * 12);
            margin-inline-start: calc(var(--spacing) * 12);
  }
  [class~="sm:hover:ms-12"]:hover {
    -webkit-margin-start: calc(var(--spacing) * 12);
            margin-inline-start: calc(var(--spacing) * 12);
  }
  [class~="sm:ms-16"] {
    -webkit-margin-start: calc(var(--spacing) * 16);
            margin-inline-start: calc(var(--spacing) * 16);
  }
  [class~="sm:hover:ms-16"]:hover {
    -webkit-margin-start: calc(var(--spacing) * 16);
            margin-inline-start: calc(var(--spacing) * 16);
  }
  [class~="sm:ms-20"] {
    -webkit-margin-start: calc(var(--spacing) * 20);
            margin-inline-start: calc(var(--spacing) * 20);
  }
  [class~="sm:hover:ms-20"]:hover {
    -webkit-margin-start: calc(var(--spacing) * 20);
            margin-inline-start: calc(var(--spacing) * 20);
  }
  [class~="sm:ms-24"] {
    -webkit-margin-start: calc(var(--spacing) * 24);
            margin-inline-start: calc(var(--spacing) * 24);
  }
  [class~="sm:hover:ms-24"]:hover {
    -webkit-margin-start: calc(var(--spacing) * 24);
            margin-inline-start: calc(var(--spacing) * 24);
  }
  [class~="sm:ms-32"] {
    -webkit-margin-start: calc(var(--spacing) * 32);
            margin-inline-start: calc(var(--spacing) * 32);
  }
  [class~="sm:hover:ms-32"]:hover {
    -webkit-margin-start: calc(var(--spacing) * 32);
            margin-inline-start: calc(var(--spacing) * 32);
  }
  [class~="sm:ms-40"] {
    -webkit-margin-start: calc(var(--spacing) * 40);
            margin-inline-start: calc(var(--spacing) * 40);
  }
  [class~="sm:hover:ms-40"]:hover {
    -webkit-margin-start: calc(var(--spacing) * 40);
            margin-inline-start: calc(var(--spacing) * 40);
  }
  [class~="sm:ms-48"] {
    -webkit-margin-start: calc(var(--spacing) * 48);
            margin-inline-start: calc(var(--spacing) * 48);
  }
  [class~="sm:hover:ms-48"]:hover {
    -webkit-margin-start: calc(var(--spacing) * 48);
            margin-inline-start: calc(var(--spacing) * 48);
  }
  [class~="sm:ms-64"] {
    -webkit-margin-start: calc(var(--spacing) * 64);
            margin-inline-start: calc(var(--spacing) * 64);
  }
  [class~="sm:hover:ms-64"]:hover {
    -webkit-margin-start: calc(var(--spacing) * 64);
            margin-inline-start: calc(var(--spacing) * 64);
  }
  [class~="sm:ms-80"] {
    -webkit-margin-start: calc(var(--spacing) * 80);
            margin-inline-start: calc(var(--spacing) * 80);
  }
  [class~="sm:hover:ms-80"]:hover {
    -webkit-margin-start: calc(var(--spacing) * 80);
            margin-inline-start: calc(var(--spacing) * 80);
  }
  [class~="sm:ms-96"] {
    -webkit-margin-start: calc(var(--spacing) * 96);
            margin-inline-start: calc(var(--spacing) * 96);
  }
  [class~="sm:hover:ms-96"]:hover {
    -webkit-margin-start: calc(var(--spacing) * 96);
            margin-inline-start: calc(var(--spacing) * 96);
  }
  [class~="sm:ms-128"] {
    -webkit-margin-start: calc(var(--spacing) * 128);
            margin-inline-start: calc(var(--spacing) * 128);
  }
  [class~="sm:hover:ms-128"]:hover {
    -webkit-margin-start: calc(var(--spacing) * 128);
            margin-inline-start: calc(var(--spacing) * 128);
  }
  [class~="sm:me-0"] {
    -webkit-margin-end: 0;
            margin-inline-end: 0;
  }
  [class~="sm:hover:me-0"]:hover {
    -webkit-margin-end: 0;
            margin-inline-end: 0;
  }
  [class~="sm:me-1"] {
    -webkit-margin-end: calc(var(--spacing) * 1);
            margin-inline-end: calc(var(--spacing) * 1);
  }
  [class~="sm:hover:me-1"]:hover {
    -webkit-margin-end: calc(var(--spacing) * 1);
            margin-inline-end: calc(var(--spacing) * 1);
  }
  [class~="sm:me-2"] {
    -webkit-margin-end: calc(var(--spacing) * 2);
            margin-inline-end: calc(var(--spacing) * 2);
  }
  [class~="sm:hover:me-2"]:hover {
    -webkit-margin-end: calc(var(--spacing) * 2);
            margin-inline-end: calc(var(--spacing) * 2);
  }
  [class~="sm:me-3"] {
    -webkit-margin-end: calc(var(--spacing) * 3);
            margin-inline-end: calc(var(--spacing) * 3);
  }
  [class~="sm:hover:me-3"]:hover {
    -webkit-margin-end: calc(var(--spacing) * 3);
            margin-inline-end: calc(var(--spacing) * 3);
  }
  [class~="sm:me-4"] {
    -webkit-margin-end: calc(var(--spacing) * 4);
            margin-inline-end: calc(var(--spacing) * 4);
  }
  [class~="sm:hover:me-4"]:hover {
    -webkit-margin-end: calc(var(--spacing) * 4);
            margin-inline-end: calc(var(--spacing) * 4);
  }
  [class~="sm:me-5"] {
    -webkit-margin-end: calc(var(--spacing) * 5);
            margin-inline-end: calc(var(--spacing) * 5);
  }
  [class~="sm:hover:me-5"]:hover {
    -webkit-margin-end: calc(var(--spacing) * 5);
            margin-inline-end: calc(var(--spacing) * 5);
  }
  [class~="sm:me-6"] {
    -webkit-margin-end: calc(var(--spacing) * 6);
            margin-inline-end: calc(var(--spacing) * 6);
  }
  [class~="sm:hover:me-6"]:hover {
    -webkit-margin-end: calc(var(--spacing) * 6);
            margin-inline-end: calc(var(--spacing) * 6);
  }
  [class~="sm:me-8"] {
    -webkit-margin-end: calc(var(--spacing) * 8);
            margin-inline-end: calc(var(--spacing) * 8);
  }
  [class~="sm:hover:me-8"]:hover {
    -webkit-margin-end: calc(var(--spacing) * 8);
            margin-inline-end: calc(var(--spacing) * 8);
  }
  [class~="sm:me-10"] {
    -webkit-margin-end: calc(var(--spacing) * 10);
            margin-inline-end: calc(var(--spacing) * 10);
  }
  [class~="sm:hover:me-10"]:hover {
    -webkit-margin-end: calc(var(--spacing) * 10);
            margin-inline-end: calc(var(--spacing) * 10);
  }
  [class~="sm:me-12"] {
    -webkit-margin-end: calc(var(--spacing) * 12);
            margin-inline-end: calc(var(--spacing) * 12);
  }
  [class~="sm:hover:me-12"]:hover {
    -webkit-margin-end: calc(var(--spacing) * 12);
            margin-inline-end: calc(var(--spacing) * 12);
  }
  [class~="sm:me-16"] {
    -webkit-margin-end: calc(var(--spacing) * 16);
            margin-inline-end: calc(var(--spacing) * 16);
  }
  [class~="sm:hover:me-16"]:hover {
    -webkit-margin-end: calc(var(--spacing) * 16);
            margin-inline-end: calc(var(--spacing) * 16);
  }
  [class~="sm:me-20"] {
    -webkit-margin-end: calc(var(--spacing) * 20);
            margin-inline-end: calc(var(--spacing) * 20);
  }
  [class~="sm:hover:me-20"]:hover {
    -webkit-margin-end: calc(var(--spacing) * 20);
            margin-inline-end: calc(var(--spacing) * 20);
  }
  [class~="sm:me-24"] {
    -webkit-margin-end: calc(var(--spacing) * 24);
            margin-inline-end: calc(var(--spacing) * 24);
  }
  [class~="sm:hover:me-24"]:hover {
    -webkit-margin-end: calc(var(--spacing) * 24);
            margin-inline-end: calc(var(--spacing) * 24);
  }
  [class~="sm:me-32"] {
    -webkit-margin-end: calc(var(--spacing) * 32);
            margin-inline-end: calc(var(--spacing) * 32);
  }
  [class~="sm:hover:me-32"]:hover {
    -webkit-margin-end: calc(var(--spacing) * 32);
            margin-inline-end: calc(var(--spacing) * 32);
  }
  [class~="sm:me-40"] {
    -webkit-margin-end: calc(var(--spacing) * 40);
            margin-inline-end: calc(var(--spacing) * 40);
  }
  [class~="sm:hover:me-40"]:hover {
    -webkit-margin-end: calc(var(--spacing) * 40);
            margin-inline-end: calc(var(--spacing) * 40);
  }
  [class~="sm:me-48"] {
    -webkit-margin-end: calc(var(--spacing) * 48);
            margin-inline-end: calc(var(--spacing) * 48);
  }
  [class~="sm:hover:me-48"]:hover {
    -webkit-margin-end: calc(var(--spacing) * 48);
            margin-inline-end: calc(var(--spacing) * 48);
  }
  [class~="sm:me-64"] {
    -webkit-margin-end: calc(var(--spacing) * 64);
            margin-inline-end: calc(var(--spacing) * 64);
  }
  [class~="sm:hover:me-64"]:hover {
    -webkit-margin-end: calc(var(--spacing) * 64);
            margin-inline-end: calc(var(--spacing) * 64);
  }
  [class~="sm:me-80"] {
    -webkit-margin-end: calc(var(--spacing) * 80);
            margin-inline-end: calc(var(--spacing) * 80);
  }
  [class~="sm:hover:me-80"]:hover {
    -webkit-margin-end: calc(var(--spacing) * 80);
            margin-inline-end: calc(var(--spacing) * 80);
  }
  [class~="sm:me-96"] {
    -webkit-margin-end: calc(var(--spacing) * 96);
            margin-inline-end: calc(var(--spacing) * 96);
  }
  [class~="sm:hover:me-96"]:hover {
    -webkit-margin-end: calc(var(--spacing) * 96);
            margin-inline-end: calc(var(--spacing) * 96);
  }
  [class~="sm:me-128"] {
    -webkit-margin-end: calc(var(--spacing) * 128);
            margin-inline-end: calc(var(--spacing) * 128);
  }
  [class~="sm:hover:me-128"]:hover {
    -webkit-margin-end: calc(var(--spacing) * 128);
            margin-inline-end: calc(var(--spacing) * 128);
  }
  [class~="sm:g-0"] {
    gap: 0;
  }
  [class~="sm:hover:g-0"]:hover {
    gap: 0;
  }
  [class~="sm:g-1"] {
    gap: calc(var(--spacing) * 1);
  }
  [class~="sm:hover:g-1"]:hover {
    gap: calc(var(--spacing) * 1);
  }
  [class~="sm:g-2"] {
    gap: calc(var(--spacing) * 2);
  }
  [class~="sm:hover:g-2"]:hover {
    gap: calc(var(--spacing) * 2);
  }
  [class~="sm:g-3"] {
    gap: calc(var(--spacing) * 3);
  }
  [class~="sm:hover:g-3"]:hover {
    gap: calc(var(--spacing) * 3);
  }
  [class~="sm:g-4"] {
    gap: calc(var(--spacing) * 4);
  }
  [class~="sm:hover:g-4"]:hover {
    gap: calc(var(--spacing) * 4);
  }
  [class~="sm:g-5"] {
    gap: calc(var(--spacing) * 5);
  }
  [class~="sm:hover:g-5"]:hover {
    gap: calc(var(--spacing) * 5);
  }
  [class~="sm:g-6"] {
    gap: calc(var(--spacing) * 6);
  }
  [class~="sm:hover:g-6"]:hover {
    gap: calc(var(--spacing) * 6);
  }
  [class~="sm:g-8"] {
    gap: calc(var(--spacing) * 8);
  }
  [class~="sm:hover:g-8"]:hover {
    gap: calc(var(--spacing) * 8);
  }
  [class~="sm:g-10"] {
    gap: calc(var(--spacing) * 10);
  }
  [class~="sm:hover:g-10"]:hover {
    gap: calc(var(--spacing) * 10);
  }
  [class~="sm:g-12"] {
    gap: calc(var(--spacing) * 12);
  }
  [class~="sm:hover:g-12"]:hover {
    gap: calc(var(--spacing) * 12);
  }
  [class~="sm:g-16"] {
    gap: calc(var(--spacing) * 16);
  }
  [class~="sm:hover:g-16"]:hover {
    gap: calc(var(--spacing) * 16);
  }
  [class~="sm:g-20"] {
    gap: calc(var(--spacing) * 20);
  }
  [class~="sm:hover:g-20"]:hover {
    gap: calc(var(--spacing) * 20);
  }
  [class~="sm:g-24"] {
    gap: calc(var(--spacing) * 24);
  }
  [class~="sm:hover:g-24"]:hover {
    gap: calc(var(--spacing) * 24);
  }
  [class~="sm:g-32"] {
    gap: calc(var(--spacing) * 32);
  }
  [class~="sm:hover:g-32"]:hover {
    gap: calc(var(--spacing) * 32);
  }
  [class~="sm:g-40"] {
    gap: calc(var(--spacing) * 40);
  }
  [class~="sm:hover:g-40"]:hover {
    gap: calc(var(--spacing) * 40);
  }
  [class~="sm:g-48"] {
    gap: calc(var(--spacing) * 48);
  }
  [class~="sm:hover:g-48"]:hover {
    gap: calc(var(--spacing) * 48);
  }
  [class~="sm:g-64"] {
    gap: calc(var(--spacing) * 64);
  }
  [class~="sm:hover:g-64"]:hover {
    gap: calc(var(--spacing) * 64);
  }
  [class~="sm:g-80"] {
    gap: calc(var(--spacing) * 80);
  }
  [class~="sm:hover:g-80"]:hover {
    gap: calc(var(--spacing) * 80);
  }
  [class~="sm:g-96"] {
    gap: calc(var(--spacing) * 96);
  }
  [class~="sm:hover:g-96"]:hover {
    gap: calc(var(--spacing) * 96);
  }
  [class~="sm:g-128"] {
    gap: calc(var(--spacing) * 128);
  }
  [class~="sm:hover:g-128"]:hover {
    gap: calc(var(--spacing) * 128);
  }
  [class~="sm:gr-0"] {
    row-gap: 0;
  }
  [class~="sm:hover:gr-0"]:hover {
    row-gap: 0;
  }
  [class~="sm:gr-1"] {
    row-gap: calc(var(--spacing) * 1);
  }
  [class~="sm:hover:gr-1"]:hover {
    row-gap: calc(var(--spacing) * 1);
  }
  [class~="sm:gr-2"] {
    row-gap: calc(var(--spacing) * 2);
  }
  [class~="sm:hover:gr-2"]:hover {
    row-gap: calc(var(--spacing) * 2);
  }
  [class~="sm:gr-3"] {
    row-gap: calc(var(--spacing) * 3);
  }
  [class~="sm:hover:gr-3"]:hover {
    row-gap: calc(var(--spacing) * 3);
  }
  [class~="sm:gr-4"] {
    row-gap: calc(var(--spacing) * 4);
  }
  [class~="sm:hover:gr-4"]:hover {
    row-gap: calc(var(--spacing) * 4);
  }
  [class~="sm:gr-5"] {
    row-gap: calc(var(--spacing) * 5);
  }
  [class~="sm:hover:gr-5"]:hover {
    row-gap: calc(var(--spacing) * 5);
  }
  [class~="sm:gr-6"] {
    row-gap: calc(var(--spacing) * 6);
  }
  [class~="sm:hover:gr-6"]:hover {
    row-gap: calc(var(--spacing) * 6);
  }
  [class~="sm:gr-8"] {
    row-gap: calc(var(--spacing) * 8);
  }
  [class~="sm:hover:gr-8"]:hover {
    row-gap: calc(var(--spacing) * 8);
  }
  [class~="sm:gr-10"] {
    row-gap: calc(var(--spacing) * 10);
  }
  [class~="sm:hover:gr-10"]:hover {
    row-gap: calc(var(--spacing) * 10);
  }
  [class~="sm:gr-12"] {
    row-gap: calc(var(--spacing) * 12);
  }
  [class~="sm:hover:gr-12"]:hover {
    row-gap: calc(var(--spacing) * 12);
  }
  [class~="sm:gr-16"] {
    row-gap: calc(var(--spacing) * 16);
  }
  [class~="sm:hover:gr-16"]:hover {
    row-gap: calc(var(--spacing) * 16);
  }
  [class~="sm:gr-20"] {
    row-gap: calc(var(--spacing) * 20);
  }
  [class~="sm:hover:gr-20"]:hover {
    row-gap: calc(var(--spacing) * 20);
  }
  [class~="sm:gr-24"] {
    row-gap: calc(var(--spacing) * 24);
  }
  [class~="sm:hover:gr-24"]:hover {
    row-gap: calc(var(--spacing) * 24);
  }
  [class~="sm:gr-32"] {
    row-gap: calc(var(--spacing) * 32);
  }
  [class~="sm:hover:gr-32"]:hover {
    row-gap: calc(var(--spacing) * 32);
  }
  [class~="sm:gr-40"] {
    row-gap: calc(var(--spacing) * 40);
  }
  [class~="sm:hover:gr-40"]:hover {
    row-gap: calc(var(--spacing) * 40);
  }
  [class~="sm:gr-48"] {
    row-gap: calc(var(--spacing) * 48);
  }
  [class~="sm:hover:gr-48"]:hover {
    row-gap: calc(var(--spacing) * 48);
  }
  [class~="sm:gr-64"] {
    row-gap: calc(var(--spacing) * 64);
  }
  [class~="sm:hover:gr-64"]:hover {
    row-gap: calc(var(--spacing) * 64);
  }
  [class~="sm:gr-80"] {
    row-gap: calc(var(--spacing) * 80);
  }
  [class~="sm:hover:gr-80"]:hover {
    row-gap: calc(var(--spacing) * 80);
  }
  [class~="sm:gr-96"] {
    row-gap: calc(var(--spacing) * 96);
  }
  [class~="sm:hover:gr-96"]:hover {
    row-gap: calc(var(--spacing) * 96);
  }
  [class~="sm:gr-128"] {
    row-gap: calc(var(--spacing) * 128);
  }
  [class~="sm:hover:gr-128"]:hover {
    row-gap: calc(var(--spacing) * 128);
  }
  [class~="sm:gc-0"] {
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
  }
  [class~="sm:hover:gc-0"]:hover {
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
  }
  [class~="sm:gc-1"] {
    -webkit-column-gap: calc(var(--spacing) * 1);
       -moz-column-gap: calc(var(--spacing) * 1);
            column-gap: calc(var(--spacing) * 1);
  }
  [class~="sm:hover:gc-1"]:hover {
    -webkit-column-gap: calc(var(--spacing) * 1);
       -moz-column-gap: calc(var(--spacing) * 1);
            column-gap: calc(var(--spacing) * 1);
  }
  [class~="sm:gc-2"] {
    -webkit-column-gap: calc(var(--spacing) * 2);
       -moz-column-gap: calc(var(--spacing) * 2);
            column-gap: calc(var(--spacing) * 2);
  }
  [class~="sm:hover:gc-2"]:hover {
    -webkit-column-gap: calc(var(--spacing) * 2);
       -moz-column-gap: calc(var(--spacing) * 2);
            column-gap: calc(var(--spacing) * 2);
  }
  [class~="sm:gc-3"] {
    -webkit-column-gap: calc(var(--spacing) * 3);
       -moz-column-gap: calc(var(--spacing) * 3);
            column-gap: calc(var(--spacing) * 3);
  }
  [class~="sm:hover:gc-3"]:hover {
    -webkit-column-gap: calc(var(--spacing) * 3);
       -moz-column-gap: calc(var(--spacing) * 3);
            column-gap: calc(var(--spacing) * 3);
  }
  [class~="sm:gc-4"] {
    -webkit-column-gap: calc(var(--spacing) * 4);
       -moz-column-gap: calc(var(--spacing) * 4);
            column-gap: calc(var(--spacing) * 4);
  }
  [class~="sm:hover:gc-4"]:hover {
    -webkit-column-gap: calc(var(--spacing) * 4);
       -moz-column-gap: calc(var(--spacing) * 4);
            column-gap: calc(var(--spacing) * 4);
  }
  [class~="sm:gc-5"] {
    -webkit-column-gap: calc(var(--spacing) * 5);
       -moz-column-gap: calc(var(--spacing) * 5);
            column-gap: calc(var(--spacing) * 5);
  }
  [class~="sm:hover:gc-5"]:hover {
    -webkit-column-gap: calc(var(--spacing) * 5);
       -moz-column-gap: calc(var(--spacing) * 5);
            column-gap: calc(var(--spacing) * 5);
  }
  [class~="sm:gc-6"] {
    -webkit-column-gap: calc(var(--spacing) * 6);
       -moz-column-gap: calc(var(--spacing) * 6);
            column-gap: calc(var(--spacing) * 6);
  }
  [class~="sm:hover:gc-6"]:hover {
    -webkit-column-gap: calc(var(--spacing) * 6);
       -moz-column-gap: calc(var(--spacing) * 6);
            column-gap: calc(var(--spacing) * 6);
  }
  [class~="sm:gc-8"] {
    -webkit-column-gap: calc(var(--spacing) * 8);
       -moz-column-gap: calc(var(--spacing) * 8);
            column-gap: calc(var(--spacing) * 8);
  }
  [class~="sm:hover:gc-8"]:hover {
    -webkit-column-gap: calc(var(--spacing) * 8);
       -moz-column-gap: calc(var(--spacing) * 8);
            column-gap: calc(var(--spacing) * 8);
  }
  [class~="sm:gc-10"] {
    -webkit-column-gap: calc(var(--spacing) * 10);
       -moz-column-gap: calc(var(--spacing) * 10);
            column-gap: calc(var(--spacing) * 10);
  }
  [class~="sm:hover:gc-10"]:hover {
    -webkit-column-gap: calc(var(--spacing) * 10);
       -moz-column-gap: calc(var(--spacing) * 10);
            column-gap: calc(var(--spacing) * 10);
  }
  [class~="sm:gc-12"] {
    -webkit-column-gap: calc(var(--spacing) * 12);
       -moz-column-gap: calc(var(--spacing) * 12);
            column-gap: calc(var(--spacing) * 12);
  }
  [class~="sm:hover:gc-12"]:hover {
    -webkit-column-gap: calc(var(--spacing) * 12);
       -moz-column-gap: calc(var(--spacing) * 12);
            column-gap: calc(var(--spacing) * 12);
  }
  [class~="sm:gc-16"] {
    -webkit-column-gap: calc(var(--spacing) * 16);
       -moz-column-gap: calc(var(--spacing) * 16);
            column-gap: calc(var(--spacing) * 16);
  }
  [class~="sm:hover:gc-16"]:hover {
    -webkit-column-gap: calc(var(--spacing) * 16);
       -moz-column-gap: calc(var(--spacing) * 16);
            column-gap: calc(var(--spacing) * 16);
  }
  [class~="sm:gc-20"] {
    -webkit-column-gap: calc(var(--spacing) * 20);
       -moz-column-gap: calc(var(--spacing) * 20);
            column-gap: calc(var(--spacing) * 20);
  }
  [class~="sm:hover:gc-20"]:hover {
    -webkit-column-gap: calc(var(--spacing) * 20);
       -moz-column-gap: calc(var(--spacing) * 20);
            column-gap: calc(var(--spacing) * 20);
  }
  [class~="sm:gc-24"] {
    -webkit-column-gap: calc(var(--spacing) * 24);
       -moz-column-gap: calc(var(--spacing) * 24);
            column-gap: calc(var(--spacing) * 24);
  }
  [class~="sm:hover:gc-24"]:hover {
    -webkit-column-gap: calc(var(--spacing) * 24);
       -moz-column-gap: calc(var(--spacing) * 24);
            column-gap: calc(var(--spacing) * 24);
  }
  [class~="sm:gc-32"] {
    -webkit-column-gap: calc(var(--spacing) * 32);
       -moz-column-gap: calc(var(--spacing) * 32);
            column-gap: calc(var(--spacing) * 32);
  }
  [class~="sm:hover:gc-32"]:hover {
    -webkit-column-gap: calc(var(--spacing) * 32);
       -moz-column-gap: calc(var(--spacing) * 32);
            column-gap: calc(var(--spacing) * 32);
  }
  [class~="sm:gc-40"] {
    -webkit-column-gap: calc(var(--spacing) * 40);
       -moz-column-gap: calc(var(--spacing) * 40);
            column-gap: calc(var(--spacing) * 40);
  }
  [class~="sm:hover:gc-40"]:hover {
    -webkit-column-gap: calc(var(--spacing) * 40);
       -moz-column-gap: calc(var(--spacing) * 40);
            column-gap: calc(var(--spacing) * 40);
  }
  [class~="sm:gc-48"] {
    -webkit-column-gap: calc(var(--spacing) * 48);
       -moz-column-gap: calc(var(--spacing) * 48);
            column-gap: calc(var(--spacing) * 48);
  }
  [class~="sm:hover:gc-48"]:hover {
    -webkit-column-gap: calc(var(--spacing) * 48);
       -moz-column-gap: calc(var(--spacing) * 48);
            column-gap: calc(var(--spacing) * 48);
  }
  [class~="sm:gc-64"] {
    -webkit-column-gap: calc(var(--spacing) * 64);
       -moz-column-gap: calc(var(--spacing) * 64);
            column-gap: calc(var(--spacing) * 64);
  }
  [class~="sm:hover:gc-64"]:hover {
    -webkit-column-gap: calc(var(--spacing) * 64);
       -moz-column-gap: calc(var(--spacing) * 64);
            column-gap: calc(var(--spacing) * 64);
  }
  [class~="sm:gc-80"] {
    -webkit-column-gap: calc(var(--spacing) * 80);
       -moz-column-gap: calc(var(--spacing) * 80);
            column-gap: calc(var(--spacing) * 80);
  }
  [class~="sm:hover:gc-80"]:hover {
    -webkit-column-gap: calc(var(--spacing) * 80);
       -moz-column-gap: calc(var(--spacing) * 80);
            column-gap: calc(var(--spacing) * 80);
  }
  [class~="sm:gc-96"] {
    -webkit-column-gap: calc(var(--spacing) * 96);
       -moz-column-gap: calc(var(--spacing) * 96);
            column-gap: calc(var(--spacing) * 96);
  }
  [class~="sm:hover:gc-96"]:hover {
    -webkit-column-gap: calc(var(--spacing) * 96);
       -moz-column-gap: calc(var(--spacing) * 96);
            column-gap: calc(var(--spacing) * 96);
  }
  [class~="sm:gc-128"] {
    -webkit-column-gap: calc(var(--spacing) * 128);
       -moz-column-gap: calc(var(--spacing) * 128);
            column-gap: calc(var(--spacing) * 128);
  }
  [class~="sm:hover:gc-128"]:hover {
    -webkit-column-gap: calc(var(--spacing) * 128);
       -moz-column-gap: calc(var(--spacing) * 128);
            column-gap: calc(var(--spacing) * 128);
  }
  [class~="sm:w-0"] {
    width: 0;
  }
  [class~="sm:hover:w-0"]:hover {
    width: 0;
  }
  [class~="sm:w-1"] {
    width: calc(var(--spacing) * 1);
  }
  [class~="sm:hover:w-1"]:hover {
    width: calc(var(--spacing) * 1);
  }
  [class~="sm:w-2"] {
    width: calc(var(--spacing) * 2);
  }
  [class~="sm:hover:w-2"]:hover {
    width: calc(var(--spacing) * 2);
  }
  [class~="sm:w-3"] {
    width: calc(var(--spacing) * 3);
  }
  [class~="sm:hover:w-3"]:hover {
    width: calc(var(--spacing) * 3);
  }
  [class~="sm:w-4"] {
    width: calc(var(--spacing) * 4);
  }
  [class~="sm:hover:w-4"]:hover {
    width: calc(var(--spacing) * 4);
  }
  [class~="sm:w-5"] {
    width: calc(var(--spacing) * 5);
  }
  [class~="sm:hover:w-5"]:hover {
    width: calc(var(--spacing) * 5);
  }
  [class~="sm:w-6"] {
    width: calc(var(--spacing) * 6);
  }
  [class~="sm:hover:w-6"]:hover {
    width: calc(var(--spacing) * 6);
  }
  [class~="sm:w-8"] {
    width: calc(var(--spacing) * 8);
  }
  [class~="sm:hover:w-8"]:hover {
    width: calc(var(--spacing) * 8);
  }
  [class~="sm:w-10"] {
    width: calc(var(--spacing) * 10);
  }
  [class~="sm:hover:w-10"]:hover {
    width: calc(var(--spacing) * 10);
  }
  [class~="sm:w-12"] {
    width: calc(var(--spacing) * 12);
  }
  [class~="sm:hover:w-12"]:hover {
    width: calc(var(--spacing) * 12);
  }
  [class~="sm:w-16"] {
    width: calc(var(--spacing) * 16);
  }
  [class~="sm:hover:w-16"]:hover {
    width: calc(var(--spacing) * 16);
  }
  [class~="sm:w-20"] {
    width: calc(var(--spacing) * 20);
  }
  [class~="sm:hover:w-20"]:hover {
    width: calc(var(--spacing) * 20);
  }
  [class~="sm:w-24"] {
    width: calc(var(--spacing) * 24);
  }
  [class~="sm:hover:w-24"]:hover {
    width: calc(var(--spacing) * 24);
  }
  [class~="sm:w-32"] {
    width: calc(var(--spacing) * 32);
  }
  [class~="sm:hover:w-32"]:hover {
    width: calc(var(--spacing) * 32);
  }
  [class~="sm:w-40"] {
    width: calc(var(--spacing) * 40);
  }
  [class~="sm:hover:w-40"]:hover {
    width: calc(var(--spacing) * 40);
  }
  [class~="sm:w-48"] {
    width: calc(var(--spacing) * 48);
  }
  [class~="sm:hover:w-48"]:hover {
    width: calc(var(--spacing) * 48);
  }
  [class~="sm:w-64"] {
    width: calc(var(--spacing) * 64);
  }
  [class~="sm:hover:w-64"]:hover {
    width: calc(var(--spacing) * 64);
  }
  [class~="sm:w-80"] {
    width: calc(var(--spacing) * 80);
  }
  [class~="sm:hover:w-80"]:hover {
    width: calc(var(--spacing) * 80);
  }
  [class~="sm:w-96"] {
    width: calc(var(--spacing) * 96);
  }
  [class~="sm:hover:w-96"]:hover {
    width: calc(var(--spacing) * 96);
  }
  [class~="sm:w-128"] {
    width: calc(var(--spacing) * 128);
  }
  [class~="sm:hover:w-128"]:hover {
    width: calc(var(--spacing) * 128);
  }
  [class~="sm:min-w-0"] {
    min-width: 0;
  }
  [class~="sm:hover:min-w-0"]:hover {
    min-width: 0;
  }
  [class~="sm:min-w-1"] {
    min-width: calc(var(--spacing) * 1);
  }
  [class~="sm:hover:min-w-1"]:hover {
    min-width: calc(var(--spacing) * 1);
  }
  [class~="sm:min-w-2"] {
    min-width: calc(var(--spacing) * 2);
  }
  [class~="sm:hover:min-w-2"]:hover {
    min-width: calc(var(--spacing) * 2);
  }
  [class~="sm:min-w-3"] {
    min-width: calc(var(--spacing) * 3);
  }
  [class~="sm:hover:min-w-3"]:hover {
    min-width: calc(var(--spacing) * 3);
  }
  [class~="sm:min-w-4"] {
    min-width: calc(var(--spacing) * 4);
  }
  [class~="sm:hover:min-w-4"]:hover {
    min-width: calc(var(--spacing) * 4);
  }
  [class~="sm:min-w-5"] {
    min-width: calc(var(--spacing) * 5);
  }
  [class~="sm:hover:min-w-5"]:hover {
    min-width: calc(var(--spacing) * 5);
  }
  [class~="sm:min-w-6"] {
    min-width: calc(var(--spacing) * 6);
  }
  [class~="sm:hover:min-w-6"]:hover {
    min-width: calc(var(--spacing) * 6);
  }
  [class~="sm:min-w-8"] {
    min-width: calc(var(--spacing) * 8);
  }
  [class~="sm:hover:min-w-8"]:hover {
    min-width: calc(var(--spacing) * 8);
  }
  [class~="sm:min-w-10"] {
    min-width: calc(var(--spacing) * 10);
  }
  [class~="sm:hover:min-w-10"]:hover {
    min-width: calc(var(--spacing) * 10);
  }
  [class~="sm:min-w-12"] {
    min-width: calc(var(--spacing) * 12);
  }
  [class~="sm:hover:min-w-12"]:hover {
    min-width: calc(var(--spacing) * 12);
  }
  [class~="sm:min-w-16"] {
    min-width: calc(var(--spacing) * 16);
  }
  [class~="sm:hover:min-w-16"]:hover {
    min-width: calc(var(--spacing) * 16);
  }
  [class~="sm:min-w-20"] {
    min-width: calc(var(--spacing) * 20);
  }
  [class~="sm:hover:min-w-20"]:hover {
    min-width: calc(var(--spacing) * 20);
  }
  [class~="sm:min-w-24"] {
    min-width: calc(var(--spacing) * 24);
  }
  [class~="sm:hover:min-w-24"]:hover {
    min-width: calc(var(--spacing) * 24);
  }
  [class~="sm:min-w-32"] {
    min-width: calc(var(--spacing) * 32);
  }
  [class~="sm:hover:min-w-32"]:hover {
    min-width: calc(var(--spacing) * 32);
  }
  [class~="sm:min-w-40"] {
    min-width: calc(var(--spacing) * 40);
  }
  [class~="sm:hover:min-w-40"]:hover {
    min-width: calc(var(--spacing) * 40);
  }
  [class~="sm:min-w-48"] {
    min-width: calc(var(--spacing) * 48);
  }
  [class~="sm:hover:min-w-48"]:hover {
    min-width: calc(var(--spacing) * 48);
  }
  [class~="sm:min-w-64"] {
    min-width: calc(var(--spacing) * 64);
  }
  [class~="sm:hover:min-w-64"]:hover {
    min-width: calc(var(--spacing) * 64);
  }
  [class~="sm:min-w-80"] {
    min-width: calc(var(--spacing) * 80);
  }
  [class~="sm:hover:min-w-80"]:hover {
    min-width: calc(var(--spacing) * 80);
  }
  [class~="sm:min-w-96"] {
    min-width: calc(var(--spacing) * 96);
  }
  [class~="sm:hover:min-w-96"]:hover {
    min-width: calc(var(--spacing) * 96);
  }
  [class~="sm:min-w-128"] {
    min-width: calc(var(--spacing) * 128);
  }
  [class~="sm:hover:min-w-128"]:hover {
    min-width: calc(var(--spacing) * 128);
  }
  [class~="sm:max-w-0"] {
    max-width: 0;
  }
  [class~="sm:hover:max-w-0"]:hover {
    max-width: 0;
  }
  [class~="sm:max-w-1"] {
    max-width: calc(var(--spacing) * 1);
  }
  [class~="sm:hover:max-w-1"]:hover {
    max-width: calc(var(--spacing) * 1);
  }
  [class~="sm:max-w-2"] {
    max-width: calc(var(--spacing) * 2);
  }
  [class~="sm:hover:max-w-2"]:hover {
    max-width: calc(var(--spacing) * 2);
  }
  [class~="sm:max-w-3"] {
    max-width: calc(var(--spacing) * 3);
  }
  [class~="sm:hover:max-w-3"]:hover {
    max-width: calc(var(--spacing) * 3);
  }
  [class~="sm:max-w-4"] {
    max-width: calc(var(--spacing) * 4);
  }
  [class~="sm:hover:max-w-4"]:hover {
    max-width: calc(var(--spacing) * 4);
  }
  [class~="sm:max-w-5"] {
    max-width: calc(var(--spacing) * 5);
  }
  [class~="sm:hover:max-w-5"]:hover {
    max-width: calc(var(--spacing) * 5);
  }
  [class~="sm:max-w-6"] {
    max-width: calc(var(--spacing) * 6);
  }
  [class~="sm:hover:max-w-6"]:hover {
    max-width: calc(var(--spacing) * 6);
  }
  [class~="sm:max-w-8"] {
    max-width: calc(var(--spacing) * 8);
  }
  [class~="sm:hover:max-w-8"]:hover {
    max-width: calc(var(--spacing) * 8);
  }
  [class~="sm:max-w-10"] {
    max-width: calc(var(--spacing) * 10);
  }
  [class~="sm:hover:max-w-10"]:hover {
    max-width: calc(var(--spacing) * 10);
  }
  [class~="sm:max-w-12"] {
    max-width: calc(var(--spacing) * 12);
  }
  [class~="sm:hover:max-w-12"]:hover {
    max-width: calc(var(--spacing) * 12);
  }
  [class~="sm:max-w-16"] {
    max-width: calc(var(--spacing) * 16);
  }
  [class~="sm:hover:max-w-16"]:hover {
    max-width: calc(var(--spacing) * 16);
  }
  [class~="sm:max-w-20"] {
    max-width: calc(var(--spacing) * 20);
  }
  [class~="sm:hover:max-w-20"]:hover {
    max-width: calc(var(--spacing) * 20);
  }
  [class~="sm:max-w-24"] {
    max-width: calc(var(--spacing) * 24);
  }
  [class~="sm:hover:max-w-24"]:hover {
    max-width: calc(var(--spacing) * 24);
  }
  [class~="sm:max-w-32"] {
    max-width: calc(var(--spacing) * 32);
  }
  [class~="sm:hover:max-w-32"]:hover {
    max-width: calc(var(--spacing) * 32);
  }
  [class~="sm:max-w-40"] {
    max-width: calc(var(--spacing) * 40);
  }
  [class~="sm:hover:max-w-40"]:hover {
    max-width: calc(var(--spacing) * 40);
  }
  [class~="sm:max-w-48"] {
    max-width: calc(var(--spacing) * 48);
  }
  [class~="sm:hover:max-w-48"]:hover {
    max-width: calc(var(--spacing) * 48);
  }
  [class~="sm:max-w-64"] {
    max-width: calc(var(--spacing) * 64);
  }
  [class~="sm:hover:max-w-64"]:hover {
    max-width: calc(var(--spacing) * 64);
  }
  [class~="sm:max-w-80"] {
    max-width: calc(var(--spacing) * 80);
  }
  [class~="sm:hover:max-w-80"]:hover {
    max-width: calc(var(--spacing) * 80);
  }
  [class~="sm:max-w-96"] {
    max-width: calc(var(--spacing) * 96);
  }
  [class~="sm:hover:max-w-96"]:hover {
    max-width: calc(var(--spacing) * 96);
  }
  [class~="sm:max-w-128"] {
    max-width: calc(var(--spacing) * 128);
  }
  [class~="sm:hover:max-w-128"]:hover {
    max-width: calc(var(--spacing) * 128);
  }
  [class~="sm:h-0"] {
    height: 0;
  }
  [class~="sm:hover:h-0"]:hover {
    height: 0;
  }
  [class~="sm:h-1"] {
    height: calc(var(--spacing) * 1);
  }
  [class~="sm:hover:h-1"]:hover {
    height: calc(var(--spacing) * 1);
  }
  [class~="sm:h-2"] {
    height: calc(var(--spacing) * 2);
  }
  [class~="sm:hover:h-2"]:hover {
    height: calc(var(--spacing) * 2);
  }
  [class~="sm:h-3"] {
    height: calc(var(--spacing) * 3);
  }
  [class~="sm:hover:h-3"]:hover {
    height: calc(var(--spacing) * 3);
  }
  [class~="sm:h-4"] {
    height: calc(var(--spacing) * 4);
  }
  [class~="sm:hover:h-4"]:hover {
    height: calc(var(--spacing) * 4);
  }
  [class~="sm:h-5"] {
    height: calc(var(--spacing) * 5);
  }
  [class~="sm:hover:h-5"]:hover {
    height: calc(var(--spacing) * 5);
  }
  [class~="sm:h-6"] {
    height: calc(var(--spacing) * 6);
  }
  [class~="sm:hover:h-6"]:hover {
    height: calc(var(--spacing) * 6);
  }
  [class~="sm:h-8"] {
    height: calc(var(--spacing) * 8);
  }
  [class~="sm:hover:h-8"]:hover {
    height: calc(var(--spacing) * 8);
  }
  [class~="sm:h-10"] {
    height: calc(var(--spacing) * 10);
  }
  [class~="sm:hover:h-10"]:hover {
    height: calc(var(--spacing) * 10);
  }
  [class~="sm:h-12"] {
    height: calc(var(--spacing) * 12);
  }
  [class~="sm:hover:h-12"]:hover {
    height: calc(var(--spacing) * 12);
  }
  [class~="sm:h-16"] {
    height: calc(var(--spacing) * 16);
  }
  [class~="sm:hover:h-16"]:hover {
    height: calc(var(--spacing) * 16);
  }
  [class~="sm:h-20"] {
    height: calc(var(--spacing) * 20);
  }
  [class~="sm:hover:h-20"]:hover {
    height: calc(var(--spacing) * 20);
  }
  [class~="sm:h-24"] {
    height: calc(var(--spacing) * 24);
  }
  [class~="sm:hover:h-24"]:hover {
    height: calc(var(--spacing) * 24);
  }
  [class~="sm:h-32"] {
    height: calc(var(--spacing) * 32);
  }
  [class~="sm:hover:h-32"]:hover {
    height: calc(var(--spacing) * 32);
  }
  [class~="sm:h-40"] {
    height: calc(var(--spacing) * 40);
  }
  [class~="sm:hover:h-40"]:hover {
    height: calc(var(--spacing) * 40);
  }
  [class~="sm:h-48"] {
    height: calc(var(--spacing) * 48);
  }
  [class~="sm:hover:h-48"]:hover {
    height: calc(var(--spacing) * 48);
  }
  [class~="sm:h-64"] {
    height: calc(var(--spacing) * 64);
  }
  [class~="sm:hover:h-64"]:hover {
    height: calc(var(--spacing) * 64);
  }
  [class~="sm:h-80"] {
    height: calc(var(--spacing) * 80);
  }
  [class~="sm:hover:h-80"]:hover {
    height: calc(var(--spacing) * 80);
  }
  [class~="sm:h-96"] {
    height: calc(var(--spacing) * 96);
  }
  [class~="sm:hover:h-96"]:hover {
    height: calc(var(--spacing) * 96);
  }
  [class~="sm:h-128"] {
    height: calc(var(--spacing) * 128);
  }
  [class~="sm:hover:h-128"]:hover {
    height: calc(var(--spacing) * 128);
  }
  [class~="sm:min-h-0"] {
    min-height: 0;
  }
  [class~="sm:hover:min-h-0"]:hover {
    min-height: 0;
  }
  [class~="sm:min-h-1"] {
    min-height: calc(var(--spacing) * 1);
  }
  [class~="sm:hover:min-h-1"]:hover {
    min-height: calc(var(--spacing) * 1);
  }
  [class~="sm:min-h-2"] {
    min-height: calc(var(--spacing) * 2);
  }
  [class~="sm:hover:min-h-2"]:hover {
    min-height: calc(var(--spacing) * 2);
  }
  [class~="sm:min-h-3"] {
    min-height: calc(var(--spacing) * 3);
  }
  [class~="sm:hover:min-h-3"]:hover {
    min-height: calc(var(--spacing) * 3);
  }
  [class~="sm:min-h-4"] {
    min-height: calc(var(--spacing) * 4);
  }
  [class~="sm:hover:min-h-4"]:hover {
    min-height: calc(var(--spacing) * 4);
  }
  [class~="sm:min-h-5"] {
    min-height: calc(var(--spacing) * 5);
  }
  [class~="sm:hover:min-h-5"]:hover {
    min-height: calc(var(--spacing) * 5);
  }
  [class~="sm:min-h-6"] {
    min-height: calc(var(--spacing) * 6);
  }
  [class~="sm:hover:min-h-6"]:hover {
    min-height: calc(var(--spacing) * 6);
  }
  [class~="sm:min-h-8"] {
    min-height: calc(var(--spacing) * 8);
  }
  [class~="sm:hover:min-h-8"]:hover {
    min-height: calc(var(--spacing) * 8);
  }
  [class~="sm:min-h-10"] {
    min-height: calc(var(--spacing) * 10);
  }
  [class~="sm:hover:min-h-10"]:hover {
    min-height: calc(var(--spacing) * 10);
  }
  [class~="sm:min-h-12"] {
    min-height: calc(var(--spacing) * 12);
  }
  [class~="sm:hover:min-h-12"]:hover {
    min-height: calc(var(--spacing) * 12);
  }
  [class~="sm:min-h-16"] {
    min-height: calc(var(--spacing) * 16);
  }
  [class~="sm:hover:min-h-16"]:hover {
    min-height: calc(var(--spacing) * 16);
  }
  [class~="sm:min-h-20"] {
    min-height: calc(var(--spacing) * 20);
  }
  [class~="sm:hover:min-h-20"]:hover {
    min-height: calc(var(--spacing) * 20);
  }
  [class~="sm:min-h-24"] {
    min-height: calc(var(--spacing) * 24);
  }
  [class~="sm:hover:min-h-24"]:hover {
    min-height: calc(var(--spacing) * 24);
  }
  [class~="sm:min-h-32"] {
    min-height: calc(var(--spacing) * 32);
  }
  [class~="sm:hover:min-h-32"]:hover {
    min-height: calc(var(--spacing) * 32);
  }
  [class~="sm:min-h-40"] {
    min-height: calc(var(--spacing) * 40);
  }
  [class~="sm:hover:min-h-40"]:hover {
    min-height: calc(var(--spacing) * 40);
  }
  [class~="sm:min-h-48"] {
    min-height: calc(var(--spacing) * 48);
  }
  [class~="sm:hover:min-h-48"]:hover {
    min-height: calc(var(--spacing) * 48);
  }
  [class~="sm:min-h-64"] {
    min-height: calc(var(--spacing) * 64);
  }
  [class~="sm:hover:min-h-64"]:hover {
    min-height: calc(var(--spacing) * 64);
  }
  [class~="sm:min-h-80"] {
    min-height: calc(var(--spacing) * 80);
  }
  [class~="sm:hover:min-h-80"]:hover {
    min-height: calc(var(--spacing) * 80);
  }
  [class~="sm:min-h-96"] {
    min-height: calc(var(--spacing) * 96);
  }
  [class~="sm:hover:min-h-96"]:hover {
    min-height: calc(var(--spacing) * 96);
  }
  [class~="sm:min-h-128"] {
    min-height: calc(var(--spacing) * 128);
  }
  [class~="sm:hover:min-h-128"]:hover {
    min-height: calc(var(--spacing) * 128);
  }
  [class~="sm:max-h-0"] {
    max-height: 0;
  }
  [class~="sm:hover:max-h-0"]:hover {
    max-height: 0;
  }
  [class~="sm:max-h-1"] {
    max-height: calc(var(--spacing) * 1);
  }
  [class~="sm:hover:max-h-1"]:hover {
    max-height: calc(var(--spacing) * 1);
  }
  [class~="sm:max-h-2"] {
    max-height: calc(var(--spacing) * 2);
  }
  [class~="sm:hover:max-h-2"]:hover {
    max-height: calc(var(--spacing) * 2);
  }
  [class~="sm:max-h-3"] {
    max-height: calc(var(--spacing) * 3);
  }
  [class~="sm:hover:max-h-3"]:hover {
    max-height: calc(var(--spacing) * 3);
  }
  [class~="sm:max-h-4"] {
    max-height: calc(var(--spacing) * 4);
  }
  [class~="sm:hover:max-h-4"]:hover {
    max-height: calc(var(--spacing) * 4);
  }
  [class~="sm:max-h-5"] {
    max-height: calc(var(--spacing) * 5);
  }
  [class~="sm:hover:max-h-5"]:hover {
    max-height: calc(var(--spacing) * 5);
  }
  [class~="sm:max-h-6"] {
    max-height: calc(var(--spacing) * 6);
  }
  [class~="sm:hover:max-h-6"]:hover {
    max-height: calc(var(--spacing) * 6);
  }
  [class~="sm:max-h-8"] {
    max-height: calc(var(--spacing) * 8);
  }
  [class~="sm:hover:max-h-8"]:hover {
    max-height: calc(var(--spacing) * 8);
  }
  [class~="sm:max-h-10"] {
    max-height: calc(var(--spacing) * 10);
  }
  [class~="sm:hover:max-h-10"]:hover {
    max-height: calc(var(--spacing) * 10);
  }
  [class~="sm:max-h-12"] {
    max-height: calc(var(--spacing) * 12);
  }
  [class~="sm:hover:max-h-12"]:hover {
    max-height: calc(var(--spacing) * 12);
  }
  [class~="sm:max-h-16"] {
    max-height: calc(var(--spacing) * 16);
  }
  [class~="sm:hover:max-h-16"]:hover {
    max-height: calc(var(--spacing) * 16);
  }
  [class~="sm:max-h-20"] {
    max-height: calc(var(--spacing) * 20);
  }
  [class~="sm:hover:max-h-20"]:hover {
    max-height: calc(var(--spacing) * 20);
  }
  [class~="sm:max-h-24"] {
    max-height: calc(var(--spacing) * 24);
  }
  [class~="sm:hover:max-h-24"]:hover {
    max-height: calc(var(--spacing) * 24);
  }
  [class~="sm:max-h-32"] {
    max-height: calc(var(--spacing) * 32);
  }
  [class~="sm:hover:max-h-32"]:hover {
    max-height: calc(var(--spacing) * 32);
  }
  [class~="sm:max-h-40"] {
    max-height: calc(var(--spacing) * 40);
  }
  [class~="sm:hover:max-h-40"]:hover {
    max-height: calc(var(--spacing) * 40);
  }
  [class~="sm:max-h-48"] {
    max-height: calc(var(--spacing) * 48);
  }
  [class~="sm:hover:max-h-48"]:hover {
    max-height: calc(var(--spacing) * 48);
  }
  [class~="sm:max-h-64"] {
    max-height: calc(var(--spacing) * 64);
  }
  [class~="sm:hover:max-h-64"]:hover {
    max-height: calc(var(--spacing) * 64);
  }
  [class~="sm:max-h-80"] {
    max-height: calc(var(--spacing) * 80);
  }
  [class~="sm:hover:max-h-80"]:hover {
    max-height: calc(var(--spacing) * 80);
  }
  [class~="sm:max-h-96"] {
    max-height: calc(var(--spacing) * 96);
  }
  [class~="sm:hover:max-h-96"]:hover {
    max-height: calc(var(--spacing) * 96);
  }
  [class~="sm:max-h-128"] {
    max-height: calc(var(--spacing) * 128);
  }
  [class~="sm:hover:max-h-128"]:hover {
    max-height: calc(var(--spacing) * 128);
  }
  [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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  [class~="sm:hover:flex"]:hover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  [class~="sm:grid"] {
    display: -ms-grid;
    display: grid;
  }
  [class~="sm:hover:grid"]:hover {
    display: -ms-grid;
    display: grid;
  }
  [class~="sm:none"] {
    display: none;
  }
  [class~="sm:hover:none"]:hover {
    display: none;
  }
  [class~="sm:flex-row"] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  [class~="sm:hover:flex-row"]:hover {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  [class~="sm:flex-col"] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  [class~="sm:hover:flex-col"]:hover {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  [class~="sm:flex-row-reverse"] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  [class~="sm:hover:flex-row-reverse"]:hover {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  [class~="sm:flex-col-reverse"] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  [class~="sm:hover:flex-col-reverse"]:hover {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  [class~="sm:flex-nowrap"] {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  [class~="sm:hover:flex-nowrap"]:hover {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  [class~="sm:flex-wrap"] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  [class~="sm:hover:flex-wrap"]:hover {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  [class~="sm:flex-wrap-reverse"] {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
  [class~="sm:hover:flex-wrap-reverse"]:hover {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
  [class~="sm:items-start"] {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  [class~="sm:hover:items-start"]:hover {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  [class~="sm:items-center"] {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  [class~="sm:hover:items-center"]:hover {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  [class~="sm:items-end"] {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
  }
  [class~="sm:hover:items-end"]:hover {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
  }
  [class~="sm:items-baseline"] {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  [class~="sm:hover:items-baseline"]:hover {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  [class~="sm:items-stretch"] {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  [class~="sm:hover:items-stretch"]:hover {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  [class~="sm:justify-start"] {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  [class~="sm:hover:justify-start"]:hover {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  [class~="sm:justify-center"] {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  [class~="sm:hover:justify-center"]:hover {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  [class~="sm:justify-end"] {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
  }
  [class~="sm:hover:justify-end"]:hover {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
  }
  [class~="sm:justify-between"] {
    -webkit-box-pack: between;
        -ms-flex-pack: between;
            justify-content: between;
  }
  [class~="sm:hover:justify-between"]:hover {
    -webkit-box-pack: between;
        -ms-flex-pack: between;
            justify-content: between;
  }
  [class~="sm:grow0"] {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  [class~="sm:hover:grow0"]:hover {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  [class~="sm:grow1"] {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  [class~="sm:hover:grow1"]:hover {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  [class~="sm:grow2"] {
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
  }
  [class~="sm:hover:grow2"]:hover {
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
  }
  [class~="sm:grow3"] {
    -webkit-box-flex: 3;
        -ms-flex-positive: 3;
            flex-grow: 3;
  }
  [class~="sm:hover:grow3"]:hover {
    -webkit-box-flex: 3;
        -ms-flex-positive: 3;
            flex-grow: 3;
  }
  [class~="sm:grow4"] {
    -webkit-box-flex: 4;
        -ms-flex-positive: 4;
            flex-grow: 4;
  }
  [class~="sm:hover:grow4"]:hover {
    -webkit-box-flex: 4;
        -ms-flex-positive: 4;
            flex-grow: 4;
  }
  [class~="sm:grow5"] {
    -webkit-box-flex: 5;
        -ms-flex-positive: 5;
            flex-grow: 5;
  }
  [class~="sm:hover:grow5"]:hover {
    -webkit-box-flex: 5;
        -ms-flex-positive: 5;
            flex-grow: 5;
  }
  [class~="sm:grow6"] {
    -webkit-box-flex: 6;
        -ms-flex-positive: 6;
            flex-grow: 6;
  }
  [class~="sm:hover:grow6"]:hover {
    -webkit-box-flex: 6;
        -ms-flex-positive: 6;
            flex-grow: 6;
  }
  [class~="sm:grow7"] {
    -webkit-box-flex: 7;
        -ms-flex-positive: 7;
            flex-grow: 7;
  }
  [class~="sm:hover:grow7"]:hover {
    -webkit-box-flex: 7;
        -ms-flex-positive: 7;
            flex-grow: 7;
  }
  [class~="sm:grow8"] {
    -webkit-box-flex: 8;
        -ms-flex-positive: 8;
            flex-grow: 8;
  }
  [class~="sm:hover:grow8"]:hover {
    -webkit-box-flex: 8;
        -ms-flex-positive: 8;
            flex-grow: 8;
  }
  [class~="sm:grow9"] {
    -webkit-box-flex: 9;
        -ms-flex-positive: 9;
            flex-grow: 9;
  }
  [class~="sm:hover:grow9"]:hover {
    -webkit-box-flex: 9;
        -ms-flex-positive: 9;
            flex-grow: 9;
  }
  [class~="sm:grow10"] {
    -webkit-box-flex: 10;
        -ms-flex-positive: 10;
            flex-grow: 10;
  }
  [class~="sm:hover:grow10"]:hover {
    -webkit-box-flex: 10;
        -ms-flex-positive: 10;
            flex-grow: 10;
  }
  [class~="sm:grow11"] {
    -webkit-box-flex: 11;
        -ms-flex-positive: 11;
            flex-grow: 11;
  }
  [class~="sm:hover:grow11"]:hover {
    -webkit-box-flex: 11;
        -ms-flex-positive: 11;
            flex-grow: 11;
  }
  [class~="sm:grow12"] {
    -webkit-box-flex: 12;
        -ms-flex-positive: 12;
            flex-grow: 12;
  }
  [class~="sm:hover:grow12"]:hover {
    -webkit-box-flex: 12;
        -ms-flex-positive: 12;
            flex-grow: 12;
  }
  [class~="sm:shrink0"] {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  [class~="sm:hover:shrink0"]:hover {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  [class~="sm:shrink1"] {
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  [class~="sm:hover:shrink1"]:hover {
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  [class~="sm:shrink2"] {
    -ms-flex-negative: 2;
        flex-shrink: 2;
  }
  [class~="sm:hover:shrink2"]:hover {
    -ms-flex-negative: 2;
        flex-shrink: 2;
  }
  [class~="sm:shrink3"] {
    -ms-flex-negative: 3;
        flex-shrink: 3;
  }
  [class~="sm:hover:shrink3"]:hover {
    -ms-flex-negative: 3;
        flex-shrink: 3;
  }
  [class~="sm:shrink4"] {
    -ms-flex-negative: 4;
        flex-shrink: 4;
  }
  [class~="sm:hover:shrink4"]:hover {
    -ms-flex-negative: 4;
        flex-shrink: 4;
  }
  [class~="sm:shrink5"] {
    -ms-flex-negative: 5;
        flex-shrink: 5;
  }
  [class~="sm:hover:shrink5"]:hover {
    -ms-flex-negative: 5;
        flex-shrink: 5;
  }
  [class~="sm:shrink6"] {
    -ms-flex-negative: 6;
        flex-shrink: 6;
  }
  [class~="sm:hover:shrink6"]:hover {
    -ms-flex-negative: 6;
        flex-shrink: 6;
  }
  [class~="sm:shrink7"] {
    -ms-flex-negative: 7;
        flex-shrink: 7;
  }
  [class~="sm:hover:shrink7"]:hover {
    -ms-flex-negative: 7;
        flex-shrink: 7;
  }
  [class~="sm:shrink8"] {
    -ms-flex-negative: 8;
        flex-shrink: 8;
  }
  [class~="sm:hover:shrink8"]:hover {
    -ms-flex-negative: 8;
        flex-shrink: 8;
  }
  [class~="sm:shrink9"] {
    -ms-flex-negative: 9;
        flex-shrink: 9;
  }
  [class~="sm:hover:shrink9"]:hover {
    -ms-flex-negative: 9;
        flex-shrink: 9;
  }
  [class~="sm:shrink10"] {
    -ms-flex-negative: 10;
        flex-shrink: 10;
  }
  [class~="sm:hover:shrink10"]:hover {
    -ms-flex-negative: 10;
        flex-shrink: 10;
  }
  [class~="sm:shrink11"] {
    -ms-flex-negative: 11;
        flex-shrink: 11;
  }
  [class~="sm:hover:shrink11"]:hover {
    -ms-flex-negative: 11;
        flex-shrink: 11;
  }
  [class~="sm:shrink12"] {
    -ms-flex-negative: 12;
        flex-shrink: 12;
  }
  [class~="sm:hover:shrink12"]:hover {
    -ms-flex-negative: 12;
        flex-shrink: 12;
  }
  [class~="sm:grid-auto"] {
    -ms-grid-columns: auto;
    grid-template-columns: auto;
  }
  [class~="sm:hover:grid-auto"]:hover {
    -ms-grid-columns: auto;
    grid-template-columns: auto;
  }
  [class~="sm:grid-1fr"] {
    -ms-grid-columns: (minmax(0, 1fr))[1];
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  [class~="sm:hover:grid-1fr"]:hover {
    -ms-grid-columns: (minmax(0, 1fr))[1];
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  [class~="sm:grid-2fr"] {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  [class~="sm:hover:grid-2fr"]:hover {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  [class~="sm:grid-3fr"] {
    -ms-grid-columns: (minmax(0, 1fr))[3];
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  [class~="sm:hover:grid-3fr"]:hover {
    -ms-grid-columns: (minmax(0, 1fr))[3];
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  [class~="sm:grid-auto"] {
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }
  [class~="sm:hover:grid-auto"]:hover {
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }
  [class~="sm:grid-1fr"] {
    -ms-grid-rows: (minmax(0, 1fr))[1];
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  [class~="sm:hover:grid-1fr"]:hover {
    -ms-grid-rows: (minmax(0, 1fr))[1];
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  [class~="sm:grid-2fr"] {
    -ms-grid-rows: (minmax(0, 1fr))[2];
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  [class~="sm:hover:grid-2fr"]:hover {
    -ms-grid-rows: (minmax(0, 1fr))[2];
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  [class~="sm:grid-3fr"] {
    -ms-grid-rows: (minmax(0, 1fr))[3];
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  [class~="sm:hover:grid-3fr"]:hover {
    -ms-grid-rows: (minmax(0, 1fr))[3];
    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"] {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  [class~="sm:hover:order1"]:hover {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  [class~="sm:order2"] {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  [class~="sm:hover:order2"]:hover {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            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: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"] {
    -webkit-transition-property: none;
    transition-property: none;
  }
  [class~="sm:hover:tp-none"]:hover {
    -webkit-transition-property: none;
    transition-property: none;
  }
  [class~="sm:tp-all"] {
    -webkit-transition-property: all;
    transition-property: all;
  }
  [class~="sm:hover:tp-all"]:hover {
    -webkit-transition-property: all;
    transition-property: all;
  }
  [class~="sm:tp-color"] {
    -webkit-transition-property: color;
    transition-property: color;
  }
  [class~="sm:hover:tp-color"]:hover {
    -webkit-transition-property: color;
    transition-property: color;
  }
  [class~="sm:tp-bgcolor"] {
    -webkit-transition-property: background-color;
    transition-property: background-color;
  }
  [class~="sm:hover:tp-bgcolor"]:hover {
    -webkit-transition-property: background-color;
    transition-property: background-color;
  }
  [class~="sm:tp-border-color"] {
    -webkit-transition-property: border-color;
    transition-property: border-color;
  }
  [class~="sm:hover:tp-border-color"]:hover {
    -webkit-transition-property: border-color;
    transition-property: border-color;
  }
  [class~="sm:tp-opacity"] {
    -webkit-transition-property: opacity;
    transition-property: opacity;
  }
  [class~="sm:hover:tp-opacity"]:hover {
    -webkit-transition-property: opacity;
    transition-property: opacity;
  }
  [class~="sm:tp-transform"] {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
  }
  [class~="sm:hover:tp-transform"]:hover {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
  }
  [class~="sm:td0"] {
    -webkit-transition-duration: 0;
            transition-duration: 0;
  }
  [class~="sm:hover:td0"]:hover {
    -webkit-transition-duration: 0;
            transition-duration: 0;
  }
  [class~="sm:td100"] {
    -webkit-transition-duration: 0.1s;
            transition-duration: 0.1s;
  }
  [class~="sm:hover:td100"]:hover {
    -webkit-transition-duration: 0.1s;
            transition-duration: 0.1s;
  }
  [class~="sm:td200"] {
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
  }
  [class~="sm:hover:td200"]:hover {
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
  }
  [class~="sm:td300"] {
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
  }
  [class~="sm:hover:td300"]:hover {
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
  }
  [class~="sm:td400"] {
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
  }
  [class~="sm:hover:td400"]:hover {
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
  }
  [class~="sm:td500"] {
    -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
  }
  [class~="sm:hover:td500"]:hover {
    -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
  }
  [class~="sm:ttf-linear"] {
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
  }
  [class~="sm:hover:ttf-linear"]:hover {
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
  }
  [class~="sm:ttf-ease"] {
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
  }
  [class~="sm:hover:ttf-ease"]:hover {
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
  }
  [class~="sm:ttf-ease-in"] {
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }
  [class~="sm:hover:ttf-ease-in"]:hover {
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }
  [class~="sm:ttf-ease-out"] {
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
  }
  [class~="sm:hover:ttf-ease-out"]:hover {
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
  }
  [class~="sm:ttf-ease-in-out"] {
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
  }
  [class~="sm:hover:ttf-ease-in-out"]:hover {
    -webkit-transition-timing-function: ease-in-out;
            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:wrapper"] {
    margin-inline: var(--fullbleed);
  }
  [class~="sm:hover:wrapper"]:hover {
    margin-inline: 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-base"] {
    font-size: var(--text-base);
  }
  [class~="md:hover:text-base"]:hover {
    font-size: var(--text-base);
  }
  [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:p-0"] {
    padding: 0;
  }
  [class~="md:hover:p-0"]:hover {
    padding: 0;
  }
  [class~="md:p-1"] {
    padding: calc(var(--spacing) * 1);
  }
  [class~="md:hover:p-1"]:hover {
    padding: calc(var(--spacing) * 1);
  }
  [class~="md:p-2"] {
    padding: calc(var(--spacing) * 2);
  }
  [class~="md:hover:p-2"]:hover {
    padding: calc(var(--spacing) * 2);
  }
  [class~="md:p-3"] {
    padding: calc(var(--spacing) * 3);
  }
  [class~="md:hover:p-3"]:hover {
    padding: calc(var(--spacing) * 3);
  }
  [class~="md:p-4"] {
    padding: calc(var(--spacing) * 4);
  }
  [class~="md:hover:p-4"]:hover {
    padding: calc(var(--spacing) * 4);
  }
  [class~="md:p-5"] {
    padding: calc(var(--spacing) * 5);
  }
  [class~="md:hover:p-5"]:hover {
    padding: calc(var(--spacing) * 5);
  }
  [class~="md:p-6"] {
    padding: calc(var(--spacing) * 6);
  }
  [class~="md:hover:p-6"]:hover {
    padding: calc(var(--spacing) * 6);
  }
  [class~="md:p-8"] {
    padding: calc(var(--spacing) * 8);
  }
  [class~="md:hover:p-8"]:hover {
    padding: calc(var(--spacing) * 8);
  }
  [class~="md:p-10"] {
    padding: calc(var(--spacing) * 10);
  }
  [class~="md:hover:p-10"]:hover {
    padding: calc(var(--spacing) * 10);
  }
  [class~="md:p-12"] {
    padding: calc(var(--spacing) * 12);
  }
  [class~="md:hover:p-12"]:hover {
    padding: calc(var(--spacing) * 12);
  }
  [class~="md:p-16"] {
    padding: calc(var(--spacing) * 16);
  }
  [class~="md:hover:p-16"]:hover {
    padding: calc(var(--spacing) * 16);
  }
  [class~="md:p-20"] {
    padding: calc(var(--spacing) * 20);
  }
  [class~="md:hover:p-20"]:hover {
    padding: calc(var(--spacing) * 20);
  }
  [class~="md:p-24"] {
    padding: calc(var(--spacing) * 24);
  }
  [class~="md:hover:p-24"]:hover {
    padding: calc(var(--spacing) * 24);
  }
  [class~="md:p-32"] {
    padding: calc(var(--spacing) * 32);
  }
  [class~="md:hover:p-32"]:hover {
    padding: calc(var(--spacing) * 32);
  }
  [class~="md:p-40"] {
    padding: calc(var(--spacing) * 40);
  }
  [class~="md:hover:p-40"]:hover {
    padding: calc(var(--spacing) * 40);
  }
  [class~="md:p-48"] {
    padding: calc(var(--spacing) * 48);
  }
  [class~="md:hover:p-48"]:hover {
    padding: calc(var(--spacing) * 48);
  }
  [class~="md:p-64"] {
    padding: calc(var(--spacing) * 64);
  }
  [class~="md:hover:p-64"]:hover {
    padding: calc(var(--spacing) * 64);
  }
  [class~="md:p-80"] {
    padding: calc(var(--spacing) * 80);
  }
  [class~="md:hover:p-80"]:hover {
    padding: calc(var(--spacing) * 80);
  }
  [class~="md:p-96"] {
    padding: calc(var(--spacing) * 96);
  }
  [class~="md:hover:p-96"]:hover {
    padding: calc(var(--spacing) * 96);
  }
  [class~="md:p-128"] {
    padding: calc(var(--spacing) * 128);
  }
  [class~="md:hover:p-128"]:hover {
    padding: calc(var(--spacing) * 128);
  }
  [class~="md:pb-0"] {
    padding-block: 0;
  }
  [class~="md:hover:pb-0"]:hover {
    padding-block: 0;
  }
  [class~="md:pb-1"] {
    padding-block: calc(var(--spacing) * 1);
  }
  [class~="md:hover:pb-1"]:hover {
    padding-block: calc(var(--spacing) * 1);
  }
  [class~="md:pb-2"] {
    padding-block: calc(var(--spacing) * 2);
  }
  [class~="md:hover:pb-2"]:hover {
    padding-block: calc(var(--spacing) * 2);
  }
  [class~="md:pb-3"] {
    padding-block: calc(var(--spacing) * 3);
  }
  [class~="md:hover:pb-3"]:hover {
    padding-block: calc(var(--spacing) * 3);
  }
  [class~="md:pb-4"] {
    padding-block: calc(var(--spacing) * 4);
  }
  [class~="md:hover:pb-4"]:hover {
    padding-block: calc(var(--spacing) * 4);
  }
  [class~="md:pb-5"] {
    padding-block: calc(var(--spacing) * 5);
  }
  [class~="md:hover:pb-5"]:hover {
    padding-block: calc(var(--spacing) * 5);
  }
  [class~="md:pb-6"] {
    padding-block: calc(var(--spacing) * 6);
  }
  [class~="md:hover:pb-6"]:hover {
    padding-block: calc(var(--spacing) * 6);
  }
  [class~="md:pb-8"] {
    padding-block: calc(var(--spacing) * 8);
  }
  [class~="md:hover:pb-8"]:hover {
    padding-block: calc(var(--spacing) * 8);
  }
  [class~="md:pb-10"] {
    padding-block: calc(var(--spacing) * 10);
  }
  [class~="md:hover:pb-10"]:hover {
    padding-block: calc(var(--spacing) * 10);
  }
  [class~="md:pb-12"] {
    padding-block: calc(var(--spacing) * 12);
  }
  [class~="md:hover:pb-12"]:hover {
    padding-block: calc(var(--spacing) * 12);
  }
  [class~="md:pb-16"] {
    padding-block: calc(var(--spacing) * 16);
  }
  [class~="md:hover:pb-16"]:hover {
    padding-block: calc(var(--spacing) * 16);
  }
  [class~="md:pb-20"] {
    padding-block: calc(var(--spacing) * 20);
  }
  [class~="md:hover:pb-20"]:hover {
    padding-block: calc(var(--spacing) * 20);
  }
  [class~="md:pb-24"] {
    padding-block: calc(var(--spacing) * 24);
  }
  [class~="md:hover:pb-24"]:hover {
    padding-block: calc(var(--spacing) * 24);
  }
  [class~="md:pb-32"] {
    padding-block: calc(var(--spacing) * 32);
  }
  [class~="md:hover:pb-32"]:hover {
    padding-block: calc(var(--spacing) * 32);
  }
  [class~="md:pb-40"] {
    padding-block: calc(var(--spacing) * 40);
  }
  [class~="md:hover:pb-40"]:hover {
    padding-block: calc(var(--spacing) * 40);
  }
  [class~="md:pb-48"] {
    padding-block: calc(var(--spacing) * 48);
  }
  [class~="md:hover:pb-48"]:hover {
    padding-block: calc(var(--spacing) * 48);
  }
  [class~="md:pb-64"] {
    padding-block: calc(var(--spacing) * 64);
  }
  [class~="md:hover:pb-64"]:hover {
    padding-block: calc(var(--spacing) * 64);
  }
  [class~="md:pb-80"] {
    padding-block: calc(var(--spacing) * 80);
  }
  [class~="md:hover:pb-80"]:hover {
    padding-block: calc(var(--spacing) * 80);
  }
  [class~="md:pb-96"] {
    padding-block: calc(var(--spacing) * 96);
  }
  [class~="md:hover:pb-96"]:hover {
    padding-block: calc(var(--spacing) * 96);
  }
  [class~="md:pb-128"] {
    padding-block: calc(var(--spacing) * 128);
  }
  [class~="md:hover:pb-128"]:hover {
    padding-block: calc(var(--spacing) * 128);
  }
  [class~="md:pi-0"] {
    padding-inline: 0;
  }
  [class~="md:hover:pi-0"]:hover {
    padding-inline: 0;
  }
  [class~="md:pi-1"] {
    padding-inline: calc(var(--spacing) * 1);
  }
  [class~="md:hover:pi-1"]:hover {
    padding-inline: calc(var(--spacing) * 1);
  }
  [class~="md:pi-2"] {
    padding-inline: calc(var(--spacing) * 2);
  }
  [class~="md:hover:pi-2"]:hover {
    padding-inline: calc(var(--spacing) * 2);
  }
  [class~="md:pi-3"] {
    padding-inline: calc(var(--spacing) * 3);
  }
  [class~="md:hover:pi-3"]:hover {
    padding-inline: calc(var(--spacing) * 3);
  }
  [class~="md:pi-4"] {
    padding-inline: calc(var(--spacing) * 4);
  }
  [class~="md:hover:pi-4"]:hover {
    padding-inline: calc(var(--spacing) * 4);
  }
  [class~="md:pi-5"] {
    padding-inline: calc(var(--spacing) * 5);
  }
  [class~="md:hover:pi-5"]:hover {
    padding-inline: calc(var(--spacing) * 5);
  }
  [class~="md:pi-6"] {
    padding-inline: calc(var(--spacing) * 6);
  }
  [class~="md:hover:pi-6"]:hover {
    padding-inline: calc(var(--spacing) * 6);
  }
  [class~="md:pi-8"] {
    padding-inline: calc(var(--spacing) * 8);
  }
  [class~="md:hover:pi-8"]:hover {
    padding-inline: calc(var(--spacing) * 8);
  }
  [class~="md:pi-10"] {
    padding-inline: calc(var(--spacing) * 10);
  }
  [class~="md:hover:pi-10"]:hover {
    padding-inline: calc(var(--spacing) * 10);
  }
  [class~="md:pi-12"] {
    padding-inline: calc(var(--spacing) * 12);
  }
  [class~="md:hover:pi-12"]:hover {
    padding-inline: calc(var(--spacing) * 12);
  }
  [class~="md:pi-16"] {
    padding-inline: calc(var(--spacing) * 16);
  }
  [class~="md:hover:pi-16"]:hover {
    padding-inline: calc(var(--spacing) * 16);
  }
  [class~="md:pi-20"] {
    padding-inline: calc(var(--spacing) * 20);
  }
  [class~="md:hover:pi-20"]:hover {
    padding-inline: calc(var(--spacing) * 20);
  }
  [class~="md:pi-24"] {
    padding-inline: calc(var(--spacing) * 24);
  }
  [class~="md:hover:pi-24"]:hover {
    padding-inline: calc(var(--spacing) * 24);
  }
  [class~="md:pi-32"] {
    padding-inline: calc(var(--spacing) * 32);
  }
  [class~="md:hover:pi-32"]:hover {
    padding-inline: calc(var(--spacing) * 32);
  }
  [class~="md:pi-40"] {
    padding-inline: calc(var(--spacing) * 40);
  }
  [class~="md:hover:pi-40"]:hover {
    padding-inline: calc(var(--spacing) * 40);
  }
  [class~="md:pi-48"] {
    padding-inline: calc(var(--spacing) * 48);
  }
  [class~="md:hover:pi-48"]:hover {
    padding-inline: calc(var(--spacing) * 48);
  }
  [class~="md:pi-64"] {
    padding-inline: calc(var(--spacing) * 64);
  }
  [class~="md:hover:pi-64"]:hover {
    padding-inline: calc(var(--spacing) * 64);
  }
  [class~="md:pi-80"] {
    padding-inline: calc(var(--spacing) * 80);
  }
  [class~="md:hover:pi-80"]:hover {
    padding-inline: calc(var(--spacing) * 80);
  }
  [class~="md:pi-96"] {
    padding-inline: calc(var(--spacing) * 96);
  }
  [class~="md:hover:pi-96"]:hover {
    padding-inline: calc(var(--spacing) * 96);
  }
  [class~="md:pi-128"] {
    padding-inline: calc(var(--spacing) * 128);
  }
  [class~="md:hover:pi-128"]:hover {
    padding-inline: calc(var(--spacing) * 128);
  }
  [class~="md:ps-0"] {
    -webkit-padding-start: 0;
            padding-inline-start: 0;
  }
  [class~="md:hover:ps-0"]:hover {
    -webkit-padding-start: 0;
            padding-inline-start: 0;
  }
  [class~="md:ps-1"] {
    -webkit-padding-start: calc(var(--spacing) * 1);
            padding-inline-start: calc(var(--spacing) * 1);
  }
  [class~="md:hover:ps-1"]:hover {
    -webkit-padding-start: calc(var(--spacing) * 1);
            padding-inline-start: calc(var(--spacing) * 1);
  }
  [class~="md:ps-2"] {
    -webkit-padding-start: calc(var(--spacing) * 2);
            padding-inline-start: calc(var(--spacing) * 2);
  }
  [class~="md:hover:ps-2"]:hover {
    -webkit-padding-start: calc(var(--spacing) * 2);
            padding-inline-start: calc(var(--spacing) * 2);
  }
  [class~="md:ps-3"] {
    -webkit-padding-start: calc(var(--spacing) * 3);
            padding-inline-start: calc(var(--spacing) * 3);
  }
  [class~="md:hover:ps-3"]:hover {
    -webkit-padding-start: calc(var(--spacing) * 3);
            padding-inline-start: calc(var(--spacing) * 3);
  }
  [class~="md:ps-4"] {
    -webkit-padding-start: calc(var(--spacing) * 4);
            padding-inline-start: calc(var(--spacing) * 4);
  }
  [class~="md:hover:ps-4"]:hover {
    -webkit-padding-start: calc(var(--spacing) * 4);
            padding-inline-start: calc(var(--spacing) * 4);
  }
  [class~="md:ps-5"] {
    -webkit-padding-start: calc(var(--spacing) * 5);
            padding-inline-start: calc(var(--spacing) * 5);
  }
  [class~="md:hover:ps-5"]:hover {
    -webkit-padding-start: calc(var(--spacing) * 5);
            padding-inline-start: calc(var(--spacing) * 5);
  }
  [class~="md:ps-6"] {
    -webkit-padding-start: calc(var(--spacing) * 6);
            padding-inline-start: calc(var(--spacing) * 6);
  }
  [class~="md:hover:ps-6"]:hover {
    -webkit-padding-start: calc(var(--spacing) * 6);
            padding-inline-start: calc(var(--spacing) * 6);
  }
  [class~="md:ps-8"] {
    -webkit-padding-start: calc(var(--spacing) * 8);
            padding-inline-start: calc(var(--spacing) * 8);
  }
  [class~="md:hover:ps-8"]:hover {
    -webkit-padding-start: calc(var(--spacing) * 8);
            padding-inline-start: calc(var(--spacing) * 8);
  }
  [class~="md:ps-10"] {
    -webkit-padding-start: calc(var(--spacing) * 10);
            padding-inline-start: calc(var(--spacing) * 10);
  }
  [class~="md:hover:ps-10"]:hover {
    -webkit-padding-start: calc(var(--spacing) * 10);
            padding-inline-start: calc(var(--spacing) * 10);
  }
  [class~="md:ps-12"] {
    -webkit-padding-start: calc(var(--spacing) * 12);
            padding-inline-start: calc(var(--spacing) * 12);
  }
  [class~="md:hover:ps-12"]:hover {
    -webkit-padding-start: calc(var(--spacing) * 12);
            padding-inline-start: calc(var(--spacing) * 12);
  }
  [class~="md:ps-16"] {
    -webkit-padding-start: calc(var(--spacing) * 16);
            padding-inline-start: calc(var(--spacing) * 16);
  }
  [class~="md:hover:ps-16"]:hover {
    -webkit-padding-start: calc(var(--spacing) * 16);
            padding-inline-start: calc(var(--spacing) * 16);
  }
  [class~="md:ps-20"] {
    -webkit-padding-start: calc(var(--spacing) * 20);
            padding-inline-start: calc(var(--spacing) * 20);
  }
  [class~="md:hover:ps-20"]:hover {
    -webkit-padding-start: calc(var(--spacing) * 20);
            padding-inline-start: calc(var(--spacing) * 20);
  }
  [class~="md:ps-24"] {
    -webkit-padding-start: calc(var(--spacing) * 24);
            padding-inline-start: calc(var(--spacing) * 24);
  }
  [class~="md:hover:ps-24"]:hover {
    -webkit-padding-start: calc(var(--spacing) * 24);
            padding-inline-start: calc(var(--spacing) * 24);
  }
  [class~="md:ps-32"] {
    -webkit-padding-start: calc(var(--spacing) * 32);
            padding-inline-start: calc(var(--spacing) * 32);
  }
  [class~="md:hover:ps-32"]:hover {
    -webkit-padding-start: calc(var(--spacing) * 32);
            padding-inline-start: calc(var(--spacing) * 32);
  }
  [class~="md:ps-40"] {
    -webkit-padding-start: calc(var(--spacing) * 40);
            padding-inline-start: calc(var(--spacing) * 40);
  }
  [class~="md:hover:ps-40"]:hover {
    -webkit-padding-start: calc(var(--spacing) * 40);
            padding-inline-start: calc(var(--spacing) * 40);
  }
  [class~="md:ps-48"] {
    -webkit-padding-start: calc(var(--spacing) * 48);
            padding-inline-start: calc(var(--spacing) * 48);
  }
  [class~="md:hover:ps-48"]:hover {
    -webkit-padding-start: calc(var(--spacing) * 48);
            padding-inline-start: calc(var(--spacing) * 48);
  }
  [class~="md:ps-64"] {
    -webkit-padding-start: calc(var(--spacing) * 64);
            padding-inline-start: calc(var(--spacing) * 64);
  }
  [class~="md:hover:ps-64"]:hover {
    -webkit-padding-start: calc(var(--spacing) * 64);
            padding-inline-start: calc(var(--spacing) * 64);
  }
  [class~="md:ps-80"] {
    -webkit-padding-start: calc(var(--spacing) * 80);
            padding-inline-start: calc(var(--spacing) * 80);
  }
  [class~="md:hover:ps-80"]:hover {
    -webkit-padding-start: calc(var(--spacing) * 80);
            padding-inline-start: calc(var(--spacing) * 80);
  }
  [class~="md:ps-96"] {
    -webkit-padding-start: calc(var(--spacing) * 96);
            padding-inline-start: calc(var(--spacing) * 96);
  }
  [class~="md:hover:ps-96"]:hover {
    -webkit-padding-start: calc(var(--spacing) * 96);
            padding-inline-start: calc(var(--spacing) * 96);
  }
  [class~="md:ps-128"] {
    -webkit-padding-start: calc(var(--spacing) * 128);
            padding-inline-start: calc(var(--spacing) * 128);
  }
  [class~="md:hover:ps-128"]:hover {
    -webkit-padding-start: calc(var(--spacing) * 128);
            padding-inline-start: calc(var(--spacing) * 128);
  }
  [class~="md:pe-0"] {
    -webkit-padding-end: 0;
            padding-inline-end: 0;
  }
  [class~="md:hover:pe-0"]:hover {
    -webkit-padding-end: 0;
            padding-inline-end: 0;
  }
  [class~="md:pe-1"] {
    -webkit-padding-end: calc(var(--spacing) * 1);
            padding-inline-end: calc(var(--spacing) * 1);
  }
  [class~="md:hover:pe-1"]:hover {
    -webkit-padding-end: calc(var(--spacing) * 1);
            padding-inline-end: calc(var(--spacing) * 1);
  }
  [class~="md:pe-2"] {
    -webkit-padding-end: calc(var(--spacing) * 2);
            padding-inline-end: calc(var(--spacing) * 2);
  }
  [class~="md:hover:pe-2"]:hover {
    -webkit-padding-end: calc(var(--spacing) * 2);
            padding-inline-end: calc(var(--spacing) * 2);
  }
  [class~="md:pe-3"] {
    -webkit-padding-end: calc(var(--spacing) * 3);
            padding-inline-end: calc(var(--spacing) * 3);
  }
  [class~="md:hover:pe-3"]:hover {
    -webkit-padding-end: calc(var(--spacing) * 3);
            padding-inline-end: calc(var(--spacing) * 3);
  }
  [class~="md:pe-4"] {
    -webkit-padding-end: calc(var(--spacing) * 4);
            padding-inline-end: calc(var(--spacing) * 4);
  }
  [class~="md:hover:pe-4"]:hover {
    -webkit-padding-end: calc(var(--spacing) * 4);
            padding-inline-end: calc(var(--spacing) * 4);
  }
  [class~="md:pe-5"] {
    -webkit-padding-end: calc(var(--spacing) * 5);
            padding-inline-end: calc(var(--spacing) * 5);
  }
  [class~="md:hover:pe-5"]:hover {
    -webkit-padding-end: calc(var(--spacing) * 5);
            padding-inline-end: calc(var(--spacing) * 5);
  }
  [class~="md:pe-6"] {
    -webkit-padding-end: calc(var(--spacing) * 6);
            padding-inline-end: calc(var(--spacing) * 6);
  }
  [class~="md:hover:pe-6"]:hover {
    -webkit-padding-end: calc(var(--spacing) * 6);
            padding-inline-end: calc(var(--spacing) * 6);
  }
  [class~="md:pe-8"] {
    -webkit-padding-end: calc(var(--spacing) * 8);
            padding-inline-end: calc(var(--spacing) * 8);
  }
  [class~="md:hover:pe-8"]:hover {
    -webkit-padding-end: calc(var(--spacing) * 8);
            padding-inline-end: calc(var(--spacing) * 8);
  }
  [class~="md:pe-10"] {
    -webkit-padding-end: calc(var(--spacing) * 10);
            padding-inline-end: calc(var(--spacing) * 10);
  }
  [class~="md:hover:pe-10"]:hover {
    -webkit-padding-end: calc(var(--spacing) * 10);
            padding-inline-end: calc(var(--spacing) * 10);
  }
  [class~="md:pe-12"] {
    -webkit-padding-end: calc(var(--spacing) * 12);
            padding-inline-end: calc(var(--spacing) * 12);
  }
  [class~="md:hover:pe-12"]:hover {
    -webkit-padding-end: calc(var(--spacing) * 12);
            padding-inline-end: calc(var(--spacing) * 12);
  }
  [class~="md:pe-16"] {
    -webkit-padding-end: calc(var(--spacing) * 16);
            padding-inline-end: calc(var(--spacing) * 16);
  }
  [class~="md:hover:pe-16"]:hover {
    -webkit-padding-end: calc(var(--spacing) * 16);
            padding-inline-end: calc(var(--spacing) * 16);
  }
  [class~="md:pe-20"] {
    -webkit-padding-end: calc(var(--spacing) * 20);
            padding-inline-end: calc(var(--spacing) * 20);
  }
  [class~="md:hover:pe-20"]:hover {
    -webkit-padding-end: calc(var(--spacing) * 20);
            padding-inline-end: calc(var(--spacing) * 20);
  }
  [class~="md:pe-24"] {
    -webkit-padding-end: calc(var(--spacing) * 24);
            padding-inline-end: calc(var(--spacing) * 24);
  }
  [class~="md:hover:pe-24"]:hover {
    -webkit-padding-end: calc(var(--spacing) * 24);
            padding-inline-end: calc(var(--spacing) * 24);
  }
  [class~="md:pe-32"] {
    -webkit-padding-end: calc(var(--spacing) * 32);
            padding-inline-end: calc(var(--spacing) * 32);
  }
  [class~="md:hover:pe-32"]:hover {
    -webkit-padding-end: calc(var(--spacing) * 32);
            padding-inline-end: calc(var(--spacing) * 32);
  }
  [class~="md:pe-40"] {
    -webkit-padding-end: calc(var(--spacing) * 40);
            padding-inline-end: calc(var(--spacing) * 40);
  }
  [class~="md:hover:pe-40"]:hover {
    -webkit-padding-end: calc(var(--spacing) * 40);
            padding-inline-end: calc(var(--spacing) * 40);
  }
  [class~="md:pe-48"] {
    -webkit-padding-end: calc(var(--spacing) * 48);
            padding-inline-end: calc(var(--spacing) * 48);
  }
  [class~="md:hover:pe-48"]:hover {
    -webkit-padding-end: calc(var(--spacing) * 48);
            padding-inline-end: calc(var(--spacing) * 48);
  }
  [class~="md:pe-64"] {
    -webkit-padding-end: calc(var(--spacing) * 64);
            padding-inline-end: calc(var(--spacing) * 64);
  }
  [class~="md:hover:pe-64"]:hover {
    -webkit-padding-end: calc(var(--spacing) * 64);
            padding-inline-end: calc(var(--spacing) * 64);
  }
  [class~="md:pe-80"] {
    -webkit-padding-end: calc(var(--spacing) * 80);
            padding-inline-end: calc(var(--spacing) * 80);
  }
  [class~="md:hover:pe-80"]:hover {
    -webkit-padding-end: calc(var(--spacing) * 80);
            padding-inline-end: calc(var(--spacing) * 80);
  }
  [class~="md:pe-96"] {
    -webkit-padding-end: calc(var(--spacing) * 96);
            padding-inline-end: calc(var(--spacing) * 96);
  }
  [class~="md:hover:pe-96"]:hover {
    -webkit-padding-end: calc(var(--spacing) * 96);
            padding-inline-end: calc(var(--spacing) * 96);
  }
  [class~="md:pe-128"] {
    -webkit-padding-end: calc(var(--spacing) * 128);
            padding-inline-end: calc(var(--spacing) * 128);
  }
  [class~="md:hover:pe-128"]:hover {
    -webkit-padding-end: calc(var(--spacing) * 128);
            padding-inline-end: calc(var(--spacing) * 128);
  }
  [class~="md:m-0"] {
    margin: 0;
  }
  [class~="md:hover:m-0"]:hover {
    margin: 0;
  }
  [class~="md:m-1"] {
    margin: calc(var(--spacing) * 1);
  }
  [class~="md:hover:m-1"]:hover {
    margin: calc(var(--spacing) * 1);
  }
  [class~="md:m-2"] {
    margin: calc(var(--spacing) * 2);
  }
  [class~="md:hover:m-2"]:hover {
    margin: calc(var(--spacing) * 2);
  }
  [class~="md:m-3"] {
    margin: calc(var(--spacing) * 3);
  }
  [class~="md:hover:m-3"]:hover {
    margin: calc(var(--spacing) * 3);
  }
  [class~="md:m-4"] {
    margin: calc(var(--spacing) * 4);
  }
  [class~="md:hover:m-4"]:hover {
    margin: calc(var(--spacing) * 4);
  }
  [class~="md:m-5"] {
    margin: calc(var(--spacing) * 5);
  }
  [class~="md:hover:m-5"]:hover {
    margin: calc(var(--spacing) * 5);
  }
  [class~="md:m-6"] {
    margin: calc(var(--spacing) * 6);
  }
  [class~="md:hover:m-6"]:hover {
    margin: calc(var(--spacing) * 6);
  }
  [class~="md:m-8"] {
    margin: calc(var(--spacing) * 8);
  }
  [class~="md:hover:m-8"]:hover {
    margin: calc(var(--spacing) * 8);
  }
  [class~="md:m-10"] {
    margin: calc(var(--spacing) * 10);
  }
  [class~="md:hover:m-10"]:hover {
    margin: calc(var(--spacing) * 10);
  }
  [class~="md:m-12"] {
    margin: calc(var(--spacing) * 12);
  }
  [class~="md:hover:m-12"]:hover {
    margin: calc(var(--spacing) * 12);
  }
  [class~="md:m-16"] {
    margin: calc(var(--spacing) * 16);
  }
  [class~="md:hover:m-16"]:hover {
    margin: calc(var(--spacing) * 16);
  }
  [class~="md:m-20"] {
    margin: calc(var(--spacing) * 20);
  }
  [class~="md:hover:m-20"]:hover {
    margin: calc(var(--spacing) * 20);
  }
  [class~="md:m-24"] {
    margin: calc(var(--spacing) * 24);
  }
  [class~="md:hover:m-24"]:hover {
    margin: calc(var(--spacing) * 24);
  }
  [class~="md:m-32"] {
    margin: calc(var(--spacing) * 32);
  }
  [class~="md:hover:m-32"]:hover {
    margin: calc(var(--spacing) * 32);
  }
  [class~="md:m-40"] {
    margin: calc(var(--spacing) * 40);
  }
  [class~="md:hover:m-40"]:hover {
    margin: calc(var(--spacing) * 40);
  }
  [class~="md:m-48"] {
    margin: calc(var(--spacing) * 48);
  }
  [class~="md:hover:m-48"]:hover {
    margin: calc(var(--spacing) * 48);
  }
  [class~="md:m-64"] {
    margin: calc(var(--spacing) * 64);
  }
  [class~="md:hover:m-64"]:hover {
    margin: calc(var(--spacing) * 64);
  }
  [class~="md:m-80"] {
    margin: calc(var(--spacing) * 80);
  }
  [class~="md:hover:m-80"]:hover {
    margin: calc(var(--spacing) * 80);
  }
  [class~="md:m-96"] {
    margin: calc(var(--spacing) * 96);
  }
  [class~="md:hover:m-96"]:hover {
    margin: calc(var(--spacing) * 96);
  }
  [class~="md:m-128"] {
    margin: calc(var(--spacing) * 128);
  }
  [class~="md:hover:m-128"]:hover {
    margin: calc(var(--spacing) * 128);
  }
  [class~="md:mb-0"] {
    margin-block: 0;
  }
  [class~="md:hover:mb-0"]:hover {
    margin-block: 0;
  }
  [class~="md:mb-1"] {
    margin-block: calc(var(--spacing) * 1);
  }
  [class~="md:hover:mb-1"]:hover {
    margin-block: calc(var(--spacing) * 1);
  }
  [class~="md:mb-2"] {
    margin-block: calc(var(--spacing) * 2);
  }
  [class~="md:hover:mb-2"]:hover {
    margin-block: calc(var(--spacing) * 2);
  }
  [class~="md:mb-3"] {
    margin-block: calc(var(--spacing) * 3);
  }
  [class~="md:hover:mb-3"]:hover {
    margin-block: calc(var(--spacing) * 3);
  }
  [class~="md:mb-4"] {
    margin-block: calc(var(--spacing) * 4);
  }
  [class~="md:hover:mb-4"]:hover {
    margin-block: calc(var(--spacing) * 4);
  }
  [class~="md:mb-5"] {
    margin-block: calc(var(--spacing) * 5);
  }
  [class~="md:hover:mb-5"]:hover {
    margin-block: calc(var(--spacing) * 5);
  }
  [class~="md:mb-6"] {
    margin-block: calc(var(--spacing) * 6);
  }
  [class~="md:hover:mb-6"]:hover {
    margin-block: calc(var(--spacing) * 6);
  }
  [class~="md:mb-8"] {
    margin-block: calc(var(--spacing) * 8);
  }
  [class~="md:hover:mb-8"]:hover {
    margin-block: calc(var(--spacing) * 8);
  }
  [class~="md:mb-10"] {
    margin-block: calc(var(--spacing) * 10);
  }
  [class~="md:hover:mb-10"]:hover {
    margin-block: calc(var(--spacing) * 10);
  }
  [class~="md:mb-12"] {
    margin-block: calc(var(--spacing) * 12);
  }
  [class~="md:hover:mb-12"]:hover {
    margin-block: calc(var(--spacing) * 12);
  }
  [class~="md:mb-16"] {
    margin-block: calc(var(--spacing) * 16);
  }
  [class~="md:hover:mb-16"]:hover {
    margin-block: calc(var(--spacing) * 16);
  }
  [class~="md:mb-20"] {
    margin-block: calc(var(--spacing) * 20);
  }
  [class~="md:hover:mb-20"]:hover {
    margin-block: calc(var(--spacing) * 20);
  }
  [class~="md:mb-24"] {
    margin-block: calc(var(--spacing) * 24);
  }
  [class~="md:hover:mb-24"]:hover {
    margin-block: calc(var(--spacing) * 24);
  }
  [class~="md:mb-32"] {
    margin-block: calc(var(--spacing) * 32);
  }
  [class~="md:hover:mb-32"]:hover {
    margin-block: calc(var(--spacing) * 32);
  }
  [class~="md:mb-40"] {
    margin-block: calc(var(--spacing) * 40);
  }
  [class~="md:hover:mb-40"]:hover {
    margin-block: calc(var(--spacing) * 40);
  }
  [class~="md:mb-48"] {
    margin-block: calc(var(--spacing) * 48);
  }
  [class~="md:hover:mb-48"]:hover {
    margin-block: calc(var(--spacing) * 48);
  }
  [class~="md:mb-64"] {
    margin-block: calc(var(--spacing) * 64);
  }
  [class~="md:hover:mb-64"]:hover {
    margin-block: calc(var(--spacing) * 64);
  }
  [class~="md:mb-80"] {
    margin-block: calc(var(--spacing) * 80);
  }
  [class~="md:hover:mb-80"]:hover {
    margin-block: calc(var(--spacing) * 80);
  }
  [class~="md:mb-96"] {
    margin-block: calc(var(--spacing) * 96);
  }
  [class~="md:hover:mb-96"]:hover {
    margin-block: calc(var(--spacing) * 96);
  }
  [class~="md:mb-128"] {
    margin-block: calc(var(--spacing) * 128);
  }
  [class~="md:hover:mb-128"]:hover {
    margin-block: calc(var(--spacing) * 128);
  }
  [class~="md:mi-0"] {
    margin-inline: 0;
  }
  [class~="md:hover:mi-0"]:hover {
    margin-inline: 0;
  }
  [class~="md:mi-1"] {
    margin-inline: calc(var(--spacing) * 1);
  }
  [class~="md:hover:mi-1"]:hover {
    margin-inline: calc(var(--spacing) * 1);
  }
  [class~="md:mi-2"] {
    margin-inline: calc(var(--spacing) * 2);
  }
  [class~="md:hover:mi-2"]:hover {
    margin-inline: calc(var(--spacing) * 2);
  }
  [class~="md:mi-3"] {
    margin-inline: calc(var(--spacing) * 3);
  }
  [class~="md:hover:mi-3"]:hover {
    margin-inline: calc(var(--spacing) * 3);
  }
  [class~="md:mi-4"] {
    margin-inline: calc(var(--spacing) * 4);
  }
  [class~="md:hover:mi-4"]:hover {
    margin-inline: calc(var(--spacing) * 4);
  }
  [class~="md:mi-5"] {
    margin-inline: calc(var(--spacing) * 5);
  }
  [class~="md:hover:mi-5"]:hover {
    margin-inline: calc(var(--spacing) * 5);
  }
  [class~="md:mi-6"] {
    margin-inline: calc(var(--spacing) * 6);
  }
  [class~="md:hover:mi-6"]:hover {
    margin-inline: calc(var(--spacing) * 6);
  }
  [class~="md:mi-8"] {
    margin-inline: calc(var(--spacing) * 8);
  }
  [class~="md:hover:mi-8"]:hover {
    margin-inline: calc(var(--spacing) * 8);
  }
  [class~="md:mi-10"] {
    margin-inline: calc(var(--spacing) * 10);
  }
  [class~="md:hover:mi-10"]:hover {
    margin-inline: calc(var(--spacing) * 10);
  }
  [class~="md:mi-12"] {
    margin-inline: calc(var(--spacing) * 12);
  }
  [class~="md:hover:mi-12"]:hover {
    margin-inline: calc(var(--spacing) * 12);
  }
  [class~="md:mi-16"] {
    margin-inline: calc(var(--spacing) * 16);
  }
  [class~="md:hover:mi-16"]:hover {
    margin-inline: calc(var(--spacing) * 16);
  }
  [class~="md:mi-20"] {
    margin-inline: calc(var(--spacing) * 20);
  }
  [class~="md:hover:mi-20"]:hover {
    margin-inline: calc(var(--spacing) * 20);
  }
  [class~="md:mi-24"] {
    margin-inline: calc(var(--spacing) * 24);
  }
  [class~="md:hover:mi-24"]:hover {
    margin-inline: calc(var(--spacing) * 24);
  }
  [class~="md:mi-32"] {
    margin-inline: calc(var(--spacing) * 32);
  }
  [class~="md:hover:mi-32"]:hover {
    margin-inline: calc(var(--spacing) * 32);
  }
  [class~="md:mi-40"] {
    margin-inline: calc(var(--spacing) * 40);
  }
  [class~="md:hover:mi-40"]:hover {
    margin-inline: calc(var(--spacing) * 40);
  }
  [class~="md:mi-48"] {
    margin-inline: calc(var(--spacing) * 48);
  }
  [class~="md:hover:mi-48"]:hover {
    margin-inline: calc(var(--spacing) * 48);
  }
  [class~="md:mi-64"] {
    margin-inline: calc(var(--spacing) * 64);
  }
  [class~="md:hover:mi-64"]:hover {
    margin-inline: calc(var(--spacing) * 64);
  }
  [class~="md:mi-80"] {
    margin-inline: calc(var(--spacing) * 80);
  }
  [class~="md:hover:mi-80"]:hover {
    margin-inline: calc(var(--spacing) * 80);
  }
  [class~="md:mi-96"] {
    margin-inline: calc(var(--spacing) * 96);
  }
  [class~="md:hover:mi-96"]:hover {
    margin-inline: calc(var(--spacing) * 96);
  }
  [class~="md:mi-128"] {
    margin-inline: calc(var(--spacing) * 128);
  }
  [class~="md:hover:mi-128"]:hover {
    margin-inline: calc(var(--spacing) * 128);
  }
  [class~="md:ms-0"] {
    -webkit-margin-start: 0;
            margin-inline-start: 0;
  }
  [class~="md:hover:ms-0"]:hover {
    -webkit-margin-start: 0;
            margin-inline-start: 0;
  }
  [class~="md:ms-1"] {
    -webkit-margin-start: calc(var(--spacing) * 1);
            margin-inline-start: calc(var(--spacing) * 1);
  }
  [class~="md:hover:ms-1"]:hover {
    -webkit-margin-start: calc(var(--spacing) * 1);
            margin-inline-start: calc(var(--spacing) * 1);
  }
  [class~="md:ms-2"] {
    -webkit-margin-start: calc(var(--spacing) * 2);
            margin-inline-start: calc(var(--spacing) * 2);
  }
  [class~="md:hover:ms-2"]:hover {
    -webkit-margin-start: calc(var(--spacing) * 2);
            margin-inline-start: calc(var(--spacing) * 2);
  }
  [class~="md:ms-3"] {
    -webkit-margin-start: calc(var(--spacing) * 3);
            margin-inline-start: calc(var(--spacing) * 3);
  }
  [class~="md:hover:ms-3"]:hover {
    -webkit-margin-start: calc(var(--spacing) * 3);
            margin-inline-start: calc(var(--spacing) * 3);
  }
  [class~="md:ms-4"] {
    -webkit-margin-start: calc(var(--spacing) * 4);
            margin-inline-start: calc(var(--spacing) * 4);
  }
  [class~="md:hover:ms-4"]:hover {
    -webkit-margin-start: calc(var(--spacing) * 4);
            margin-inline-start: calc(var(--spacing) * 4);
  }
  [class~="md:ms-5"] {
    -webkit-margin-start: calc(var(--spacing) * 5);
            margin-inline-start: calc(var(--spacing) * 5);
  }
  [class~="md:hover:ms-5"]:hover {
    -webkit-margin-start: calc(var(--spacing) * 5);
            margin-inline-start: calc(var(--spacing) * 5);
  }
  [class~="md:ms-6"] {
    -webkit-margin-start: calc(var(--spacing) * 6);
            margin-inline-start: calc(var(--spacing) * 6);
  }
  [class~="md:hover:ms-6"]:hover {
    -webkit-margin-start: calc(var(--spacing) * 6);
            margin-inline-start: calc(var(--spacing) * 6);
  }
  [class~="md:ms-8"] {
    -webkit-margin-start: calc(var(--spacing) * 8);
            margin-inline-start: calc(var(--spacing) * 8);
  }
  [class~="md:hover:ms-8"]:hover {
    -webkit-margin-start: calc(var(--spacing) * 8);
            margin-inline-start: calc(var(--spacing) * 8);
  }
  [class~="md:ms-10"] {
    -webkit-margin-start: calc(var(--spacing) * 10);
            margin-inline-start: calc(var(--spacing) * 10);
  }
  [class~="md:hover:ms-10"]:hover {
    -webkit-margin-start: calc(var(--spacing) * 10);
            margin-inline-start: calc(var(--spacing) * 10);
  }
  [class~="md:ms-12"] {
    -webkit-margin-start: calc(var(--spacing) * 12);
            margin-inline-start: calc(var(--spacing) * 12);
  }
  [class~="md:hover:ms-12"]:hover {
    -webkit-margin-start: calc(var(--spacing) * 12);
            margin-inline-start: calc(var(--spacing) * 12);
  }
  [class~="md:ms-16"] {
    -webkit-margin-start: calc(var(--spacing) * 16);
            margin-inline-start: calc(var(--spacing) * 16);
  }
  [class~="md:hover:ms-16"]:hover {
    -webkit-margin-start: calc(var(--spacing) * 16);
            margin-inline-start: calc(var(--spacing) * 16);
  }
  [class~="md:ms-20"] {
    -webkit-margin-start: calc(var(--spacing) * 20);
            margin-inline-start: calc(var(--spacing) * 20);
  }
  [class~="md:hover:ms-20"]:hover {
    -webkit-margin-start: calc(var(--spacing) * 20);
            margin-inline-start: calc(var(--spacing) * 20);
  }
  [class~="md:ms-24"] {
    -webkit-margin-start: calc(var(--spacing) * 24);
            margin-inline-start: calc(var(--spacing) * 24);
  }
  [class~="md:hover:ms-24"]:hover {
    -webkit-margin-start: calc(var(--spacing) * 24);
            margin-inline-start: calc(var(--spacing) * 24);
  }
  [class~="md:ms-32"] {
    -webkit-margin-start: calc(var(--spacing) * 32);
            margin-inline-start: calc(var(--spacing) * 32);
  }
  [class~="md:hover:ms-32"]:hover {
    -webkit-margin-start: calc(var(--spacing) * 32);
            margin-inline-start: calc(var(--spacing) * 32);
  }
  [class~="md:ms-40"] {
    -webkit-margin-start: calc(var(--spacing) * 40);
            margin-inline-start: calc(var(--spacing) * 40);
  }
  [class~="md:hover:ms-40"]:hover {
    -webkit-margin-start: calc(var(--spacing) * 40);
            margin-inline-start: calc(var(--spacing) * 40);
  }
  [class~="md:ms-48"] {
    -webkit-margin-start: calc(var(--spacing) * 48);
            margin-inline-start: calc(var(--spacing) * 48);
  }
  [class~="md:hover:ms-48"]:hover {
    -webkit-margin-start: calc(var(--spacing) * 48);
            margin-inline-start: calc(var(--spacing) * 48);
  }
  [class~="md:ms-64"] {
    -webkit-margin-start: calc(var(--spacing) * 64);
            margin-inline-start: calc(var(--spacing) * 64);
  }
  [class~="md:hover:ms-64"]:hover {
    -webkit-margin-start: calc(var(--spacing) * 64);
            margin-inline-start: calc(var(--spacing) * 64);
  }
  [class~="md:ms-80"] {
    -webkit-margin-start: calc(var(--spacing) * 80);
            margin-inline-start: calc(var(--spacing) * 80);
  }
  [class~="md:hover:ms-80"]:hover {
    -webkit-margin-start: calc(var(--spacing) * 80);
            margin-inline-start: calc(var(--spacing) * 80);
  }
  [class~="md:ms-96"] {
    -webkit-margin-start: calc(var(--spacing) * 96);
            margin-inline-start: calc(var(--spacing) * 96);
  }
  [class~="md:hover:ms-96"]:hover {
    -webkit-margin-start: calc(var(--spacing) * 96);
            margin-inline-start: calc(var(--spacing) * 96);
  }
  [class~="md:ms-128"] {
    -webkit-margin-start: calc(var(--spacing) * 128);
            margin-inline-start: calc(var(--spacing) * 128);
  }
  [class~="md:hover:ms-128"]:hover {
    -webkit-margin-start: calc(var(--spacing) * 128);
            margin-inline-start: calc(var(--spacing) * 128);
  }
  [class~="md:me-0"] {
    -webkit-margin-end: 0;
            margin-inline-end: 0;
  }
  [class~="md:hover:me-0"]:hover {
    -webkit-margin-end: 0;
            margin-inline-end: 0;
  }
  [class~="md:me-1"] {
    -webkit-margin-end: calc(var(--spacing) * 1);
            margin-inline-end: calc(var(--spacing) * 1);
  }
  [class~="md:hover:me-1"]:hover {
    -webkit-margin-end: calc(var(--spacing) * 1);
            margin-inline-end: calc(var(--spacing) * 1);
  }
  [class~="md:me-2"] {
    -webkit-margin-end: calc(var(--spacing) * 2);
            margin-inline-end: calc(var(--spacing) * 2);
  }
  [class~="md:hover:me-2"]:hover {
    -webkit-margin-end: calc(var(--spacing) * 2);
            margin-inline-end: calc(var(--spacing) * 2);
  }
  [class~="md:me-3"] {
    -webkit-margin-end: calc(var(--spacing) * 3);
            margin-inline-end: calc(var(--spacing) * 3);
  }
  [class~="md:hover:me-3"]:hover {
    -webkit-margin-end: calc(var(--spacing) * 3);
            margin-inline-end: calc(var(--spacing) * 3);
  }
  [class~="md:me-4"] {
    -webkit-margin-end: calc(var(--spacing) * 4);
            margin-inline-end: calc(var(--spacing) * 4);
  }
  [class~="md:hover:me-4"]:hover {
    -webkit-margin-end: calc(var(--spacing) * 4);
            margin-inline-end: calc(var(--spacing) * 4);
  }
  [class~="md:me-5"] {
    -webkit-margin-end: calc(var(--spacing) * 5);
            margin-inline-end: calc(var(--spacing) * 5);
  }
  [class~="md:hover:me-5"]:hover {
    -webkit-margin-end: calc(var(--spacing) * 5);
            margin-inline-end: calc(var(--spacing) * 5);
  }
  [class~="md:me-6"] {
    -webkit-margin-end: calc(var(--spacing) * 6);
            margin-inline-end: calc(var(--spacing) * 6);
  }
  [class~="md:hover:me-6"]:hover {
    -webkit-margin-end: calc(var(--spacing) * 6);
            margin-inline-end: calc(var(--spacing) * 6);
  }
  [class~="md:me-8"] {
    -webkit-margin-end: calc(var(--spacing) * 8);
            margin-inline-end: calc(var(--spacing) * 8);
  }
  [class~="md:hover:me-8"]:hover {
    -webkit-margin-end: calc(var(--spacing) * 8);
            margin-inline-end: calc(var(--spacing) * 8);
  }
  [class~="md:me-10"] {
    -webkit-margin-end: calc(var(--spacing) * 10);
            margin-inline-end: calc(var(--spacing) * 10);
  }
  [class~="md:hover:me-10"]:hover {
    -webkit-margin-end: calc(var(--spacing) * 10);
            margin-inline-end: calc(var(--spacing) * 10);
  }
  [class~="md:me-12"] {
    -webkit-margin-end: calc(var(--spacing) * 12);
            margin-inline-end: calc(var(--spacing) * 12);
  }
  [class~="md:hover:me-12"]:hover {
    -webkit-margin-end: calc(var(--spacing) * 12);
            margin-inline-end: calc(var(--spacing) * 12);
  }
  [class~="md:me-16"] {
    -webkit-margin-end: calc(var(--spacing) * 16);
            margin-inline-end: calc(var(--spacing) * 16);
  }
  [class~="md:hover:me-16"]:hover {
    -webkit-margin-end: calc(var(--spacing) * 16);
            margin-inline-end: calc(var(--spacing) * 16);
  }
  [class~="md:me-20"] {
    -webkit-margin-end: calc(var(--spacing) * 20);
            margin-inline-end: calc(var(--spacing) * 20);
  }
  [class~="md:hover:me-20"]:hover {
    -webkit-margin-end: calc(var(--spacing) * 20);
            margin-inline-end: calc(var(--spacing) * 20);
  }
  [class~="md:me-24"] {
    -webkit-margin-end: calc(var(--spacing) * 24);
            margin-inline-end: calc(var(--spacing) * 24);
  }
  [class~="md:hover:me-24"]:hover {
    -webkit-margin-end: calc(var(--spacing) * 24);
            margin-inline-end: calc(var(--spacing) * 24);
  }
  [class~="md:me-32"] {
    -webkit-margin-end: calc(var(--spacing) * 32);
            margin-inline-end: calc(var(--spacing) * 32);
  }
  [class~="md:hover:me-32"]:hover {
    -webkit-margin-end: calc(var(--spacing) * 32);
            margin-inline-end: calc(var(--spacing) * 32);
  }
  [class~="md:me-40"] {
    -webkit-margin-end: calc(var(--spacing) * 40);
            margin-inline-end: calc(var(--spacing) * 40);
  }
  [class~="md:hover:me-40"]:hover {
    -webkit-margin-end: calc(var(--spacing) * 40);
            margin-inline-end: calc(var(--spacing) * 40);
  }
  [class~="md:me-48"] {
    -webkit-margin-end: calc(var(--spacing) * 48);
            margin-inline-end: calc(var(--spacing) * 48);
  }
  [class~="md:hover:me-48"]:hover {
    -webkit-margin-end: calc(var(--spacing) * 48);
            margin-inline-end: calc(var(--spacing) * 48);
  }
  [class~="md:me-64"] {
    -webkit-margin-end: calc(var(--spacing) * 64);
            margin-inline-end: calc(var(--spacing) * 64);
  }
  [class~="md:hover:me-64"]:hover {
    -webkit-margin-end: calc(var(--spacing) * 64);
            margin-inline-end: calc(var(--spacing) * 64);
  }
  [class~="md:me-80"] {
    -webkit-margin-end: calc(var(--spacing) * 80);
            margin-inline-end: calc(var(--spacing) * 80);
  }
  [class~="md:hover:me-80"]:hover {
    -webkit-margin-end: calc(var(--spacing) * 80);
            margin-inline-end: calc(var(--spacing) * 80);
  }
  [class~="md:me-96"] {
    -webkit-margin-end: calc(var(--spacing) * 96);
            margin-inline-end: calc(var(--spacing) * 96);
  }
  [class~="md:hover:me-96"]:hover {
    -webkit-margin-end: calc(var(--spacing) * 96);
            margin-inline-end: calc(var(--spacing) * 96);
  }
  [class~="md:me-128"] {
    -webkit-margin-end: calc(var(--spacing) * 128);
            margin-inline-end: calc(var(--spacing) * 128);
  }
  [class~="md:hover:me-128"]:hover {
    -webkit-margin-end: calc(var(--spacing) * 128);
            margin-inline-end: calc(var(--spacing) * 128);
  }
  [class~="md:g-0"] {
    gap: 0;
  }
  [class~="md:hover:g-0"]:hover {
    gap: 0;
  }
  [class~="md:g-1"] {
    gap: calc(var(--spacing) * 1);
  }
  [class~="md:hover:g-1"]:hover {
    gap: calc(var(--spacing) * 1);
  }
  [class~="md:g-2"] {
    gap: calc(var(--spacing) * 2);
  }
  [class~="md:hover:g-2"]:hover {
    gap: calc(var(--spacing) * 2);
  }
  [class~="md:g-3"] {
    gap: calc(var(--spacing) * 3);
  }
  [class~="md:hover:g-3"]:hover {
    gap: calc(var(--spacing) * 3);
  }
  [class~="md:g-4"] {
    gap: calc(var(--spacing) * 4);
  }
  [class~="md:hover:g-4"]:hover {
    gap: calc(var(--spacing) * 4);
  }
  [class~="md:g-5"] {
    gap: calc(var(--spacing) * 5);
  }
  [class~="md:hover:g-5"]:hover {
    gap: calc(var(--spacing) * 5);
  }
  [class~="md:g-6"] {
    gap: calc(var(--spacing) * 6);
  }
  [class~="md:hover:g-6"]:hover {
    gap: calc(var(--spacing) * 6);
  }
  [class~="md:g-8"] {
    gap: calc(var(--spacing) * 8);
  }
  [class~="md:hover:g-8"]:hover {
    gap: calc(var(--spacing) * 8);
  }
  [class~="md:g-10"] {
    gap: calc(var(--spacing) * 10);
  }
  [class~="md:hover:g-10"]:hover {
    gap: calc(var(--spacing) * 10);
  }
  [class~="md:g-12"] {
    gap: calc(var(--spacing) * 12);
  }
  [class~="md:hover:g-12"]:hover {
    gap: calc(var(--spacing) * 12);
  }
  [class~="md:g-16"] {
    gap: calc(var(--spacing) * 16);
  }
  [class~="md:hover:g-16"]:hover {
    gap: calc(var(--spacing) * 16);
  }
  [class~="md:g-20"] {
    gap: calc(var(--spacing) * 20);
  }
  [class~="md:hover:g-20"]:hover {
    gap: calc(var(--spacing) * 20);
  }
  [class~="md:g-24"] {
    gap: calc(var(--spacing) * 24);
  }
  [class~="md:hover:g-24"]:hover {
    gap: calc(var(--spacing) * 24);
  }
  [class~="md:g-32"] {
    gap: calc(var(--spacing) * 32);
  }
  [class~="md:hover:g-32"]:hover {
    gap: calc(var(--spacing) * 32);
  }
  [class~="md:g-40"] {
    gap: calc(var(--spacing) * 40);
  }
  [class~="md:hover:g-40"]:hover {
    gap: calc(var(--spacing) * 40);
  }
  [class~="md:g-48"] {
    gap: calc(var(--spacing) * 48);
  }
  [class~="md:hover:g-48"]:hover {
    gap: calc(var(--spacing) * 48);
  }
  [class~="md:g-64"] {
    gap: calc(var(--spacing) * 64);
  }
  [class~="md:hover:g-64"]:hover {
    gap: calc(var(--spacing) * 64);
  }
  [class~="md:g-80"] {
    gap: calc(var(--spacing) * 80);
  }
  [class~="md:hover:g-80"]:hover {
    gap: calc(var(--spacing) * 80);
  }
  [class~="md:g-96"] {
    gap: calc(var(--spacing) * 96);
  }
  [class~="md:hover:g-96"]:hover {
    gap: calc(var(--spacing) * 96);
  }
  [class~="md:g-128"] {
    gap: calc(var(--spacing) * 128);
  }
  [class~="md:hover:g-128"]:hover {
    gap: calc(var(--spacing) * 128);
  }
  [class~="md:gr-0"] {
    row-gap: 0;
  }
  [class~="md:hover:gr-0"]:hover {
    row-gap: 0;
  }
  [class~="md:gr-1"] {
    row-gap: calc(var(--spacing) * 1);
  }
  [class~="md:hover:gr-1"]:hover {
    row-gap: calc(var(--spacing) * 1);
  }
  [class~="md:gr-2"] {
    row-gap: calc(var(--spacing) * 2);
  }
  [class~="md:hover:gr-2"]:hover {
    row-gap: calc(var(--spacing) * 2);
  }
  [class~="md:gr-3"] {
    row-gap: calc(var(--spacing) * 3);
  }
  [class~="md:hover:gr-3"]:hover {
    row-gap: calc(var(--spacing) * 3);
  }
  [class~="md:gr-4"] {
    row-gap: calc(var(--spacing) * 4);
  }
  [class~="md:hover:gr-4"]:hover {
    row-gap: calc(var(--spacing) * 4);
  }
  [class~="md:gr-5"] {
    row-gap: calc(var(--spacing) * 5);
  }
  [class~="md:hover:gr-5"]:hover {
    row-gap: calc(var(--spacing) * 5);
  }
  [class~="md:gr-6"] {
    row-gap: calc(var(--spacing) * 6);
  }
  [class~="md:hover:gr-6"]:hover {
    row-gap: calc(var(--spacing) * 6);
  }
  [class~="md:gr-8"] {
    row-gap: calc(var(--spacing) * 8);
  }
  [class~="md:hover:gr-8"]:hover {
    row-gap: calc(var(--spacing) * 8);
  }
  [class~="md:gr-10"] {
    row-gap: calc(var(--spacing) * 10);
  }
  [class~="md:hover:gr-10"]:hover {
    row-gap: calc(var(--spacing) * 10);
  }
  [class~="md:gr-12"] {
    row-gap: calc(var(--spacing) * 12);
  }
  [class~="md:hover:gr-12"]:hover {
    row-gap: calc(var(--spacing) * 12);
  }
  [class~="md:gr-16"] {
    row-gap: calc(var(--spacing) * 16);
  }
  [class~="md:hover:gr-16"]:hover {
    row-gap: calc(var(--spacing) * 16);
  }
  [class~="md:gr-20"] {
    row-gap: calc(var(--spacing) * 20);
  }
  [class~="md:hover:gr-20"]:hover {
    row-gap: calc(var(--spacing) * 20);
  }
  [class~="md:gr-24"] {
    row-gap: calc(var(--spacing) * 24);
  }
  [class~="md:hover:gr-24"]:hover {
    row-gap: calc(var(--spacing) * 24);
  }
  [class~="md:gr-32"] {
    row-gap: calc(var(--spacing) * 32);
  }
  [class~="md:hover:gr-32"]:hover {
    row-gap: calc(var(--spacing) * 32);
  }
  [class~="md:gr-40"] {
    row-gap: calc(var(--spacing) * 40);
  }
  [class~="md:hover:gr-40"]:hover {
    row-gap: calc(var(--spacing) * 40);
  }
  [class~="md:gr-48"] {
    row-gap: calc(var(--spacing) * 48);
  }
  [class~="md:hover:gr-48"]:hover {
    row-gap: calc(var(--spacing) * 48);
  }
  [class~="md:gr-64"] {
    row-gap: calc(var(--spacing) * 64);
  }
  [class~="md:hover:gr-64"]:hover {
    row-gap: calc(var(--spacing) * 64);
  }
  [class~="md:gr-80"] {
    row-gap: calc(var(--spacing) * 80);
  }
  [class~="md:hover:gr-80"]:hover {
    row-gap: calc(var(--spacing) * 80);
  }
  [class~="md:gr-96"] {
    row-gap: calc(var(--spacing) * 96);
  }
  [class~="md:hover:gr-96"]:hover {
    row-gap: calc(var(--spacing) * 96);
  }
  [class~="md:gr-128"] {
    row-gap: calc(var(--spacing) * 128);
  }
  [class~="md:hover:gr-128"]:hover {
    row-gap: calc(var(--spacing) * 128);
  }
  [class~="md:gc-0"] {
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
  }
  [class~="md:hover:gc-0"]:hover {
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
  }
  [class~="md:gc-1"] {
    -webkit-column-gap: calc(var(--spacing) * 1);
       -moz-column-gap: calc(var(--spacing) * 1);
            column-gap: calc(var(--spacing) * 1);
  }
  [class~="md:hover:gc-1"]:hover {
    -webkit-column-gap: calc(var(--spacing) * 1);
       -moz-column-gap: calc(var(--spacing) * 1);
            column-gap: calc(var(--spacing) * 1);
  }
  [class~="md:gc-2"] {
    -webkit-column-gap: calc(var(--spacing) * 2);
       -moz-column-gap: calc(var(--spacing) * 2);
            column-gap: calc(var(--spacing) * 2);
  }
  [class~="md:hover:gc-2"]:hover {
    -webkit-column-gap: calc(var(--spacing) * 2);
       -moz-column-gap: calc(var(--spacing) * 2);
            column-gap: calc(var(--spacing) * 2);
  }
  [class~="md:gc-3"] {
    -webkit-column-gap: calc(var(--spacing) * 3);
       -moz-column-gap: calc(var(--spacing) * 3);
            column-gap: calc(var(--spacing) * 3);
  }
  [class~="md:hover:gc-3"]:hover {
    -webkit-column-gap: calc(var(--spacing) * 3);
       -moz-column-gap: calc(var(--spacing) * 3);
            column-gap: calc(var(--spacing) * 3);
  }
  [class~="md:gc-4"] {
    -webkit-column-gap: calc(var(--spacing) * 4);
       -moz-column-gap: calc(var(--spacing) * 4);
            column-gap: calc(var(--spacing) * 4);
  }
  [class~="md:hover:gc-4"]:hover {
    -webkit-column-gap: calc(var(--spacing) * 4);
       -moz-column-gap: calc(var(--spacing) * 4);
            column-gap: calc(var(--spacing) * 4);
  }
  [class~="md:gc-5"] {
    -webkit-column-gap: calc(var(--spacing) * 5);
       -moz-column-gap: calc(var(--spacing) * 5);
            column-gap: calc(var(--spacing) * 5);
  }
  [class~="md:hover:gc-5"]:hover {
    -webkit-column-gap: calc(var(--spacing) * 5);
       -moz-column-gap: calc(var(--spacing) * 5);
            column-gap: calc(var(--spacing) * 5);
  }
  [class~="md:gc-6"] {
    -webkit-column-gap: calc(var(--spacing) * 6);
       -moz-column-gap: calc(var(--spacing) * 6);
            column-gap: calc(var(--spacing) * 6);
  }
  [class~="md:hover:gc-6"]:hover {
    -webkit-column-gap: calc(var(--spacing) * 6);
       -moz-column-gap: calc(var(--spacing) * 6);
            column-gap: calc(var(--spacing) * 6);
  }
  [class~="md:gc-8"] {
    -webkit-column-gap: calc(var(--spacing) * 8);
       -moz-column-gap: calc(var(--spacing) * 8);
            column-gap: calc(var(--spacing) * 8);
  }
  [class~="md:hover:gc-8"]:hover {
    -webkit-column-gap: calc(var(--spacing) * 8);
       -moz-column-gap: calc(var(--spacing) * 8);
            column-gap: calc(var(--spacing) * 8);
  }
  [class~="md:gc-10"] {
    -webkit-column-gap: calc(var(--spacing) * 10);
       -moz-column-gap: calc(var(--spacing) * 10);
            column-gap: calc(var(--spacing) * 10);
  }
  [class~="md:hover:gc-10"]:hover {
    -webkit-column-gap: calc(var(--spacing) * 10);
       -moz-column-gap: calc(var(--spacing) * 10);
            column-gap: calc(var(--spacing) * 10);
  }
  [class~="md:gc-12"] {
    -webkit-column-gap: calc(var(--spacing) * 12);
       -moz-column-gap: calc(var(--spacing) * 12);
            column-gap: calc(var(--spacing) * 12);
  }
  [class~="md:hover:gc-12"]:hover {
    -webkit-column-gap: calc(var(--spacing) * 12);
       -moz-column-gap: calc(var(--spacing) * 12);
            column-gap: calc(var(--spacing) * 12);
  }
  [class~="md:gc-16"] {
    -webkit-column-gap: calc(var(--spacing) * 16);
       -moz-column-gap: calc(var(--spacing) * 16);
            column-gap: calc(var(--spacing) * 16);
  }
  [class~="md:hover:gc-16"]:hover {
    -webkit-column-gap: calc(var(--spacing) * 16);
       -moz-column-gap: calc(var(--spacing) * 16);
            column-gap: calc(var(--spacing) * 16);
  }
  [class~="md:gc-20"] {
    -webkit-column-gap: calc(var(--spacing) * 20);
       -moz-column-gap: calc(var(--spacing) * 20);
            column-gap: calc(var(--spacing) * 20);
  }
  [class~="md:hover:gc-20"]:hover {
    -webkit-column-gap: calc(var(--spacing) * 20);
       -moz-column-gap: calc(var(--spacing) * 20);
            column-gap: calc(var(--spacing) * 20);
  }
  [class~="md:gc-24"] {
    -webkit-column-gap: calc(var(--spacing) * 24);
       -moz-column-gap: calc(var(--spacing) * 24);
            column-gap: calc(var(--spacing) * 24);
  }
  [class~="md:hover:gc-24"]:hover {
    -webkit-column-gap: calc(var(--spacing) * 24);
       -moz-column-gap: calc(var(--spacing) * 24);
            column-gap: calc(var(--spacing) * 24);
  }
  [class~="md:gc-32"] {
    -webkit-column-gap: calc(var(--spacing) * 32);
       -moz-column-gap: calc(var(--spacing) * 32);
            column-gap: calc(var(--spacing) * 32);
  }
  [class~="md:hover:gc-32"]:hover {
    -webkit-column-gap: calc(var(--spacing) * 32);
       -moz-column-gap: calc(var(--spacing) * 32);
            column-gap: calc(var(--spacing) * 32);
  }
  [class~="md:gc-40"] {
    -webkit-column-gap: calc(var(--spacing) * 40);
       -moz-column-gap: calc(var(--spacing) * 40);
            column-gap: calc(var(--spacing) * 40);
  }
  [class~="md:hover:gc-40"]:hover {
    -webkit-column-gap: calc(var(--spacing) * 40);
       -moz-column-gap: calc(var(--spacing) * 40);
            column-gap: calc(var(--spacing) * 40);
  }
  [class~="md:gc-48"] {
    -webkit-column-gap: calc(var(--spacing) * 48);
       -moz-column-gap: calc(var(--spacing) * 48);
            column-gap: calc(var(--spacing) * 48);
  }
  [class~="md:hover:gc-48"]:hover {
    -webkit-column-gap: calc(var(--spacing) * 48);
       -moz-column-gap: calc(var(--spacing) * 48);
            column-gap: calc(var(--spacing) * 48);
  }
  [class~="md:gc-64"] {
    -webkit-column-gap: calc(var(--spacing) * 64);
       -moz-column-gap: calc(var(--spacing) * 64);
            column-gap: calc(var(--spacing) * 64);
  }
  [class~="md:hover:gc-64"]:hover {
    -webkit-column-gap: calc(var(--spacing) * 64);
       -moz-column-gap: calc(var(--spacing) * 64);
            column-gap: calc(var(--spacing) * 64);
  }
  [class~="md:gc-80"] {
    -webkit-column-gap: calc(var(--spacing) * 80);
       -moz-column-gap: calc(var(--spacing) * 80);
            column-gap: calc(var(--spacing) * 80);
  }
  [class~="md:hover:gc-80"]:hover {
    -webkit-column-gap: calc(var(--spacing) * 80);
       -moz-column-gap: calc(var(--spacing) * 80);
            column-gap: calc(var(--spacing) * 80);
  }
  [class~="md:gc-96"] {
    -webkit-column-gap: calc(var(--spacing) * 96);
       -moz-column-gap: calc(var(--spacing) * 96);
            column-gap: calc(var(--spacing) * 96);
  }
  [class~="md:hover:gc-96"]:hover {
    -webkit-column-gap: calc(var(--spacing) * 96);
       -moz-column-gap: calc(var(--spacing) * 96);
            column-gap: calc(var(--spacing) * 96);
  }
  [class~="md:gc-128"] {
    -webkit-column-gap: calc(var(--spacing) * 128);
       -moz-column-gap: calc(var(--spacing) * 128);
            column-gap: calc(var(--spacing) * 128);
  }
  [class~="md:hover:gc-128"]:hover {
    -webkit-column-gap: calc(var(--spacing) * 128);
       -moz-column-gap: calc(var(--spacing) * 128);
            column-gap: calc(var(--spacing) * 128);
  }
  [class~="md:w-0"] {
    width: 0;
  }
  [class~="md:hover:w-0"]:hover {
    width: 0;
  }
  [class~="md:w-1"] {
    width: calc(var(--spacing) * 1);
  }
  [class~="md:hover:w-1"]:hover {
    width: calc(var(--spacing) * 1);
  }
  [class~="md:w-2"] {
    width: calc(var(--spacing) * 2);
  }
  [class~="md:hover:w-2"]:hover {
    width: calc(var(--spacing) * 2);
  }
  [class~="md:w-3"] {
    width: calc(var(--spacing) * 3);
  }
  [class~="md:hover:w-3"]:hover {
    width: calc(var(--spacing) * 3);
  }
  [class~="md:w-4"] {
    width: calc(var(--spacing) * 4);
  }
  [class~="md:hover:w-4"]:hover {
    width: calc(var(--spacing) * 4);
  }
  [class~="md:w-5"] {
    width: calc(var(--spacing) * 5);
  }
  [class~="md:hover:w-5"]:hover {
    width: calc(var(--spacing) * 5);
  }
  [class~="md:w-6"] {
    width: calc(var(--spacing) * 6);
  }
  [class~="md:hover:w-6"]:hover {
    width: calc(var(--spacing) * 6);
  }
  [class~="md:w-8"] {
    width: calc(var(--spacing) * 8);
  }
  [class~="md:hover:w-8"]:hover {
    width: calc(var(--spacing) * 8);
  }
  [class~="md:w-10"] {
    width: calc(var(--spacing) * 10);
  }
  [class~="md:hover:w-10"]:hover {
    width: calc(var(--spacing) * 10);
  }
  [class~="md:w-12"] {
    width: calc(var(--spacing) * 12);
  }
  [class~="md:hover:w-12"]:hover {
    width: calc(var(--spacing) * 12);
  }
  [class~="md:w-16"] {
    width: calc(var(--spacing) * 16);
  }
  [class~="md:hover:w-16"]:hover {
    width: calc(var(--spacing) * 16);
  }
  [class~="md:w-20"] {
    width: calc(var(--spacing) * 20);
  }
  [class~="md:hover:w-20"]:hover {
    width: calc(var(--spacing) * 20);
  }
  [class~="md:w-24"] {
    width: calc(var(--spacing) * 24);
  }
  [class~="md:hover:w-24"]:hover {
    width: calc(var(--spacing) * 24);
  }
  [class~="md:w-32"] {
    width: calc(var(--spacing) * 32);
  }
  [class~="md:hover:w-32"]:hover {
    width: calc(var(--spacing) * 32);
  }
  [class~="md:w-40"] {
    width: calc(var(--spacing) * 40);
  }
  [class~="md:hover:w-40"]:hover {
    width: calc(var(--spacing) * 40);
  }
  [class~="md:w-48"] {
    width: calc(var(--spacing) * 48);
  }
  [class~="md:hover:w-48"]:hover {
    width: calc(var(--spacing) * 48);
  }
  [class~="md:w-64"] {
    width: calc(var(--spacing) * 64);
  }
  [class~="md:hover:w-64"]:hover {
    width: calc(var(--spacing) * 64);
  }
  [class~="md:w-80"] {
    width: calc(var(--spacing) * 80);
  }
  [class~="md:hover:w-80"]:hover {
    width: calc(var(--spacing) * 80);
  }
  [class~="md:w-96"] {
    width: calc(var(--spacing) * 96);
  }
  [class~="md:hover:w-96"]:hover {
    width: calc(var(--spacing) * 96);
  }
  [class~="md:w-128"] {
    width: calc(var(--spacing) * 128);
  }
  [class~="md:hover:w-128"]:hover {
    width: calc(var(--spacing) * 128);
  }
  [class~="md:min-w-0"] {
    min-width: 0;
  }
  [class~="md:hover:min-w-0"]:hover {
    min-width: 0;
  }
  [class~="md:min-w-1"] {
    min-width: calc(var(--spacing) * 1);
  }
  [class~="md:hover:min-w-1"]:hover {
    min-width: calc(var(--spacing) * 1);
  }
  [class~="md:min-w-2"] {
    min-width: calc(var(--spacing) * 2);
  }
  [class~="md:hover:min-w-2"]:hover {
    min-width: calc(var(--spacing) * 2);
  }
  [class~="md:min-w-3"] {
    min-width: calc(var(--spacing) * 3);
  }
  [class~="md:hover:min-w-3"]:hover {
    min-width: calc(var(--spacing) * 3);
  }
  [class~="md:min-w-4"] {
    min-width: calc(var(--spacing) * 4);
  }
  [class~="md:hover:min-w-4"]:hover {
    min-width: calc(var(--spacing) * 4);
  }
  [class~="md:min-w-5"] {
    min-width: calc(var(--spacing) * 5);
  }
  [class~="md:hover:min-w-5"]:hover {
    min-width: calc(var(--spacing) * 5);
  }
  [class~="md:min-w-6"] {
    min-width: calc(var(--spacing) * 6);
  }
  [class~="md:hover:min-w-6"]:hover {
    min-width: calc(var(--spacing) * 6);
  }
  [class~="md:min-w-8"] {
    min-width: calc(var(--spacing) * 8);
  }
  [class~="md:hover:min-w-8"]:hover {
    min-width: calc(var(--spacing) * 8);
  }
  [class~="md:min-w-10"] {
    min-width: calc(var(--spacing) * 10);
  }
  [class~="md:hover:min-w-10"]:hover {
    min-width: calc(var(--spacing) * 10);
  }
  [class~="md:min-w-12"] {
    min-width: calc(var(--spacing) * 12);
  }
  [class~="md:hover:min-w-12"]:hover {
    min-width: calc(var(--spacing) * 12);
  }
  [class~="md:min-w-16"] {
    min-width: calc(var(--spacing) * 16);
  }
  [class~="md:hover:min-w-16"]:hover {
    min-width: calc(var(--spacing) * 16);
  }
  [class~="md:min-w-20"] {
    min-width: calc(var(--spacing) * 20);
  }
  [class~="md:hover:min-w-20"]:hover {
    min-width: calc(var(--spacing) * 20);
  }
  [class~="md:min-w-24"] {
    min-width: calc(var(--spacing) * 24);
  }
  [class~="md:hover:min-w-24"]:hover {
    min-width: calc(var(--spacing) * 24);
  }
  [class~="md:min-w-32"] {
    min-width: calc(var(--spacing) * 32);
  }
  [class~="md:hover:min-w-32"]:hover {
    min-width: calc(var(--spacing) * 32);
  }
  [class~="md:min-w-40"] {
    min-width: calc(var(--spacing) * 40);
  }
  [class~="md:hover:min-w-40"]:hover {
    min-width: calc(var(--spacing) * 40);
  }
  [class~="md:min-w-48"] {
    min-width: calc(var(--spacing) * 48);
  }
  [class~="md:hover:min-w-48"]:hover {
    min-width: calc(var(--spacing) * 48);
  }
  [class~="md:min-w-64"] {
    min-width: calc(var(--spacing) * 64);
  }
  [class~="md:hover:min-w-64"]:hover {
    min-width: calc(var(--spacing) * 64);
  }
  [class~="md:min-w-80"] {
    min-width: calc(var(--spacing) * 80);
  }
  [class~="md:hover:min-w-80"]:hover {
    min-width: calc(var(--spacing) * 80);
  }
  [class~="md:min-w-96"] {
    min-width: calc(var(--spacing) * 96);
  }
  [class~="md:hover:min-w-96"]:hover {
    min-width: calc(var(--spacing) * 96);
  }
  [class~="md:min-w-128"] {
    min-width: calc(var(--spacing) * 128);
  }
  [class~="md:hover:min-w-128"]:hover {
    min-width: calc(var(--spacing) * 128);
  }
  [class~="md:max-w-0"] {
    max-width: 0;
  }
  [class~="md:hover:max-w-0"]:hover {
    max-width: 0;
  }
  [class~="md:max-w-1"] {
    max-width: calc(var(--spacing) * 1);
  }
  [class~="md:hover:max-w-1"]:hover {
    max-width: calc(var(--spacing) * 1);
  }
  [class~="md:max-w-2"] {
    max-width: calc(var(--spacing) * 2);
  }
  [class~="md:hover:max-w-2"]:hover {
    max-width: calc(var(--spacing) * 2);
  }
  [class~="md:max-w-3"] {
    max-width: calc(var(--spacing) * 3);
  }
  [class~="md:hover:max-w-3"]:hover {
    max-width: calc(var(--spacing) * 3);
  }
  [class~="md:max-w-4"] {
    max-width: calc(var(--spacing) * 4);
  }
  [class~="md:hover:max-w-4"]:hover {
    max-width: calc(var(--spacing) * 4);
  }
  [class~="md:max-w-5"] {
    max-width: calc(var(--spacing) * 5);
  }
  [class~="md:hover:max-w-5"]:hover {
    max-width: calc(var(--spacing) * 5);
  }
  [class~="md:max-w-6"] {
    max-width: calc(var(--spacing) * 6);
  }
  [class~="md:hover:max-w-6"]:hover {
    max-width: calc(var(--spacing) * 6);
  }
  [class~="md:max-w-8"] {
    max-width: calc(var(--spacing) * 8);
  }
  [class~="md:hover:max-w-8"]:hover {
    max-width: calc(var(--spacing) * 8);
  }
  [class~="md:max-w-10"] {
    max-width: calc(var(--spacing) * 10);
  }
  [class~="md:hover:max-w-10"]:hover {
    max-width: calc(var(--spacing) * 10);
  }
  [class~="md:max-w-12"] {
    max-width: calc(var(--spacing) * 12);
  }
  [class~="md:hover:max-w-12"]:hover {
    max-width: calc(var(--spacing) * 12);
  }
  [class~="md:max-w-16"] {
    max-width: calc(var(--spacing) * 16);
  }
  [class~="md:hover:max-w-16"]:hover {
    max-width: calc(var(--spacing) * 16);
  }
  [class~="md:max-w-20"] {
    max-width: calc(var(--spacing) * 20);
  }
  [class~="md:hover:max-w-20"]:hover {
    max-width: calc(var(--spacing) * 20);
  }
  [class~="md:max-w-24"] {
    max-width: calc(var(--spacing) * 24);
  }
  [class~="md:hover:max-w-24"]:hover {
    max-width: calc(var(--spacing) * 24);
  }
  [class~="md:max-w-32"] {
    max-width: calc(var(--spacing) * 32);
  }
  [class~="md:hover:max-w-32"]:hover {
    max-width: calc(var(--spacing) * 32);
  }
  [class~="md:max-w-40"] {
    max-width: calc(var(--spacing) * 40);
  }
  [class~="md:hover:max-w-40"]:hover {
    max-width: calc(var(--spacing) * 40);
  }
  [class~="md:max-w-48"] {
    max-width: calc(var(--spacing) * 48);
  }
  [class~="md:hover:max-w-48"]:hover {
    max-width: calc(var(--spacing) * 48);
  }
  [class~="md:max-w-64"] {
    max-width: calc(var(--spacing) * 64);
  }
  [class~="md:hover:max-w-64"]:hover {
    max-width: calc(var(--spacing) * 64);
  }
  [class~="md:max-w-80"] {
    max-width: calc(var(--spacing) * 80);
  }
  [class~="md:hover:max-w-80"]:hover {
    max-width: calc(var(--spacing) * 80);
  }
  [class~="md:max-w-96"] {
    max-width: calc(var(--spacing) * 96);
  }
  [class~="md:hover:max-w-96"]:hover {
    max-width: calc(var(--spacing) * 96);
  }
  [class~="md:max-w-128"] {
    max-width: calc(var(--spacing) * 128);
  }
  [class~="md:hover:max-w-128"]:hover {
    max-width: calc(var(--spacing) * 128);
  }
  [class~="md:h-0"] {
    height: 0;
  }
  [class~="md:hover:h-0"]:hover {
    height: 0;
  }
  [class~="md:h-1"] {
    height: calc(var(--spacing) * 1);
  }
  [class~="md:hover:h-1"]:hover {
    height: calc(var(--spacing) * 1);
  }
  [class~="md:h-2"] {
    height: calc(var(--spacing) * 2);
  }
  [class~="md:hover:h-2"]:hover {
    height: calc(var(--spacing) * 2);
  }
  [class~="md:h-3"] {
    height: calc(var(--spacing) * 3);
  }
  [class~="md:hover:h-3"]:hover {
    height: calc(var(--spacing) * 3);
  }
  [class~="md:h-4"] {
    height: calc(var(--spacing) * 4);
  }
  [class~="md:hover:h-4"]:hover {
    height: calc(var(--spacing) * 4);
  }
  [class~="md:h-5"] {
    height: calc(var(--spacing) * 5);
  }
  [class~="md:hover:h-5"]:hover {
    height: calc(var(--spacing) * 5);
  }
  [class~="md:h-6"] {
    height: calc(var(--spacing) * 6);
  }
  [class~="md:hover:h-6"]:hover {
    height: calc(var(--spacing) * 6);
  }
  [class~="md:h-8"] {
    height: calc(var(--spacing) * 8);
  }
  [class~="md:hover:h-8"]:hover {
    height: calc(var(--spacing) * 8);
  }
  [class~="md:h-10"] {
    height: calc(var(--spacing) * 10);
  }
  [class~="md:hover:h-10"]:hover {
    height: calc(var(--spacing) * 10);
  }
  [class~="md:h-12"] {
    height: calc(var(--spacing) * 12);
  }
  [class~="md:hover:h-12"]:hover {
    height: calc(var(--spacing) * 12);
  }
  [class~="md:h-16"] {
    height: calc(var(--spacing) * 16);
  }
  [class~="md:hover:h-16"]:hover {
    height: calc(var(--spacing) * 16);
  }
  [class~="md:h-20"] {
    height: calc(var(--spacing) * 20);
  }
  [class~="md:hover:h-20"]:hover {
    height: calc(var(--spacing) * 20);
  }
  [class~="md:h-24"] {
    height: calc(var(--spacing) * 24);
  }
  [class~="md:hover:h-24"]:hover {
    height: calc(var(--spacing) * 24);
  }
  [class~="md:h-32"] {
    height: calc(var(--spacing) * 32);
  }
  [class~="md:hover:h-32"]:hover {
    height: calc(var(--spacing) * 32);
  }
  [class~="md:h-40"] {
    height: calc(var(--spacing) * 40);
  }
  [class~="md:hover:h-40"]:hover {
    height: calc(var(--spacing) * 40);
  }
  [class~="md:h-48"] {
    height: calc(var(--spacing) * 48);
  }
  [class~="md:hover:h-48"]:hover {
    height: calc(var(--spacing) * 48);
  }
  [class~="md:h-64"] {
    height: calc(var(--spacing) * 64);
  }
  [class~="md:hover:h-64"]:hover {
    height: calc(var(--spacing) * 64);
  }
  [class~="md:h-80"] {
    height: calc(var(--spacing) * 80);
  }
  [class~="md:hover:h-80"]:hover {
    height: calc(var(--spacing) * 80);
  }
  [class~="md:h-96"] {
    height: calc(var(--spacing) * 96);
  }
  [class~="md:hover:h-96"]:hover {
    height: calc(var(--spacing) * 96);
  }
  [class~="md:h-128"] {
    height: calc(var(--spacing) * 128);
  }
  [class~="md:hover:h-128"]:hover {
    height: calc(var(--spacing) * 128);
  }
  [class~="md:min-h-0"] {
    min-height: 0;
  }
  [class~="md:hover:min-h-0"]:hover {
    min-height: 0;
  }
  [class~="md:min-h-1"] {
    min-height: calc(var(--spacing) * 1);
  }
  [class~="md:hover:min-h-1"]:hover {
    min-height: calc(var(--spacing) * 1);
  }
  [class~="md:min-h-2"] {
    min-height: calc(var(--spacing) * 2);
  }
  [class~="md:hover:min-h-2"]:hover {
    min-height: calc(var(--spacing) * 2);
  }
  [class~="md:min-h-3"] {
    min-height: calc(var(--spacing) * 3);
  }
  [class~="md:hover:min-h-3"]:hover {
    min-height: calc(var(--spacing) * 3);
  }
  [class~="md:min-h-4"] {
    min-height: calc(var(--spacing) * 4);
  }
  [class~="md:hover:min-h-4"]:hover {
    min-height: calc(var(--spacing) * 4);
  }
  [class~="md:min-h-5"] {
    min-height: calc(var(--spacing) * 5);
  }
  [class~="md:hover:min-h-5"]:hover {
    min-height: calc(var(--spacing) * 5);
  }
  [class~="md:min-h-6"] {
    min-height: calc(var(--spacing) * 6);
  }
  [class~="md:hover:min-h-6"]:hover {
    min-height: calc(var(--spacing) * 6);
  }
  [class~="md:min-h-8"] {
    min-height: calc(var(--spacing) * 8);
  }
  [class~="md:hover:min-h-8"]:hover {
    min-height: calc(var(--spacing) * 8);
  }
  [class~="md:min-h-10"] {
    min-height: calc(var(--spacing) * 10);
  }
  [class~="md:hover:min-h-10"]:hover {
    min-height: calc(var(--spacing) * 10);
  }
  [class~="md:min-h-12"] {
    min-height: calc(var(--spacing) * 12);
  }
  [class~="md:hover:min-h-12"]:hover {
    min-height: calc(var(--spacing) * 12);
  }
  [class~="md:min-h-16"] {
    min-height: calc(var(--spacing) * 16);
  }
  [class~="md:hover:min-h-16"]:hover {
    min-height: calc(var(--spacing) * 16);
  }
  [class~="md:min-h-20"] {
    min-height: calc(var(--spacing) * 20);
  }
  [class~="md:hover:min-h-20"]:hover {
    min-height: calc(var(--spacing) * 20);
  }
  [class~="md:min-h-24"] {
    min-height: calc(var(--spacing) * 24);
  }
  [class~="md:hover:min-h-24"]:hover {
    min-height: calc(var(--spacing) * 24);
  }
  [class~="md:min-h-32"] {
    min-height: calc(var(--spacing) * 32);
  }
  [class~="md:hover:min-h-32"]:hover {
    min-height: calc(var(--spacing) * 32);
  }
  [class~="md:min-h-40"] {
    min-height: calc(var(--spacing) * 40);
  }
  [class~="md:hover:min-h-40"]:hover {
    min-height: calc(var(--spacing) * 40);
  }
  [class~="md:min-h-48"] {
    min-height: calc(var(--spacing) * 48);
  }
  [class~="md:hover:min-h-48"]:hover {
    min-height: calc(var(--spacing) * 48);
  }
  [class~="md:min-h-64"] {
    min-height: calc(var(--spacing) * 64);
  }
  [class~="md:hover:min-h-64"]:hover {
    min-height: calc(var(--spacing) * 64);
  }
  [class~="md:min-h-80"] {
    min-height: calc(var(--spacing) * 80);
  }
  [class~="md:hover:min-h-80"]:hover {
    min-height: calc(var(--spacing) * 80);
  }
  [class~="md:min-h-96"] {
    min-height: calc(var(--spacing) * 96);
  }
  [class~="md:hover:min-h-96"]:hover {
    min-height: calc(var(--spacing) * 96);
  }
  [class~="md:min-h-128"] {
    min-height: calc(var(--spacing) * 128);
  }
  [class~="md:hover:min-h-128"]:hover {
    min-height: calc(var(--spacing) * 128);
  }
  [class~="md:max-h-0"] {
    max-height: 0;
  }
  [class~="md:hover:max-h-0"]:hover {
    max-height: 0;
  }
  [class~="md:max-h-1"] {
    max-height: calc(var(--spacing) * 1);
  }
  [class~="md:hover:max-h-1"]:hover {
    max-height: calc(var(--spacing) * 1);
  }
  [class~="md:max-h-2"] {
    max-height: calc(var(--spacing) * 2);
  }
  [class~="md:hover:max-h-2"]:hover {
    max-height: calc(var(--spacing) * 2);
  }
  [class~="md:max-h-3"] {
    max-height: calc(var(--spacing) * 3);
  }
  [class~="md:hover:max-h-3"]:hover {
    max-height: calc(var(--spacing) * 3);
  }
  [class~="md:max-h-4"] {
    max-height: calc(var(--spacing) * 4);
  }
  [class~="md:hover:max-h-4"]:hover {
    max-height: calc(var(--spacing) * 4);
  }
  [class~="md:max-h-5"] {
    max-height: calc(var(--spacing) * 5);
  }
  [class~="md:hover:max-h-5"]:hover {
    max-height: calc(var(--spacing) * 5);
  }
  [class~="md:max-h-6"] {
    max-height: calc(var(--spacing) * 6);
  }
  [class~="md:hover:max-h-6"]:hover {
    max-height: calc(var(--spacing) * 6);
  }
  [class~="md:max-h-8"] {
    max-height: calc(var(--spacing) * 8);
  }
  [class~="md:hover:max-h-8"]:hover {
    max-height: calc(var(--spacing) * 8);
  }
  [class~="md:max-h-10"] {
    max-height: calc(var(--spacing) * 10);
  }
  [class~="md:hover:max-h-10"]:hover {
    max-height: calc(var(--spacing) * 10);
  }
  [class~="md:max-h-12"] {
    max-height: calc(var(--spacing) * 12);
  }
  [class~="md:hover:max-h-12"]:hover {
    max-height: calc(var(--spacing) * 12);
  }
  [class~="md:max-h-16"] {
    max-height: calc(var(--spacing) * 16);
  }
  [class~="md:hover:max-h-16"]:hover {
    max-height: calc(var(--spacing) * 16);
  }
  [class~="md:max-h-20"] {
    max-height: calc(var(--spacing) * 20);
  }
  [class~="md:hover:max-h-20"]:hover {
    max-height: calc(var(--spacing) * 20);
  }
  [class~="md:max-h-24"] {
    max-height: calc(var(--spacing) * 24);
  }
  [class~="md:hover:max-h-24"]:hover {
    max-height: calc(var(--spacing) * 24);
  }
  [class~="md:max-h-32"] {
    max-height: calc(var(--spacing) * 32);
  }
  [class~="md:hover:max-h-32"]:hover {
    max-height: calc(var(--spacing) * 32);
  }
  [class~="md:max-h-40"] {
    max-height: calc(var(--spacing) * 40);
  }
  [class~="md:hover:max-h-40"]:hover {
    max-height: calc(var(--spacing) * 40);
  }
  [class~="md:max-h-48"] {
    max-height: calc(var(--spacing) * 48);
  }
  [class~="md:hover:max-h-48"]:hover {
    max-height: calc(var(--spacing) * 48);
  }
  [class~="md:max-h-64"] {
    max-height: calc(var(--spacing) * 64);
  }
  [class~="md:hover:max-h-64"]:hover {
    max-height: calc(var(--spacing) * 64);
  }
  [class~="md:max-h-80"] {
    max-height: calc(var(--spacing) * 80);
  }
  [class~="md:hover:max-h-80"]:hover {
    max-height: calc(var(--spacing) * 80);
  }
  [class~="md:max-h-96"] {
    max-height: calc(var(--spacing) * 96);
  }
  [class~="md:hover:max-h-96"]:hover {
    max-height: calc(var(--spacing) * 96);
  }
  [class~="md:max-h-128"] {
    max-height: calc(var(--spacing) * 128);
  }
  [class~="md:hover:max-h-128"]:hover {
    max-height: calc(var(--spacing) * 128);
  }
  [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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  [class~="md:hover:flex"]:hover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  [class~="md:grid"] {
    display: -ms-grid;
    display: grid;
  }
  [class~="md:hover:grid"]:hover {
    display: -ms-grid;
    display: grid;
  }
  [class~="md:none"] {
    display: none;
  }
  [class~="md:hover:none"]:hover {
    display: none;
  }
  [class~="md:flex-row"] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  [class~="md:hover:flex-row"]:hover {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  [class~="md:flex-col"] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  [class~="md:hover:flex-col"]:hover {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  [class~="md:flex-row-reverse"] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  [class~="md:hover:flex-row-reverse"]:hover {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  [class~="md:flex-col-reverse"] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  [class~="md:hover:flex-col-reverse"]:hover {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  [class~="md:flex-nowrap"] {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  [class~="md:hover:flex-nowrap"]:hover {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  [class~="md:flex-wrap"] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  [class~="md:hover:flex-wrap"]:hover {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  [class~="md:flex-wrap-reverse"] {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
  [class~="md:hover:flex-wrap-reverse"]:hover {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
  [class~="md:items-start"] {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  [class~="md:hover:items-start"]:hover {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  [class~="md:items-center"] {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  [class~="md:hover:items-center"]:hover {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  [class~="md:items-end"] {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
  }
  [class~="md:hover:items-end"]:hover {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
  }
  [class~="md:items-baseline"] {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  [class~="md:hover:items-baseline"]:hover {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  [class~="md:items-stretch"] {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  [class~="md:hover:items-stretch"]:hover {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  [class~="md:justify-start"] {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  [class~="md:hover:justify-start"]:hover {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  [class~="md:justify-center"] {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  [class~="md:hover:justify-center"]:hover {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  [class~="md:justify-end"] {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
  }
  [class~="md:hover:justify-end"]:hover {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
  }
  [class~="md:justify-between"] {
    -webkit-box-pack: between;
        -ms-flex-pack: between;
            justify-content: between;
  }
  [class~="md:hover:justify-between"]:hover {
    -webkit-box-pack: between;
        -ms-flex-pack: between;
            justify-content: between;
  }
  [class~="md:grow0"] {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  [class~="md:hover:grow0"]:hover {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  [class~="md:grow1"] {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  [class~="md:hover:grow1"]:hover {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  [class~="md:grow2"] {
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
  }
  [class~="md:hover:grow2"]:hover {
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
  }
  [class~="md:grow3"] {
    -webkit-box-flex: 3;
        -ms-flex-positive: 3;
            flex-grow: 3;
  }
  [class~="md:hover:grow3"]:hover {
    -webkit-box-flex: 3;
        -ms-flex-positive: 3;
            flex-grow: 3;
  }
  [class~="md:grow4"] {
    -webkit-box-flex: 4;
        -ms-flex-positive: 4;
            flex-grow: 4;
  }
  [class~="md:hover:grow4"]:hover {
    -webkit-box-flex: 4;
        -ms-flex-positive: 4;
            flex-grow: 4;
  }
  [class~="md:grow5"] {
    -webkit-box-flex: 5;
        -ms-flex-positive: 5;
            flex-grow: 5;
  }
  [class~="md:hover:grow5"]:hover {
    -webkit-box-flex: 5;
        -ms-flex-positive: 5;
            flex-grow: 5;
  }
  [class~="md:grow6"] {
    -webkit-box-flex: 6;
        -ms-flex-positive: 6;
            flex-grow: 6;
  }
  [class~="md:hover:grow6"]:hover {
    -webkit-box-flex: 6;
        -ms-flex-positive: 6;
            flex-grow: 6;
  }
  [class~="md:grow7"] {
    -webkit-box-flex: 7;
        -ms-flex-positive: 7;
            flex-grow: 7;
  }
  [class~="md:hover:grow7"]:hover {
    -webkit-box-flex: 7;
        -ms-flex-positive: 7;
            flex-grow: 7;
  }
  [class~="md:grow8"] {
    -webkit-box-flex: 8;
        -ms-flex-positive: 8;
            flex-grow: 8;
  }
  [class~="md:hover:grow8"]:hover {
    -webkit-box-flex: 8;
        -ms-flex-positive: 8;
            flex-grow: 8;
  }
  [class~="md:grow9"] {
    -webkit-box-flex: 9;
        -ms-flex-positive: 9;
            flex-grow: 9;
  }
  [class~="md:hover:grow9"]:hover {
    -webkit-box-flex: 9;
        -ms-flex-positive: 9;
            flex-grow: 9;
  }
  [class~="md:grow10"] {
    -webkit-box-flex: 10;
        -ms-flex-positive: 10;
            flex-grow: 10;
  }
  [class~="md:hover:grow10"]:hover {
    -webkit-box-flex: 10;
        -ms-flex-positive: 10;
            flex-grow: 10;
  }
  [class~="md:grow11"] {
    -webkit-box-flex: 11;
        -ms-flex-positive: 11;
            flex-grow: 11;
  }
  [class~="md:hover:grow11"]:hover {
    -webkit-box-flex: 11;
        -ms-flex-positive: 11;
            flex-grow: 11;
  }
  [class~="md:grow12"] {
    -webkit-box-flex: 12;
        -ms-flex-positive: 12;
            flex-grow: 12;
  }
  [class~="md:hover:grow12"]:hover {
    -webkit-box-flex: 12;
        -ms-flex-positive: 12;
            flex-grow: 12;
  }
  [class~="md:shrink0"] {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  [class~="md:hover:shrink0"]:hover {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  [class~="md:shrink1"] {
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  [class~="md:hover:shrink1"]:hover {
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  [class~="md:shrink2"] {
    -ms-flex-negative: 2;
        flex-shrink: 2;
  }
  [class~="md:hover:shrink2"]:hover {
    -ms-flex-negative: 2;
        flex-shrink: 2;
  }
  [class~="md:shrink3"] {
    -ms-flex-negative: 3;
        flex-shrink: 3;
  }
  [class~="md:hover:shrink3"]:hover {
    -ms-flex-negative: 3;
        flex-shrink: 3;
  }
  [class~="md:shrink4"] {
    -ms-flex-negative: 4;
        flex-shrink: 4;
  }
  [class~="md:hover:shrink4"]:hover {
    -ms-flex-negative: 4;
        flex-shrink: 4;
  }
  [class~="md:shrink5"] {
    -ms-flex-negative: 5;
        flex-shrink: 5;
  }
  [class~="md:hover:shrink5"]:hover {
    -ms-flex-negative: 5;
        flex-shrink: 5;
  }
  [class~="md:shrink6"] {
    -ms-flex-negative: 6;
        flex-shrink: 6;
  }
  [class~="md:hover:shrink6"]:hover {
    -ms-flex-negative: 6;
        flex-shrink: 6;
  }
  [class~="md:shrink7"] {
    -ms-flex-negative: 7;
        flex-shrink: 7;
  }
  [class~="md:hover:shrink7"]:hover {
    -ms-flex-negative: 7;
        flex-shrink: 7;
  }
  [class~="md:shrink8"] {
    -ms-flex-negative: 8;
        flex-shrink: 8;
  }
  [class~="md:hover:shrink8"]:hover {
    -ms-flex-negative: 8;
        flex-shrink: 8;
  }
  [class~="md:shrink9"] {
    -ms-flex-negative: 9;
        flex-shrink: 9;
  }
  [class~="md:hover:shrink9"]:hover {
    -ms-flex-negative: 9;
        flex-shrink: 9;
  }
  [class~="md:shrink10"] {
    -ms-flex-negative: 10;
        flex-shrink: 10;
  }
  [class~="md:hover:shrink10"]:hover {
    -ms-flex-negative: 10;
        flex-shrink: 10;
  }
  [class~="md:shrink11"] {
    -ms-flex-negative: 11;
        flex-shrink: 11;
  }
  [class~="md:hover:shrink11"]:hover {
    -ms-flex-negative: 11;
        flex-shrink: 11;
  }
  [class~="md:shrink12"] {
    -ms-flex-negative: 12;
        flex-shrink: 12;
  }
  [class~="md:hover:shrink12"]:hover {
    -ms-flex-negative: 12;
        flex-shrink: 12;
  }
  [class~="md:grid-auto"] {
    -ms-grid-columns: auto;
    grid-template-columns: auto;
  }
  [class~="md:hover:grid-auto"]:hover {
    -ms-grid-columns: auto;
    grid-template-columns: auto;
  }
  [class~="md:grid-1fr"] {
    -ms-grid-columns: (minmax(0, 1fr))[1];
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  [class~="md:hover:grid-1fr"]:hover {
    -ms-grid-columns: (minmax(0, 1fr))[1];
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  [class~="md:grid-2fr"] {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  [class~="md:hover:grid-2fr"]:hover {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  [class~="md:grid-3fr"] {
    -ms-grid-columns: (minmax(0, 1fr))[3];
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  [class~="md:hover:grid-3fr"]:hover {
    -ms-grid-columns: (minmax(0, 1fr))[3];
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  [class~="md:grid-auto"] {
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }
  [class~="md:hover:grid-auto"]:hover {
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }
  [class~="md:grid-1fr"] {
    -ms-grid-rows: (minmax(0, 1fr))[1];
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  [class~="md:hover:grid-1fr"]:hover {
    -ms-grid-rows: (minmax(0, 1fr))[1];
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  [class~="md:grid-2fr"] {
    -ms-grid-rows: (minmax(0, 1fr))[2];
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  [class~="md:hover:grid-2fr"]:hover {
    -ms-grid-rows: (minmax(0, 1fr))[2];
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  [class~="md:grid-3fr"] {
    -ms-grid-rows: (minmax(0, 1fr))[3];
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  [class~="md:hover:grid-3fr"]:hover {
    -ms-grid-rows: (minmax(0, 1fr))[3];
    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"] {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  [class~="md:hover:order1"]:hover {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  [class~="md:order2"] {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  [class~="md:hover:order2"]:hover {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            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: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"] {
    -webkit-transition-property: none;
    transition-property: none;
  }
  [class~="md:hover:tp-none"]:hover {
    -webkit-transition-property: none;
    transition-property: none;
  }
  [class~="md:tp-all"] {
    -webkit-transition-property: all;
    transition-property: all;
  }
  [class~="md:hover:tp-all"]:hover {
    -webkit-transition-property: all;
    transition-property: all;
  }
  [class~="md:tp-color"] {
    -webkit-transition-property: color;
    transition-property: color;
  }
  [class~="md:hover:tp-color"]:hover {
    -webkit-transition-property: color;
    transition-property: color;
  }
  [class~="md:tp-bgcolor"] {
    -webkit-transition-property: background-color;
    transition-property: background-color;
  }
  [class~="md:hover:tp-bgcolor"]:hover {
    -webkit-transition-property: background-color;
    transition-property: background-color;
  }
  [class~="md:tp-border-color"] {
    -webkit-transition-property: border-color;
    transition-property: border-color;
  }
  [class~="md:hover:tp-border-color"]:hover {
    -webkit-transition-property: border-color;
    transition-property: border-color;
  }
  [class~="md:tp-opacity"] {
    -webkit-transition-property: opacity;
    transition-property: opacity;
  }
  [class~="md:hover:tp-opacity"]:hover {
    -webkit-transition-property: opacity;
    transition-property: opacity;
  }
  [class~="md:tp-transform"] {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
  }
  [class~="md:hover:tp-transform"]:hover {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
  }
  [class~="md:td0"] {
    -webkit-transition-duration: 0;
            transition-duration: 0;
  }
  [class~="md:hover:td0"]:hover {
    -webkit-transition-duration: 0;
            transition-duration: 0;
  }
  [class~="md:td100"] {
    -webkit-transition-duration: 0.1s;
            transition-duration: 0.1s;
  }
  [class~="md:hover:td100"]:hover {
    -webkit-transition-duration: 0.1s;
            transition-duration: 0.1s;
  }
  [class~="md:td200"] {
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
  }
  [class~="md:hover:td200"]:hover {
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
  }
  [class~="md:td300"] {
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
  }
  [class~="md:hover:td300"]:hover {
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
  }
  [class~="md:td400"] {
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
  }
  [class~="md:hover:td400"]:hover {
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
  }
  [class~="md:td500"] {
    -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
  }
  [class~="md:hover:td500"]:hover {
    -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
  }
  [class~="md:ttf-linear"] {
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
  }
  [class~="md:hover:ttf-linear"]:hover {
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
  }
  [class~="md:ttf-ease"] {
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
  }
  [class~="md:hover:ttf-ease"]:hover {
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
  }
  [class~="md:ttf-ease-in"] {
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }
  [class~="md:hover:ttf-ease-in"]:hover {
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }
  [class~="md:ttf-ease-out"] {
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
  }
  [class~="md:hover:ttf-ease-out"]:hover {
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
  }
  [class~="md:ttf-ease-in-out"] {
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
  }
  [class~="md:hover:ttf-ease-in-out"]:hover {
    -webkit-transition-timing-function: ease-in-out;
            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:wrapper"] {
    margin-inline: var(--fullbleed);
  }
  [class~="md:hover:wrapper"]:hover {
    margin-inline: 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);
  }
}