Framework

/*
* === FLUID SPACING ===
*/
/* @link https://utopia.fyi/space/calculator?c=320,24,1.2,1240,32,1.25,5,2,&s=0.75|0.5|0.25,1.25|1.5|2|2.5|3|4|5|6|7,s-l&g=s,l,xl,12 */

:root {
  /* Space 3xs: 6px → 8px */
  --space-3xs: clamp(0.38rem, calc(0.33rem + 0.22vw), 0.50rem);

  /* Space 2xs: 12px → 16px */
  --space-2xs: clamp(0.75rem, calc(0.66rem + 0.43vw), 1.00rem);

  /* Space xs: 18px → 24px */
  --space-xs: clamp(1.13rem, calc(0.99rem + 0.65vw), 1.50rem);

  /* Space s: 24px → 32px */
  --space-s: clamp(1.50rem, calc(1.33rem + 0.87vw), 2.00rem);

  /* Space m: 30px → 40px */
  --space-m: clamp(1.88rem, calc(1.66rem + 1.09vw), 2.50rem);

  /* Space l: 36px → 48px */
  --space-l: clamp(2.25rem, calc(1.99rem + 1.30vw), 3.00rem);

  /* Space xl: 48px → 64px */
  --space-xl: clamp(3.00rem, calc(2.65rem + 1.74vw), 4.00rem);

  /* Space 2xl: 60px → 80px */
  --space-2xl: clamp(3.75rem, calc(3.32rem + 2.17vw), 5.00rem);

  /* Space 3xl: 72px → 96px */
  --space-3xl: clamp(4.50rem, calc(3.98rem + 2.61vw), 6.00rem);

  /* Space 4xl: 96px → 128px */
  --space-4xl: clamp(6.00rem, calc(5.30rem + 3.48vw), 8.00rem);

  /* Space 5xl: 120px → 160px */
  --space-5xl: clamp(7.50rem, calc(6.63rem + 4.35vw), 10.00rem);

  /* Space 6xl: 144px → 192px */
  --space-6xl: clamp(9.00rem, calc(7.96rem + 5.22vw), 12.00rem);

  /* Space 7xl: 168px → 224px */
  --space-7xl: clamp(10.50rem, calc(9.28rem + 6.09vw), 14.00rem);

  /* One-up pairs */
  /* Space 3xs-2xs: 6px → 16px */
  --space-3xs-2xs: clamp(0.38rem, calc(0.16rem + 1.09vw), 1.00rem);

  /* Space 2xs-xs: 12px → 24px */
  --space-2xs-xs: clamp(0.75rem, calc(0.49rem + 1.30vw), 1.50rem);

  /* Space xs-s: 18px → 32px */
  --space-xs-s: clamp(1.13rem, calc(0.82rem + 1.52vw), 2.00rem);

  /* Space s-m: 24px → 40px */
  --space-s-m: clamp(1.50rem, calc(1.15rem + 1.74vw), 2.50rem);

  /* Space m-l: 30px → 48px */
  --space-m-l: clamp(1.88rem, calc(1.48rem + 1.96vw), 3.00rem);

  /* Space l-xl: 36px → 64px */
  --space-l-xl: clamp(2.25rem, calc(1.64rem + 3.04vw), 4.00rem);

  /* Space xl-2xl: 48px → 80px */
  --space-xl-2xl: clamp(3.00rem, calc(2.30rem + 3.48vw), 5.00rem);

  /* Space 2xl-3xl: 60px → 96px */
  --space-2xl-3xl: clamp(3.75rem, calc(2.97rem + 3.91vw), 6.00rem);

  /* Space 3xl-4xl: 72px → 128px */
  --space-3xl-4xl: clamp(4.50rem, calc(3.28rem + 6.09vw), 8.00rem);

  /* Space 4xl-5xl: 96px → 160px */
  --space-4xl-5xl: clamp(6.00rem, calc(4.61rem + 6.96vw), 10.00rem);

  /* Space 5xl-6xl: 120px → 192px */
  --space-5xl-6xl: clamp(7.50rem, calc(5.93rem + 7.83vw), 12.00rem);

  /* Space 6xl-7xl: 144px → 224px */
  --space-6xl-7xl: clamp(9.00rem, calc(7.26rem + 8.70vw), 14.00rem);

  /* Custom pairs */
  /* Space s-l: 24px → 48px */
  --space-s-l: clamp(1.50rem, calc(0.98rem + 2.61vw), 3.00rem);

  /* Section Spacing */
  --hero-padding: var(--space-4xl-5xl);
  --hero-padding-overlay: var(--space-7xl);
  --hero-page-padding: var(--space-xl-2xl);
  --hero-page-padding-overlay: var(--space-5xl);
  --hero-page-padding-overlay-lg: var(--space-6xl);
  --hero-page-padding-overlay-solid: var(--space-2xl);

  --section-padding-x: var(--space-xs-s);
  --section-padding: var(--space-xl-2xl);
  --section-padding-sm: var(--space-s-m);
  --section-padding-md: var(--space-3xl-4xl);
  --section-padding-lg: var(--space-4xl-5xl);
}

/*
* === FLUID TYPOGRAPHY ===
*/

/* Sizing */

:root {
  --fluid-min-width: 320;
  --fluid-max-width: 1240;

  --fluid-screen: 100vw;
  --fluid-bp: calc(
    (var(--fluid-screen) - var(--fluid-min-width) / 16 * 1rem) /
      (var(--fluid-max-width) - var(--fluid-min-width))
  );
}

@media screen and (min-width: 1240px) {
  :root {
    --fluid-screen: calc(var(--fluid-max-width) * 1px);
  }
}

:root {
  --f--2-min: 14;
  --f--2-max: 14;
  --step--2: calc(
    ((var(--f--2-min) / 16) * 1rem) + (var(--f--2-max) - var(--f--2-min)) *
      var(--fluid-bp)
  );

  --f--1-min: 15;
  --f--1-max: 15;
  --step--1: calc(
    ((var(--f--1-min) / 16) * 1rem) + (var(--f--1-max) - var(--f--1-min)) *
      var(--fluid-bp)
  );

  --f-0-min: 18;
  --f-0-max: 18;
  --step-0: calc(
    ((var(--f-0-min) / 16) * 1rem) + (var(--f-0-max) - var(--f-0-min)) *
      var(--fluid-bp)
  );

  --f-1-min: 22;
  --f-1-max: 24;
  --step-1: calc(
    ((var(--f-1-min) / 16) * 1rem) + (var(--f-1-max) - var(--f-1-min)) *
      var(--fluid-bp)
  );

  --f-2-min: 24;
  --f-2-max: 28;
  --step-2: calc(
    ((var(--f-2-min) / 16) * 1rem) + (var(--f-2-max) - var(--f-2-min)) *
      var(--fluid-bp)
  );

  --f-3-min: 27;
  --f-3-max: 32;
  --step-3: calc(
    ((var(--f-3-min) / 16) * 1rem) + (var(--f-3-max) - var(--f-3-min)) *
      var(--fluid-bp)
  );

  --f-4-min: 30;
  --f-4-max: 40;
  --step-4: calc(
    ((var(--f-4-min) / 16) * 1rem) + (var(--f-4-max) - var(--f-4-min)) *
      var(--fluid-bp)
  );

  --f-5-min: 34;
  --f-5-max: 48;
  --step-5: calc(
    ((var(--f-5-min) / 16) * 1rem) + (var(--f-5-max) - var(--f-5-min)) *
      var(--fluid-bp)
  );

  --f-6-min: 38;
  --f-6-max: 56;
  --step-6: calc(
    ((var(--f-6-min) / 16) * 1rem) + (var(--f-6-max) - var(--f-6-min)) *
      var(--fluid-bp)
  );

  --f-7-min: 64;
  --f-7-max: 100;
  --step-7: calc(
    ((var(--f-7-min) / 16) * 1rem) + (var(--f-7-max) - var(--f-7-min)) *
      var(--fluid-bp)
  );

  --f-8-min: 64;
  --f-8-max: 130;
  --step-8: calc(
    ((var(--f-8-min) / 16) * 1rem) + (var(--f-8-max) - var(--f-8-min)) *
      var(--fluid-bp)
  );
  --f-9-min: 64;
  --f-9-max: 150;
  --step-9: calc(
    ((var(--f-9-min) / 16) * 1rem) + (var(--f-9-max) - var(--f-9-min)) *
      var(--fluid-bp)
  );
}

/* Assignment */

:root {
  --body-text: var(--step--1);
  --h1-pre: var(--step-6);
  --h1: var(--step-7);
  --h1-lg: var(--step-8);
  --h1-xl: var(--step-9);
  --h2: var(--step-4);
  --h2-lg: var(--step-6);
  --post-h2: var(--step-4);
  --h3: var(--step-2);
  --post-h3: var(--step-2);
  --h4: var(--step-1);
  --post-h4: var(--step-1);
  --h5: var(--step-0);
  --h6: var(--step--1);
}
/*
* === VARIABLE MAPPING ===
*/
body:not(.wp-admin):not(#ct-controller-ui) {
	font-size: var(--body-text);
	line-height: 1.6;
}
p {
	font-size: var(--body-text);
	line-height: 1.6;
}
.h1--pre {
	font-size: var(--h1-pre);
}
h1, .h1 {
	font-size: var(--h1);
	line-height: 1.25;
  letter-spacing: -0.02em;
}
.h1--lg {
	font-size: var(--h1-lg);
  letter-spacing: -0.05em;
}
.h1--xl {
	font-size: var(--h1-xl);
  letter-spacing: -0.06em;
}
h2, .h2 {
	font-size: var(--h2);
	line-height: 1.25;
  letter-spacing: -0.02em;
}
.post-content h2,
.h2--sm {
	font-size: var(--post-h2);
}
.h2--lg {
	font-size: var(--h2-lg);
}
h3, .h3 {
	font-size: var(--h3);
	line-height: 1.25;
  letter-spacing: -0.02em;
}
.post-content h3,
.h3--sm {
	font-size: var(--post-h3);
  letter-spacing: -0.02em;
}
h4, .h4 {
	font-size: var(--h4);
	line-height: 1.25;
  letter-spacing: -0.02em;
}
.post-content h4 {
	font-size: var(--post-h4);
}
h5, .h5 {
	font-size: var(--h5);
	line-height: 1.25;
  letter-spacing: -0.02em;
}
h6, .h6 {
	font-size: var(--h6);
	line-height: 1.3;
  letter-spacing: -0.02em;
}
.ct-section-inner-wrap {
	padding: var(--section-padding) var(--section-padding-x);
}
.section--padding-0 .ct-section-inner-wrap {
	padding-top: 0;
	padding-bottom: 0;
}
.section--padding-top-0 .ct-section-inner-wrap {
	padding-top: 0;
}
.section--padding-bottom-0 .ct-section-inner-wrap {
	padding-bottom: 0;
}
.section--padding-sm .ct-section-inner-wrap {
	padding-top: var(--section-padding-sm);
	padding-bottom: var(--section-padding-sm);
}
.section--padding-top-sm .ct-section-inner-wrap {
	padding-top: var(--section-padding-sm);
}
.section--padding-bottom-sm .ct-section-inner-wrap {
	padding-bottom: var(--section-padding-sm);
}
.section--padding-md .ct-section-inner-wrap {
	padding-top: var(--section-padding-md);
	padding-bottom: var(--section-padding-md);
}
.section--padding-top-md .ct-section-inner-wrap {
	padding-top: var(--section-padding-md);
}
.section--padding-bottom-md .ct-section-inner-wrap {
	padding-bottom: var(--section-padding-md);
}
.section--padding-lg .ct-section-inner-wrap {
	padding-top: var(--section-padding-lg);
	padding-bottom: var(--section-padding-lg);
}
.section--padding-top-lg .ct-section-inner-wrap {
	padding-top: var(--section-padding-lg);
}
.section--padding-bottom-lg .ct-section-inner-wrap {
	padding-bottom: var(--section-padding-lg);
}
.hero .ct-section-inner-wrap {
	padding-top: var(--hero-padding-overlay);
	padding-bottom: var(--hero-padding);
}
.hero--overlay .ct-section-inner-wrap {
	padding-top: var(--hero-padding-overlay);
	padding-bottom: var(--hero-padding);
}
.hero-page .ct-section-inner-wrap {
	padding-top: var(--hero-page-padding);
	padding-bottom: var(--hero-page-padding);
}
.hero-page--overlay .ct-section-inner-wrap {
	padding-top: var(--hero-page-padding-overlay);
}
.hero-page--overlay-solid .ct-section-inner-wrap {
	padding-bottom: var(--hero-page-padding-overlay-solid);
}
.hero-page--overlay-lg .ct-section-inner-wrap {
	padding-top: var(--hero-page-padding-overlay-lg);
}

/* General Utility */
.z-1 {
    z-index: 1;
}

/*
* === TAILWIND ===
*/

/* https://play.tailwindcss.com/giKNs4NKgA?file=config */

.static {
  position: static
}

.fixed {
  position: fixed
}

.absolute {
  position: absolute
}

.relative {
  position: relative
}

.sticky {
  position: sticky
}

.col-auto {
  grid-column: auto
}

.col-span-1 {
  grid-column: span 1 / span 1
}

.col-span-2 {
  grid-column: span 2 / span 2
}

.col-span-3 {
  grid-column: span 3 / span 3
}

.col-span-4 {
  grid-column: span 4 / span 4
}

.col-span-5 {
  grid-column: span 5 / span 5
}

.col-span-6 {
  grid-column: span 6 / span 6
}

.col-span-7 {
  grid-column: span 7 / span 7
}

.col-span-8 {
  grid-column: span 8 / span 8
}

.col-span-9 {
  grid-column: span 9 / span 9
}

.col-span-10 {
  grid-column: span 10 / span 10
}

.col-span-11 {
  grid-column: span 11 / span 11
}

.col-span-12 {
  grid-column: span 12 / span 12
}

.col-span-full {
  grid-column: 1 / -1
}

.col-start-1 {
  grid-column-start: 1
}

.col-start-2 {
  grid-column-start: 2
}

.col-start-3 {
  grid-column-start: 3
}

.col-start-4 {
  grid-column-start: 4
}

.col-start-5 {
  grid-column-start: 5
}

.col-start-6 {
  grid-column-start: 6
}

.col-start-7 {
  grid-column-start: 7
}

.col-start-8 {
  grid-column-start: 8
}

.col-start-9 {
  grid-column-start: 9
}

.col-start-10 {
  grid-column-start: 10
}

.col-start-11 {
  grid-column-start: 11
}

.col-start-12 {
  grid-column-start: 12
}

.col-start-13 {
  grid-column-start: 13
}

.col-start-auto {
  grid-column-start: auto
}

.-col-start-1 {
  grid-column-start: -1
}

.col-end-1 {
  grid-column-end: 1
}

.col-end-2 {
  grid-column-end: 2
}

.col-end-3 {
  grid-column-end: 3
}

.col-end-4 {
  grid-column-end: 4
}

.col-end-5 {
  grid-column-end: 5
}

.col-end-6 {
  grid-column-end: 6
}

.col-end-7 {
  grid-column-end: 7
}

.col-end-8 {
  grid-column-end: 8
}

.col-end-9 {
  grid-column-end: 9
}

.col-end-10 {
  grid-column-end: 10
}

.col-end-11 {
  grid-column-end: 11
}

.col-end-12 {
  grid-column-end: 12
}

.col-end-13 {
  grid-column-end: 13
}

.col-end-auto {
  grid-column-end: auto
}

.-col-end-1 {
  grid-column-end: -1
}

.row-auto {
  grid-row: auto
}

.row-span-1 {
  grid-row: span 1 / span 1
}

.row-span-2 {
  grid-row: span 2 / span 2
}

.row-span-3 {
  grid-row: span 3 / span 3
}

.row-span-4 {
  grid-row: span 4 / span 4
}

.row-span-5 {
  grid-row: span 5 / span 5
}

.row-span-6 {
  grid-row: span 6 / span 6
}

.row-span-full {
  grid-row: 1 / -1
}

.row-start-1 {
  grid-row-start: 1
}

.row-start-2 {
  grid-row-start: 2
}

.row-start-3 {
  grid-row-start: 3
}

.row-start-4 {
  grid-row-start: 4
}

.row-start-5 {
  grid-row-start: 5
}

.row-start-6 {
  grid-row-start: 6
}

.row-start-7 {
  grid-row-start: 7
}

.row-start-auto {
  grid-row-start: auto
}

.-row-start-1 {
  grid-row-start: -1
}

.row-end-1 {
  grid-row-end: 1
}

.row-end-2 {
  grid-row-end: 2
}

.row-end-3 {
  grid-row-end: 3
}

.row-end-4 {
  grid-row-end: 4
}

.row-end-5 {
  grid-row-end: 5
}

.row-end-6 {
  grid-row-end: 6
}

.row-end-7 {
  grid-row-end: 7
}

.row-end-auto {
  grid-row-end: auto
}

.-row-end-1 {
  grid-row-end: -1
}

.m-0 {
  margin: 0
}

.m-auto {
  margin: auto
}

.m-2xs {
  margin: var(--space-2xs)
}

.m-xs {
  margin: var(--space-xs)
}

.m-sm {
  margin: var(--space-s)
}

.m-md {
  margin: var(--space-m)
}

.m-lg {
  margin: var(--space-l)
}

.m-xl {
  margin: var(--space-xl)
}

.m-2xl {
  margin: var(--space-2xl)
}

.m-3xl {
  margin: var(--space-3xl)
}

.m-4xl {
  margin: var(--space-4xl)
}

.m-5xl {
  margin: var(--space-5xl)
}

.m-6xl {
  margin: var(--space-6xl)
}

.m-7xl {
  margin: var(--space-7xl)
}

.-m-2xs {
  margin: calc(var(--space-2xs) * -1)
}

.-m-xs {
  margin: calc(var(--space-xs) * -1)
}

.-m-sm {
  margin: calc(var(--space-s) * -1)
}

.-m-md {
  margin: calc(var(--space-m) * -1)
}

.-m-lg {
  margin: calc(var(--space-l) * -1)
}

.-m-xl {
  margin: calc(var(--space-xl) * -1)
}

.-m-2xl {
  margin: calc(var(--space-2xl) * -1)
}

.-m-3xl {
  margin: calc(var(--space-3xl) * -1)
}

.-m-4xl {
  margin: calc(var(--space-4xl) * -1)
}

.-m-5xl {
  margin: calc(var(--space-5xl) * -1)
}

.-m-6xl {
  margin: calc(var(--space-6xl) * -1)
}

.-m-7xl {
  margin: calc(var(--space-7xl) * -1)
}

.mx-0 {
  margin-left: 0;
  margin-right: 0
}

.mx-auto {
  margin-left: auto;
  margin-right: auto
}

.mx-2xs {
  margin-left: var(--space-2xs);
  margin-right: var(--space-2xs)
}

.mx-xs {
  margin-left: var(--space-xs);
  margin-right: var(--space-xs)
}

.mx-sm {
  margin-left: var(--space-s);
  margin-right: var(--space-s)
}

.mx-md {
  margin-left: var(--space-m);
  margin-right: var(--space-m)
}

.mx-lg {
  margin-left: var(--space-l);
  margin-right: var(--space-l)
}

.mx-xl {
  margin-left: var(--space-xl);
  margin-right: var(--space-xl)
}

.mx-2xl {
  margin-left: var(--space-2xl);
  margin-right: var(--space-2xl)
}

.mx-3xl {
  margin-left: var(--space-3xl);
  margin-right: var(--space-3xl)
}

.mx-4xl {
  margin-left: var(--space-4xl);
  margin-right: var(--space-4xl)
}

.mx-5xl {
  margin-left: var(--space-5xl);
  margin-right: var(--space-5xl)
}

.mx-6xl {
  margin-left: var(--space-6xl);
  margin-right: var(--space-6xl)
}

.mx-7xl {
  margin-left: var(--space-7xl);
  margin-right: var(--space-7xl)
}

.-mx-2xs {
  margin-left: calc(var(--space-2xs) * -1);
  margin-right: calc(var(--space-2xs) * -1)
}

.-mx-xs {
  margin-left: calc(var(--space-xs) * -1);
  margin-right: calc(var(--space-xs) * -1)
}

.-mx-sm {
  margin-left: calc(var(--space-s) * -1);
  margin-right: calc(var(--space-s) * -1)
}

.-mx-md {
  margin-left: calc(var(--space-m) * -1);
  margin-right: calc(var(--space-m) * -1)
}

.-mx-lg {
  margin-left: calc(var(--space-l) * -1);
  margin-right: calc(var(--space-l) * -1)
}

.-mx-xl {
  margin-left: calc(var(--space-xl) * -1);
  margin-right: calc(var(--space-xl) * -1)
}

.-mx-2xl {
  margin-left: calc(var(--space-2xl) * -1);
  margin-right: calc(var(--space-2xl) * -1)
}

.-mx-3xl {
  margin-left: calc(var(--space-3xl) * -1);
  margin-right: calc(var(--space-3xl) * -1)
}

.-mx-4xl {
  margin-left: calc(var(--space-4xl) * -1);
  margin-right: calc(var(--space-4xl) * -1)
}

.-mx-5xl {
  margin-left: calc(var(--space-5xl) * -1);
  margin-right: calc(var(--space-5xl) * -1)
}

.-mx-6xl {
  margin-left: calc(var(--space-6xl) * -1);
  margin-right: calc(var(--space-6xl) * -1)
}

.-mx-7xl {
  margin-left: calc(var(--space-7xl) * -1);
  margin-right: calc(var(--space-7xl) * -1)
}

.my-0 {
  margin-top: 0;
  margin-bottom: 0
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto
}

.my-2xs {
  margin-top: var(--space-2xs);
  margin-bottom: var(--space-2xs)
}

.my-xs {
  margin-top: var(--space-xs);
  margin-bottom: var(--space-xs)
}

.my-sm {
  margin-top: var(--space-s);
  margin-bottom: var(--space-s)
}

.my-md {
  margin-top: var(--space-m);
  margin-bottom: var(--space-m)
}

.my-lg {
  margin-top: var(--space-l);
  margin-bottom: var(--space-l)
}

.my-xl {
  margin-top: var(--space-xl);
  margin-bottom: var(--space-xl)
}

.my-2xl {
  margin-top: var(--space-2xl);
  margin-bottom: var(--space-2xl)
}

.my-3xl {
  margin-top: var(--space-3xl);
  margin-bottom: var(--space-3xl)
}

.my-4xl {
  margin-top: var(--space-4xl);
  margin-bottom: var(--space-4xl)
}

.my-5xl {
  margin-top: var(--space-5xl);
  margin-bottom: var(--space-5xl)
}

.my-6xl {
  margin-top: var(--space-6xl);
  margin-bottom: var(--space-6xl)
}

.my-7xl {
  margin-top: var(--space-7xl);
  margin-bottom: var(--space-7xl)
}

.-my-2xs {
  margin-top: calc(var(--space-2xs) * -1);
  margin-bottom: calc(var(--space-2xs) * -1)
}

.-my-xs {
  margin-top: calc(var(--space-xs) * -1);
  margin-bottom: calc(var(--space-xs) * -1)
}

.-my-sm {
  margin-top: calc(var(--space-s) * -1);
  margin-bottom: calc(var(--space-s) * -1)
}

.-my-md {
  margin-top: calc(var(--space-m) * -1);
  margin-bottom: calc(var(--space-m) * -1)
}

.-my-lg {
  margin-top: calc(var(--space-l) * -1);
  margin-bottom: calc(var(--space-l) * -1)
}

.-my-xl {
  margin-top: calc(var(--space-xl) * -1);
  margin-bottom: calc(var(--space-xl) * -1)
}

.-my-2xl {
  margin-top: calc(var(--space-2xl) * -1);
  margin-bottom: calc(var(--space-2xl) * -1)
}

.-my-3xl {
  margin-top: calc(var(--space-3xl) * -1);
  margin-bottom: calc(var(--space-3xl) * -1)
}

.-my-4xl {
  margin-top: calc(var(--space-4xl) * -1);
  margin-bottom: calc(var(--space-4xl) * -1)
}

.-my-5xl {
  margin-top: calc(var(--space-5xl) * -1);
  margin-bottom: calc(var(--space-5xl) * -1)
}

.-my-6xl {
  margin-top: calc(var(--space-6xl) * -1);
  margin-bottom: calc(var(--space-6xl) * -1)
}

.-my-7xl {
  margin-top: calc(var(--space-7xl) * -1);
  margin-bottom: calc(var(--space-7xl) * -1)
}

.mt-0 {
  margin-top: 0
}

.mt-auto {
  margin-top: auto
}

.mt-2xs {
  margin-top: var(--space-2xs)
}

.mt-xs {
  margin-top: var(--space-xs)
}

.mt-sm {
  margin-top: var(--space-s)
}

.mt-md {
  margin-top: var(--space-m)
}

.mt-lg {
  margin-top: var(--space-l)
}

.mt-xl {
  margin-top: var(--space-xl)
}

.mt-2xl {
  margin-top: var(--space-2xl)
}

.mt-3xl {
  margin-top: var(--space-3xl)
}

.mt-4xl {
  margin-top: var(--space-4xl)
}

.mt-5xl {
  margin-top: var(--space-5xl)
}

.mt-6xl {
  margin-top: var(--space-6xl)
}

.mt-7xl {
  margin-top: var(--space-7xl)
}

.-mt-2xs {
  margin-top: calc(var(--space-2xs) * -1)
}

.-mt-xs {
  margin-top: calc(var(--space-xs) * -1)
}

.-mt-sm {
  margin-top: calc(var(--space-s) * -1)
}

.-mt-md {
  margin-top: calc(var(--space-m) * -1)
}

.-mt-lg {
  margin-top: calc(var(--space-l) * -1)
}

.-mt-xl {
  margin-top: calc(var(--space-xl) * -1)
}

.-mt-2xl {
  margin-top: calc(var(--space-2xl) * -1)
}

.-mt-3xl {
  margin-top: calc(var(--space-3xl) * -1)
}

.-mt-4xl {
  margin-top: calc(var(--space-4xl) * -1)
}

.-mt-5xl {
  margin-top: calc(var(--space-5xl) * -1)
}

.-mt-6xl {
  margin-top: calc(var(--space-6xl) * -1)
}

.-mt-7xl {
  margin-top: calc(var(--space-7xl) * -1)
}

.mr-0 {
  margin-right: 0
}

.mr-auto {
  margin-right: auto
}

.mr-2xs {
  margin-right: var(--space-2xs)
}

.mr-xs {
  margin-right: var(--space-xs)
}

.mr-sm {
  margin-right: var(--space-s)
}

.mr-md {
  margin-right: var(--space-m)
}

.mr-lg {
  margin-right: var(--space-l)
}

.mr-xl {
  margin-right: var(--space-xl)
}

.mr-2xl {
  margin-right: var(--space-2xl)
}

.mr-3xl {
  margin-right: var(--space-3xl)
}

.mr-4xl {
  margin-right: var(--space-4xl)
}

.mr-5xl {
  margin-right: var(--space-5xl)
}

.mr-6xl {
  margin-right: var(--space-6xl)
}

.mr-7xl {
  margin-right: var(--space-7xl)
}

.-mr-2xs {
  margin-right: calc(var(--space-2xs) * -1)
}

.-mr-xs {
  margin-right: calc(var(--space-xs) * -1)
}

.-mr-sm {
  margin-right: calc(var(--space-s) * -1)
}

.-mr-md {
  margin-right: calc(var(--space-m) * -1)
}

.-mr-lg {
  margin-right: calc(var(--space-l) * -1)
}

.-mr-xl {
  margin-right: calc(var(--space-xl) * -1)
}

.-mr-2xl {
  margin-right: calc(var(--space-2xl) * -1)
}

.-mr-3xl {
  margin-right: calc(var(--space-3xl) * -1)
}

.-mr-4xl {
  margin-right: calc(var(--space-4xl) * -1)
}

.-mr-5xl {
  margin-right: calc(var(--space-5xl) * -1)
}

.-mr-6xl {
  margin-right: calc(var(--space-6xl) * -1)
}

.-mr-7xl {
  margin-right: calc(var(--space-7xl) * -1)
}

.mb-0 {
  margin-bottom: 0
}

.mb-auto {
  margin-bottom: auto
}

.mb-2xs {
  margin-bottom: var(--space-2xs)
}

.mb-xs {
  margin-bottom: var(--space-xs)
}

.mb-sm {
  margin-bottom: var(--space-s)
}

.mb-md {
  margin-bottom: var(--space-m)
}

.mb-lg {
  margin-bottom: var(--space-l)
}

.mb-xl {
  margin-bottom: var(--space-xl)
}

.mb-2xl {
  margin-bottom: var(--space-2xl)
}

.mb-3xl {
  margin-bottom: var(--space-3xl)
}

.mb-4xl {
  margin-bottom: var(--space-4xl)
}

.mb-5xl {
  margin-bottom: var(--space-5xl)
}

.mb-6xl {
  margin-bottom: var(--space-6xl)
}

.mb-7xl {
  margin-bottom: var(--space-7xl)
}

.-mb-2xs {
  margin-bottom: calc(var(--space-2xs) * -1)
}

.-mb-xs {
  margin-bottom: calc(var(--space-xs) * -1)
}

.-mb-sm {
  margin-bottom: calc(var(--space-s) * -1)
}

.-mb-md {
  margin-bottom: calc(var(--space-m) * -1)
}

.-mb-lg {
  margin-bottom: calc(var(--space-l) * -1)
}

.-mb-xl {
  margin-bottom: calc(var(--space-xl) * -1)
}

.-mb-2xl {
  margin-bottom: calc(var(--space-2xl) * -1)
}

.-mb-3xl {
  margin-bottom: calc(var(--space-3xl) * -1)
}

.-mb-4xl {
  margin-bottom: calc(var(--space-4xl) * -1)
}

.-mb-5xl {
  margin-bottom: calc(var(--space-5xl) * -1)
}

.-mb-6xl {
  margin-bottom: calc(var(--space-6xl) * -1)
}

.-mb-7xl {
  margin-bottom: calc(var(--space-7xl) * -1)
}

.ml-0 {
  margin-left: 0
}

.ml-auto {
  margin-left: auto
}

.ml-2xs {
  margin-left: var(--space-2xs)
}

.ml-xs {
  margin-left: var(--space-xs)
}

.ml-sm {
  margin-left: var(--space-s)
}

.ml-md {
  margin-left: var(--space-m)
}

.ml-lg {
  margin-left: var(--space-l)
}

.ml-xl {
  margin-left: var(--space-xl)
}

.ml-2xl {
  margin-left: var(--space-2xl)
}

.ml-3xl {
  margin-left: var(--space-3xl)
}

.ml-4xl {
  margin-left: var(--space-4xl)
}

.ml-5xl {
  margin-left: var(--space-5xl)
}

.ml-6xl {
  margin-left: var(--space-6xl)
}

.ml-7xl {
  margin-left: var(--space-7xl)
}

.-ml-2xs {
  margin-left: calc(var(--space-2xs) * -1)
}

.-ml-xs {
  margin-left: calc(var(--space-xs) * -1)
}

.-ml-sm {
  margin-left: calc(var(--space-s) * -1)
}

.-ml-md {
  margin-left: calc(var(--space-m) * -1)
}

.-ml-lg {
  margin-left: calc(var(--space-l) * -1)
}

.-ml-xl {
  margin-left: calc(var(--space-xl) * -1)
}

.-ml-2xl {
  margin-left: calc(var(--space-2xl) * -1)
}

.-ml-3xl {
  margin-left: calc(var(--space-3xl) * -1)
}

.-ml-4xl {
  margin-left: calc(var(--space-4xl) * -1)
}

.-ml-5xl {
  margin-left: calc(var(--space-5xl) * -1)
}

.-ml-6xl {
  margin-left: calc(var(--space-6xl) * -1)
}

.-ml-7xl {
  margin-left: calc(var(--space-7xl) * -1)
}

.block {
  display: block
}

.inline-block {
  display: inline-block
}

.inline {
  display: inline
}

.flex {
  display: flex
}

.inline-flex {
  display: inline-flex
}

.table {
  display: table
}

.inline-table {
  display: inline-table
}

.table-caption {
  display: table-caption
}

.table-cell {
  display: table-cell
}

.table-column {
  display: table-column
}

.table-column-group {
  display: table-column-group
}

.table-footer-group {
  display: table-footer-group
}

.table-header-group {
  display: table-header-group
}

.table-row-group {
  display: table-row-group
}

.table-row {
  display: table-row
}

.flow-root {
  display: flow-root
}

.grid {
  display: grid
}

.inline-grid {
  display: inline-grid
}

.contents {
  display: contents
}

.list-item {
  display: list-item
}

.hidden {
  display: none
}

.w-full {
  width: 100%
}

.max-w-0 {
  max-width: 0rem
}

.max-w-none {
  max-width: none
}

.max-w-xs {
  max-width: 20rem
}

.max-w-sm {
  max-width: 24rem
}

.max-w-md {
  max-width: 28rem
}

.max-w-lg {
  max-width: 32rem
}

.max-w-xl {
  max-width: 36rem
}

.max-w-2xl {
  max-width: 42rem
}

.max-w-3xl {
  max-width: 48rem
}

.max-w-4xl {
  max-width: 56rem
}

.max-w-5xl {
  max-width: 64rem
}

.max-w-6xl {
  max-width: 72rem
}

.max-w-7xl {
  max-width: 80rem
}

.max-w-full {
  max-width: 100%
}

.max-w-min {
  max-width: min-content
}

.max-w-max {
  max-width: max-content
}

.max-w-prose {
  max-width: 65ch
}

.flex-shrink-0 {
  flex-shrink: 0
}

.flex-shrink {
  flex-shrink: 1
}

.flex-grow-0 {
  flex-grow: 0
}

.flex-grow {
  flex-grow: 1
}

.grid-flow-row {
  grid-auto-flow: row
}

.grid-flow-col {
  grid-auto-flow: column
}

.grid-flow-row-dense {
  grid-auto-flow: row dense
}

.grid-flow-col-dense {
  grid-auto-flow: column dense
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr))
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr))
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr))
}

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr))
}

.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr))
}

.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr))
}

.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr))
}

.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr))
}

.grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr))
}

.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr))
}

.grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr))
}

.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr))
}

.grid-cols-none {
  grid-template-columns: none
}

.grid-cols-1-2 {
  grid-template-columns: 1fr 2fr
}

.grid-cols-1-3 {
  grid-template-columns: 1fr 3fr
}

.grid-cols-2-1 {
  grid-template-columns: 2fr 1fr
}

.grid-cols-2-3 {
  grid-template-columns: 2fr 3fr
}

.grid-cols-3-1 {
  grid-template-columns: 3fr 1fr
}

.grid-cols-3-2 {
  grid-template-columns: 3fr 2fr
}

.grid-cols-5-7 {
  grid-template-columns: 5fr 7fr
}

.grid-cols-7-5 {
  grid-template-columns: 7fr 5fr
}

.grid-cols-auto-1fr {
  grid-template-columns: auto 1fr
}

.grid-cols-1fr-auto {
  grid-template-columns: 1fr auto
}

.grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr))
}

.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr))
}

.grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr))
}

.grid-rows-4 {
  grid-template-rows: repeat(4, minmax(0, 1fr))
}

.grid-rows-5 {
  grid-template-rows: repeat(5, minmax(0, 1fr))
}

.grid-rows-6 {
  grid-template-rows: repeat(6, minmax(0, 1fr))
}

.grid-rows-none {
  grid-template-rows: none
}

.flex-row {
  flex-direction: row
}

.flex-row-reverse {
  flex-direction: row-reverse
}

.flex-col {
  flex-direction: column
}

.flex-col-reverse {
  flex-direction: column-reverse
}

.content-center {
  align-content: center
}

.content-start {
  align-content: flex-start
}

.content-end {
  align-content: flex-end
}

.content-between {
  align-content: space-between
}

.content-around {
  align-content: space-around
}

.content-evenly {
  align-content: space-evenly
}

.items-start {
  align-items: flex-start
}

.items-end {
  align-items: flex-end
}

.items-center {
  align-items: center
}

.items-baseline {
  align-items: baseline
}

.items-stretch {
  align-items: stretch
}

.justify-start {
  justify-content: flex-start
}

.justify-end {
  justify-content: flex-end
}

.justify-center {
  justify-content: center
}

.justify-between {
  justify-content: space-between
}

.justify-around {
  justify-content: space-around
}

.justify-evenly {
  justify-content: space-evenly
}

.justify-items-start {
  justify-items: start
}

.justify-items-end {
  justify-items: end
}

.justify-items-center {
  justify-items: center
}

.justify-items-stretch {
  justify-items: stretch
}

.gap-0 {
  gap: 0
}

.gap-2xs {
  gap: var(--space-2xs)
}

.gap-xs {
  gap: var(--space-xs)
}

.gap-sm {
  gap: var(--space-s)
}

.gap-md {
  gap: var(--space-m)
}

.gap-lg {
  gap: var(--space-l)
}

.gap-xl {
  gap: var(--space-xl)
}

.gap-2xl {
  gap: var(--space-2xl)
}

.gap-3xl {
  gap: var(--space-3xl)
}

.gap-4xl {
  gap: var(--space-4xl)
}

.gap-5xl {
  gap: var(--space-5xl)
}

.gap-6xl {
  gap: var(--space-6xl)
}

.gap-7xl {
  gap: var(--space-7xl)
}

.gap-x-0 {
  column-gap: 0
}

.gap-x-2xs {
  column-gap: var(--space-2xs)
}

.gap-x-xs {
  column-gap: var(--space-xs)
}

.gap-x-sm {
  column-gap: var(--space-s)
}

.gap-x-md {
  column-gap: var(--space-m)
}

.gap-x-lg {
  column-gap: var(--space-l)
}

.gap-x-xl {
  column-gap: var(--space-xl)
}

.gap-x-2xl {
  column-gap: var(--space-2xl)
}

.gap-x-3xl {
  column-gap: var(--space-3xl)
}

.gap-x-4xl {
  column-gap: var(--space-4xl)
}

.gap-x-5xl {
  column-gap: var(--space-5xl)
}

.gap-x-6xl {
  column-gap: var(--space-6xl)
}

.gap-x-7xl {
  column-gap: var(--space-7xl)
}

.gap-y-0 {
  row-gap: 0
}

.gap-y-2xs {
  row-gap: var(--space-2xs)
}

.gap-y-xs {
  row-gap: var(--space-xs)
}

.gap-y-sm {
  row-gap: var(--space-s)
}

.gap-y-md {
  row-gap: var(--space-m)
}

.gap-y-lg {
  row-gap: var(--space-l)
}

.gap-y-xl {
  row-gap: var(--space-xl)
}

.gap-y-2xl {
  row-gap: var(--space-2xl)
}

.gap-y-3xl {
  row-gap: var(--space-3xl)
}

.gap-y-4xl {
  row-gap: var(--space-4xl)
}

.gap-y-5xl {
  row-gap: var(--space-5xl)
}

.gap-y-6xl {
  row-gap: var(--space-6xl)
}

.gap-y-7xl {
  row-gap: var(--space-7xl)
}

.self-auto {
  align-self: auto
}

.self-start {
  align-self: flex-start
}

.self-end {
  align-self: flex-end
}

.self-center {
  align-self: center
}

.self-stretch {
  align-self: stretch
}

.self-baseline {
  align-self: baseline
}

.rounded-none {
  border-radius: 0px
}

.rounded-sm {
  border-radius: 0.125rem
}

.rounded {
  border-radius: 0.25rem
}

.rounded-md {
  border-radius: 0.375rem
}

.rounded-lg {
  border-radius: 0.5rem
}

.rounded-xl {
  border-radius: 0.75rem
}

.rounded-2xl {
  border-radius: 1rem
}

.rounded-3xl {
  border-radius: 1.5rem
}

.rounded-full {
  border-radius: 9999px
}

.rounded-t-none {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px
}

.rounded-t-sm {
  border-top-left-radius: 0.125rem;
  border-top-right-radius: 0.125rem
}

.rounded-t {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem
}

.rounded-t-md {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem
}

.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem
}

.rounded-t-xl {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem
}

.rounded-t-2xl {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem
}

.rounded-t-3xl {
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem
}

.rounded-t-full {
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px
}

.rounded-r-none {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px
}

.rounded-r-sm {
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem
}

.rounded-r {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem
}

.rounded-r-md {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem
}

.rounded-r-lg {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem
}

.rounded-r-xl {
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem
}

.rounded-r-2xl {
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem
}

.rounded-r-3xl {
  border-top-right-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem
}

.rounded-r-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px
}

.rounded-b-none {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px
}

.rounded-b-sm {
  border-bottom-right-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem
}

.rounded-b {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem
}

.rounded-b-md {
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem
}

.rounded-b-lg {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem
}

.rounded-b-xl {
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem
}

.rounded-b-2xl {
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem
}

.rounded-b-3xl {
  border-bottom-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem
}

.rounded-b-full {
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px
}

.rounded-l-none {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px
}

.rounded-l-sm {
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem
}

.rounded-l {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem
}

.rounded-l-md {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem
}

.rounded-l-lg {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem
}

.rounded-l-xl {
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem
}

.rounded-l-2xl {
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem
}

.rounded-l-3xl {
  border-top-left-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem
}

.rounded-l-full {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px
}

.rounded-tl-none {
  border-top-left-radius: 0px
}

.rounded-tl-sm {
  border-top-left-radius: 0.125rem
}

.rounded-tl {
  border-top-left-radius: 0.25rem
}

.rounded-tl-md {
  border-top-left-radius: 0.375rem
}

.rounded-tl-lg {
  border-top-left-radius: 0.5rem
}

.rounded-tl-xl {
  border-top-left-radius: 0.75rem
}

.rounded-tl-2xl {
  border-top-left-radius: 1rem
}

.rounded-tl-3xl {
  border-top-left-radius: 1.5rem
}

.rounded-tl-full {
  border-top-left-radius: 9999px
}

.rounded-tr-none {
  border-top-right-radius: 0px
}

.rounded-tr-sm {
  border-top-right-radius: 0.125rem
}

.rounded-tr {
  border-top-right-radius: 0.25rem
}

.rounded-tr-md {
  border-top-right-radius: 0.375rem
}

.rounded-tr-lg {
  border-top-right-radius: 0.5rem
}

.rounded-tr-xl {
  border-top-right-radius: 0.75rem
}

.rounded-tr-2xl {
  border-top-right-radius: 1rem
}

.rounded-tr-3xl {
  border-top-right-radius: 1.5rem
}

.rounded-tr-full {
  border-top-right-radius: 9999px
}

.rounded-br-none {
  border-bottom-right-radius: 0px
}

.rounded-br-sm {
  border-bottom-right-radius: 0.125rem
}

.rounded-br {
  border-bottom-right-radius: 0.25rem
}

.rounded-br-md {
  border-bottom-right-radius: 0.375rem
}

.rounded-br-lg {
  border-bottom-right-radius: 0.5rem
}

.rounded-br-xl {
  border-bottom-right-radius: 0.75rem
}

.rounded-br-2xl {
  border-bottom-right-radius: 1rem
}

.rounded-br-3xl {
  border-bottom-right-radius: 1.5rem
}

.rounded-br-full {
  border-bottom-right-radius: 9999px
}

.rounded-bl-none {
  border-bottom-left-radius: 0px
}

.rounded-bl-sm {
  border-bottom-left-radius: 0.125rem
}

.rounded-bl {
  border-bottom-left-radius: 0.25rem
}

.rounded-bl-md {
  border-bottom-left-radius: 0.375rem
}

.rounded-bl-lg {
  border-bottom-left-radius: 0.5rem
}

.rounded-bl-xl {
  border-bottom-left-radius: 0.75rem
}

.rounded-bl-2xl {
  border-bottom-left-radius: 1rem
}

.rounded-bl-3xl {
  border-bottom-left-radius: 1.5rem
}

.rounded-bl-full {
  border-bottom-left-radius: 9999px
}

.object-contain {
  object-fit: contain
}

.object-cover {
  object-fit: cover
}

.object-fill {
  object-fit: fill
}

.object-none {
  object-fit: none
}

.object-scale-down {
  object-fit: scale-down
}

.object-bottom {
  object-position: bottom
}

.object-center {
  object-position: center
}

.object-left {
  object-position: left
}

.object-left-bottom {
  object-position: left bottom
}

.object-left-top {
  object-position: left top
}

.object-right {
  object-position: right
}

.object-right-bottom {
  object-position: right bottom
}

.object-right-top {
  object-position: right top
}

.object-top {
  object-position: top
}

.p-0 {
  padding: 0
}

.p-2xs {
  padding: var(--space-2xs)
}

.p-xs {
  padding: var(--space-xs)
}

.p-sm {
  padding: var(--space-s)
}

.p-md {
  padding: var(--space-m)
}

.p-lg {
  padding: var(--space-l)
}

.p-xl {
  padding: var(--space-xl)
}

.p-2xl {
  padding: var(--space-2xl)
}

.p-3xl {
  padding: var(--space-3xl)
}

.p-4xl {
  padding: var(--space-4xl)
}

.p-5xl {
  padding: var(--space-5xl)
}

.p-6xl {
  padding: var(--space-6xl)
}

.p-7xl {
  padding: var(--space-7xl)
}

.px-0 {
  padding-left: 0;
  padding-right: 0
}

.px-2xs {
  padding-left: var(--space-2xs);
  padding-right: var(--space-2xs)
}

.px-xs {
  padding-left: var(--space-xs);
  padding-right: var(--space-xs)
}

.px-sm {
  padding-left: var(--space-s);
  padding-right: var(--space-s)
}

.px-md {
  padding-left: var(--space-m);
  padding-right: var(--space-m)
}

.px-lg {
  padding-left: var(--space-l);
  padding-right: var(--space-l)
}

.px-xl {
  padding-left: var(--space-xl);
  padding-right: var(--space-xl)
}

.px-2xl {
  padding-left: var(--space-2xl);
  padding-right: var(--space-2xl)
}

.px-3xl {
  padding-left: var(--space-3xl);
  padding-right: var(--space-3xl)
}

.px-4xl {
  padding-left: var(--space-4xl);
  padding-right: var(--space-4xl)
}

.px-5xl {
  padding-left: var(--space-5xl);
  padding-right: var(--space-5xl)
}

.px-6xl {
  padding-left: var(--space-6xl);
  padding-right: var(--space-6xl)
}

.px-7xl {
  padding-left: var(--space-7xl);
  padding-right: var(--space-7xl)
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0
}

.py-2xs {
  padding-top: var(--space-2xs);
  padding-bottom: var(--space-2xs)
}

.py-xs {
  padding-top: var(--space-xs);
  padding-bottom: var(--space-xs)
}

.py-sm {
  padding-top: var(--space-s);
  padding-bottom: var(--space-s)
}

.py-md {
  padding-top: var(--space-m);
  padding-bottom: var(--space-m)
}

.py-lg {
  padding-top: var(--space-l);
  padding-bottom: var(--space-l)
}

.py-xl {
  padding-top: var(--space-xl);
  padding-bottom: var(--space-xl)
}

.py-2xl {
  padding-top: var(--space-2xl);
  padding-bottom: var(--space-2xl)
}

.py-3xl {
  padding-top: var(--space-3xl);
  padding-bottom: var(--space-3xl)
}

.py-4xl {
  padding-top: var(--space-4xl);
  padding-bottom: var(--space-4xl)
}

.py-5xl {
  padding-top: var(--space-5xl);
  padding-bottom: var(--space-5xl)
}

.py-6xl {
  padding-top: var(--space-6xl);
  padding-bottom: var(--space-6xl)
}

.py-7xl {
  padding-top: var(--space-7xl);
  padding-bottom: var(--space-7xl)
}

.pt-0 {
  padding-top: 0
}

.pt-2xs {
  padding-top: var(--space-2xs)
}

.pt-xs {
  padding-top: var(--space-xs)
}

.pt-sm {
  padding-top: var(--space-s)
}

.pt-md {
  padding-top: var(--space-m)
}

.pt-lg {
  padding-top: var(--space-l)
}

.pt-xl {
  padding-top: var(--space-xl)
}

.pt-2xl {
  padding-top: var(--space-2xl)
}

.pt-3xl {
  padding-top: var(--space-3xl)
}

.pt-4xl {
  padding-top: var(--space-4xl)
}

.pt-5xl {
  padding-top: var(--space-5xl)
}

.pt-6xl {
  padding-top: var(--space-6xl)
}

.pt-7xl {
  padding-top: var(--space-7xl)
}

.pr-0 {
  padding-right: 0
}

.pr-2xs {
  padding-right: var(--space-2xs)
}

.pr-xs {
  padding-right: var(--space-xs)
}

.pr-sm {
  padding-right: var(--space-s)
}

.pr-md {
  padding-right: var(--space-m)
}

.pr-lg {
  padding-right: var(--space-l)
}

.pr-xl {
  padding-right: var(--space-xl)
}

.pr-2xl {
  padding-right: var(--space-2xl)
}

.pr-3xl {
  padding-right: var(--space-3xl)
}

.pr-4xl {
  padding-right: var(--space-4xl)
}

.pr-5xl {
  padding-right: var(--space-5xl)
}

.pr-6xl {
  padding-right: var(--space-6xl)
}

.pr-7xl {
  padding-right: var(--space-7xl)
}

.pb-0 {
  padding-bottom: 0
}

.pb-2xs {
  padding-bottom: var(--space-2xs)
}

.pb-xs {
  padding-bottom: var(--space-xs)
}

.pb-sm {
  padding-bottom: var(--space-s)
}

.pb-md {
  padding-bottom: var(--space-m)
}

.pb-lg {
  padding-bottom: var(--space-l)
}

.pb-xl {
  padding-bottom: var(--space-xl)
}

.pb-2xl {
  padding-bottom: var(--space-2xl)
}

.pb-3xl {
  padding-bottom: var(--space-3xl)
}

.pb-4xl {
  padding-bottom: var(--space-4xl)
}

.pb-5xl {
  padding-bottom: var(--space-5xl)
}

.pb-6xl {
  padding-bottom: var(--space-6xl)
}

.pb-7xl {
  padding-bottom: var(--space-7xl)
}

.pl-0 {
  padding-left: 0
}

.pl-2xs {
  padding-left: var(--space-2xs)
}

.pl-xs {
  padding-left: var(--space-xs)
}

.pl-sm {
  padding-left: var(--space-s)
}

.pl-md {
  padding-left: var(--space-m)
}

.pl-lg {
  padding-left: var(--space-l)
}

.pl-xl {
  padding-left: var(--space-xl)
}

.pl-2xl {
  padding-left: var(--space-2xl)
}

.pl-3xl {
  padding-left: var(--space-3xl)
}

.pl-4xl {
  padding-left: var(--space-4xl)
}

.pl-5xl {
  padding-left: var(--space-5xl)
}

.pl-6xl {
  padding-left: var(--space-6xl)
}

.pl-7xl {
  padding-left: var(--space-7xl)
}

.text-left {
  text-align: left
}

.text-center {
  text-align: center
}

.text-right {
  text-align: right
}

.text-justify {
  text-align: justify
}

@media (max-width: 1210px) {
  .xl-col-auto {
    grid-column: auto
  }

  .xl-col-span-1 {
    grid-column: span 1 / span 1
  }

  .xl-col-span-2 {
    grid-column: span 2 / span 2
  }

  .xl-col-span-3 {
    grid-column: span 3 / span 3
  }

  .xl-col-span-4 {
    grid-column: span 4 / span 4
  }

  .xl-col-span-5 {
    grid-column: span 5 / span 5
  }

  .xl-col-span-6 {
    grid-column: span 6 / span 6
  }

  .xl-col-span-7 {
    grid-column: span 7 / span 7
  }

  .xl-col-span-8 {
    grid-column: span 8 / span 8
  }

  .xl-col-span-9 {
    grid-column: span 9 / span 9
  }

  .xl-col-span-10 {
    grid-column: span 10 / span 10
  }

  .xl-col-span-11 {
    grid-column: span 11 / span 11
  }

  .xl-col-span-12 {
    grid-column: span 12 / span 12
  }

  .xl-col-span-full {
    grid-column: 1 / -1
  }

  .xl-col-start-1 {
    grid-column-start: 1
  }

  .xl-col-start-2 {
    grid-column-start: 2
  }

  .xl-col-start-3 {
    grid-column-start: 3
  }

  .xl-col-start-4 {
    grid-column-start: 4
  }

  .xl-col-start-5 {
    grid-column-start: 5
  }

  .xl-col-start-6 {
    grid-column-start: 6
  }

  .xl-col-start-7 {
    grid-column-start: 7
  }

  .xl-col-start-8 {
    grid-column-start: 8
  }

  .xl-col-start-9 {
    grid-column-start: 9
  }

  .xl-col-start-10 {
    grid-column-start: 10
  }

  .xl-col-start-11 {
    grid-column-start: 11
  }

  .xl-col-start-12 {
    grid-column-start: 12
  }

  .xl-col-start-13 {
    grid-column-start: 13
  }

  .xl-col-start-auto {
    grid-column-start: auto
  }

  .xl--col-start-1 {
    grid-column-start: -1
  }

  .xl-col-end-1 {
    grid-column-end: 1
  }

  .xl-col-end-2 {
    grid-column-end: 2
  }

  .xl-col-end-3 {
    grid-column-end: 3
  }

  .xl-col-end-4 {
    grid-column-end: 4
  }

  .xl-col-end-5 {
    grid-column-end: 5
  }

  .xl-col-end-6 {
    grid-column-end: 6
  }

  .xl-col-end-7 {
    grid-column-end: 7
  }

  .xl-col-end-8 {
    grid-column-end: 8
  }

  .xl-col-end-9 {
    grid-column-end: 9
  }

  .xl-col-end-10 {
    grid-column-end: 10
  }

  .xl-col-end-11 {
    grid-column-end: 11
  }

  .xl-col-end-12 {
    grid-column-end: 12
  }

  .xl-col-end-13 {
    grid-column-end: 13
  }

  .xl-col-end-auto {
    grid-column-end: auto
  }

  .xl--col-end-1 {
    grid-column-end: -1
  }

  .xl-row-auto {
    grid-row: auto
  }

  .xl-row-span-1 {
    grid-row: span 1 / span 1
  }

  .xl-row-span-2 {
    grid-row: span 2 / span 2
  }

  .xl-row-span-3 {
    grid-row: span 3 / span 3
  }

  .xl-row-span-4 {
    grid-row: span 4 / span 4
  }

  .xl-row-span-5 {
    grid-row: span 5 / span 5
  }

  .xl-row-span-6 {
    grid-row: span 6 / span 6
  }

  .xl-row-span-full {
    grid-row: 1 / -1
  }

  .xl-row-start-1 {
    grid-row-start: 1
  }

  .xl-row-start-2 {
    grid-row-start: 2
  }

  .xl-row-start-3 {
    grid-row-start: 3
  }

  .xl-row-start-4 {
    grid-row-start: 4
  }

  .xl-row-start-5 {
    grid-row-start: 5
  }

  .xl-row-start-6 {
    grid-row-start: 6
  }

  .xl-row-start-7 {
    grid-row-start: 7
  }

  .xl-row-start-auto {
    grid-row-start: auto
  }

  .xl--row-start-1 {
    grid-row-start: -1
  }

  .xl-row-end-1 {
    grid-row-end: 1
  }

  .xl-row-end-2 {
    grid-row-end: 2
  }

  .xl-row-end-3 {
    grid-row-end: 3
  }

  .xl-row-end-4 {
    grid-row-end: 4
  }

  .xl-row-end-5 {
    grid-row-end: 5
  }

  .xl-row-end-6 {
    grid-row-end: 6
  }

  .xl-row-end-7 {
    grid-row-end: 7
  }

  .xl-row-end-auto {
    grid-row-end: auto
  }

  .xl--row-end-1 {
    grid-row-end: -1
  }

  .xl-w-full {
    width: 100%
  }

  .xl-flex-shrink-0 {
    flex-shrink: 0
  }

  .xl-flex-shrink {
    flex-shrink: 1
  }

  .xl-flex-grow-0 {
    flex-grow: 0
  }

  .xl-flex-grow {
    flex-grow: 1
  }

  .xl-grid-flow-row {
    grid-auto-flow: row
  }

  .xl-grid-flow-col {
    grid-auto-flow: column
  }

  .xl-grid-flow-row-dense {
    grid-auto-flow: row dense
  }

  .xl-grid-flow-col-dense {
    grid-auto-flow: column dense
  }

  .xl-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }

  .xl-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .xl-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .xl-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }

  .xl-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr))
  }

  .xl-grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr))
  }

  .xl-grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr))
  }

  .xl-grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr))
  }

  .xl-grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr))
  }

  .xl-grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr))
  }

  .xl-grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr))
  }

  .xl-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr))
  }

  .xl-grid-cols-none {
    grid-template-columns: none
  }

  .xl-grid-cols-1-2 {
    grid-template-columns: 1fr 2fr
  }

  .xl-grid-cols-1-3 {
    grid-template-columns: 1fr 3fr
  }

  .xl-grid-cols-2-1 {
    grid-template-columns: 2fr 1fr
  }

  .xl-grid-cols-2-3 {
    grid-template-columns: 2fr 3fr
  }

  .xl-grid-cols-3-1 {
    grid-template-columns: 3fr 1fr
  }

  .xl-grid-cols-3-2 {
    grid-template-columns: 3fr 2fr
  }

  .xl-grid-cols-5-7 {
    grid-template-columns: 5fr 7fr
  }

  .xl-grid-cols-7-5 {
    grid-template-columns: 7fr 5fr
  }

  .xl-grid-cols-auto-1fr {
    grid-template-columns: auto 1fr
  }

  .xl-grid-cols-1fr-auto {
    grid-template-columns: 1fr auto
  }

  .xl-grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr))
  }

  .xl-grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr))
  }

  .xl-grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr))
  }

  .xl-grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr))
  }

  .xl-grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr))
  }

  .xl-grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr))
  }

  .xl-grid-rows-none {
    grid-template-rows: none
  }

  .xl-flex-row {
    flex-direction: row
  }

  .xl-flex-row-reverse {
    flex-direction: row-reverse
  }

  .xl-flex-col {
    flex-direction: column
  }

  .xl-flex-col-reverse {
    flex-direction: column-reverse
  }

  .xl-content-center {
    align-content: center
  }

  .xl-content-start {
    align-content: flex-start
  }

  .xl-content-end {
    align-content: flex-end
  }

  .xl-content-between {
    align-content: space-between
  }

  .xl-content-around {
    align-content: space-around
  }

  .xl-content-evenly {
    align-content: space-evenly
  }

  .xl-items-start {
    align-items: flex-start
  }

  .xl-items-end {
    align-items: flex-end
  }

  .xl-items-center {
    align-items: center
  }

  .xl-items-baseline {
    align-items: baseline
  }

  .xl-items-stretch {
    align-items: stretch
  }

  .xl-justify-start {
    justify-content: flex-start
  }

  .xl-justify-end {
    justify-content: flex-end
  }

  .xl-justify-center {
    justify-content: center
  }

  .xl-justify-between {
    justify-content: space-between
  }

  .xl-justify-around {
    justify-content: space-around
  }

  .xl-justify-evenly {
    justify-content: space-evenly
  }

  .xl-justify-items-start {
    justify-items: start
  }

  .xl-justify-items-end {
    justify-items: end
  }

  .xl-justify-items-center {
    justify-items: center
  }

  .xl-justify-items-stretch {
    justify-items: stretch
  }

  .xl-gap-0 {
    gap: 0
  }

  .xl-gap-2xs {
    gap: var(--space-2xs)
  }

  .xl-gap-xs {
    gap: var(--space-xs)
  }

  .xl-gap-sm {
    gap: var(--space-s)
  }

  .xl-gap-md {
    gap: var(--space-m)
  }

  .xl-gap-lg {
    gap: var(--space-l)
  }

  .xl-gap-xl {
    gap: var(--space-xl)
  }

  .xl-gap-2xl {
    gap: var(--space-2xl)
  }

  .xl-gap-3xl {
    gap: var(--space-3xl)
  }

  .xl-gap-4xl {
    gap: var(--space-4xl)
  }

  .xl-gap-5xl {
    gap: var(--space-5xl)
  }

  .xl-gap-6xl {
    gap: var(--space-6xl)
  }

  .xl-gap-7xl {
    gap: var(--space-7xl)
  }

  .xl-gap-x-0 {
    column-gap: 0
  }

  .xl-gap-x-2xs {
    column-gap: var(--space-2xs)
  }

  .xl-gap-x-xs {
    column-gap: var(--space-xs)
  }

  .xl-gap-x-sm {
    column-gap: var(--space-s)
  }

  .xl-gap-x-md {
    column-gap: var(--space-m)
  }

  .xl-gap-x-lg {
    column-gap: var(--space-l)
  }

  .xl-gap-x-xl {
    column-gap: var(--space-xl)
  }

  .xl-gap-x-2xl {
    column-gap: var(--space-2xl)
  }

  .xl-gap-x-3xl {
    column-gap: var(--space-3xl)
  }

  .xl-gap-x-4xl {
    column-gap: var(--space-4xl)
  }

  .xl-gap-x-5xl {
    column-gap: var(--space-5xl)
  }

  .xl-gap-x-6xl {
    column-gap: var(--space-6xl)
  }

  .xl-gap-x-7xl {
    column-gap: var(--space-7xl)
  }

  .xl-gap-y-0 {
    row-gap: 0
  }

  .xl-gap-y-2xs {
    row-gap: var(--space-2xs)
  }

  .xl-gap-y-xs {
    row-gap: var(--space-xs)
  }

  .xl-gap-y-sm {
    row-gap: var(--space-s)
  }

  .xl-gap-y-md {
    row-gap: var(--space-m)
  }

  .xl-gap-y-lg {
    row-gap: var(--space-l)
  }

  .xl-gap-y-xl {
    row-gap: var(--space-xl)
  }

  .xl-gap-y-2xl {
    row-gap: var(--space-2xl)
  }

  .xl-gap-y-3xl {
    row-gap: var(--space-3xl)
  }

  .xl-gap-y-4xl {
    row-gap: var(--space-4xl)
  }

  .xl-gap-y-5xl {
    row-gap: var(--space-5xl)
  }

  .xl-gap-y-6xl {
    row-gap: var(--space-6xl)
  }

  .xl-gap-y-7xl {
    row-gap: var(--space-7xl)
  }

  .xl-self-auto {
    align-self: auto
  }

  .xl-self-start {
    align-self: flex-start
  }

  .xl-self-end {
    align-self: flex-end
  }

  .xl-self-center {
    align-self: center
  }

  .xl-self-stretch {
    align-self: stretch
  }

  .xl-self-baseline {
    align-self: baseline
  }

  .xl-rounded-none {
    border-radius: 0px
  }

  .xl-rounded-sm {
    border-radius: 0.125rem
  }

  .xl-rounded {
    border-radius: 0.25rem
  }

  .xl-rounded-md {
    border-radius: 0.375rem
  }

  .xl-rounded-lg {
    border-radius: 0.5rem
  }

  .xl-rounded-xl {
    border-radius: 0.75rem
  }

  .xl-rounded-2xl {
    border-radius: 1rem
  }

  .xl-rounded-3xl {
    border-radius: 1.5rem
  }

  .xl-rounded-full {
    border-radius: 9999px
  }

  .xl-rounded-t-none {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px
  }

  .xl-rounded-t-sm {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem
  }

  .xl-rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem
  }

  .xl-rounded-t-md {
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem
  }

  .xl-rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem
  }

  .xl-rounded-t-xl {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem
  }

  .xl-rounded-t-2xl {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem
  }

  .xl-rounded-t-3xl {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem
  }

  .xl-rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px
  }

  .xl-rounded-r-none {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px
  }

  .xl-rounded-r-sm {
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem
  }

  .xl-rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem
  }

  .xl-rounded-r-md {
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem
  }

  .xl-rounded-r-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem
  }

  .xl-rounded-r-xl {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem
  }

  .xl-rounded-r-2xl {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem
  }

  .xl-rounded-r-3xl {
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem
  }

  .xl-rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px
  }

  .xl-rounded-b-none {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px
  }

  .xl-rounded-b-sm {
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem
  }

  .xl-rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem
  }

  .xl-rounded-b-md {
    border-bottom-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem
  }

  .xl-rounded-b-lg {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem
  }

  .xl-rounded-b-xl {
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem
  }

  .xl-rounded-b-2xl {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem
  }

  .xl-rounded-b-3xl {
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem
  }

  .xl-rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px
  }

  .xl-rounded-l-none {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px
  }

  .xl-rounded-l-sm {
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem
  }

  .xl-rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem
  }

  .xl-rounded-l-md {
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem
  }

  .xl-rounded-l-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem
  }

  .xl-rounded-l-xl {
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem
  }

  .xl-rounded-l-2xl {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem
  }

  .xl-rounded-l-3xl {
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem
  }

  .xl-rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px
  }

  .xl-rounded-tl-none {
    border-top-left-radius: 0px
  }

  .xl-rounded-tl-sm {
    border-top-left-radius: 0.125rem
  }

  .xl-rounded-tl {
    border-top-left-radius: 0.25rem
  }

  .xl-rounded-tl-md {
    border-top-left-radius: 0.375rem
  }

  .xl-rounded-tl-lg {
    border-top-left-radius: 0.5rem
  }

  .xl-rounded-tl-xl {
    border-top-left-radius: 0.75rem
  }

  .xl-rounded-tl-2xl {
    border-top-left-radius: 1rem
  }

  .xl-rounded-tl-3xl {
    border-top-left-radius: 1.5rem
  }

  .xl-rounded-tl-full {
    border-top-left-radius: 9999px
  }

  .xl-rounded-tr-none {
    border-top-right-radius: 0px
  }

  .xl-rounded-tr-sm {
    border-top-right-radius: 0.125rem
  }

  .xl-rounded-tr {
    border-top-right-radius: 0.25rem
  }

  .xl-rounded-tr-md {
    border-top-right-radius: 0.375rem
  }

  .xl-rounded-tr-lg {
    border-top-right-radius: 0.5rem
  }

  .xl-rounded-tr-xl {
    border-top-right-radius: 0.75rem
  }

  .xl-rounded-tr-2xl {
    border-top-right-radius: 1rem
  }

  .xl-rounded-tr-3xl {
    border-top-right-radius: 1.5rem
  }

  .xl-rounded-tr-full {
    border-top-right-radius: 9999px
  }

  .xl-rounded-br-none {
    border-bottom-right-radius: 0px
  }

  .xl-rounded-br-sm {
    border-bottom-right-radius: 0.125rem
  }

  .xl-rounded-br {
    border-bottom-right-radius: 0.25rem
  }

  .xl-rounded-br-md {
    border-bottom-right-radius: 0.375rem
  }

  .xl-rounded-br-lg {
    border-bottom-right-radius: 0.5rem
  }

  .xl-rounded-br-xl {
    border-bottom-right-radius: 0.75rem
  }

  .xl-rounded-br-2xl {
    border-bottom-right-radius: 1rem
  }

  .xl-rounded-br-3xl {
    border-bottom-right-radius: 1.5rem
  }

  .xl-rounded-br-full {
    border-bottom-right-radius: 9999px
  }

  .xl-rounded-bl-none {
    border-bottom-left-radius: 0px
  }

  .xl-rounded-bl-sm {
    border-bottom-left-radius: 0.125rem
  }

  .xl-rounded-bl {
    border-bottom-left-radius: 0.25rem
  }

  .xl-rounded-bl-md {
    border-bottom-left-radius: 0.375rem
  }

  .xl-rounded-bl-lg {
    border-bottom-left-radius: 0.5rem
  }

  .xl-rounded-bl-xl {
    border-bottom-left-radius: 0.75rem
  }

  .xl-rounded-bl-2xl {
    border-bottom-left-radius: 1rem
  }

  .xl-rounded-bl-3xl {
    border-bottom-left-radius: 1.5rem
  }

  .xl-rounded-bl-full {
    border-bottom-left-radius: 9999px
  }

  .xl-text-left {
    text-align: left
  }

  .xl-text-center {
    text-align: center
  }

  .xl-text-right {
    text-align: right
  }

  .xl-text-justify {
    text-align: justify
  }
}

@media (max-width: 991px) {
  .lg-col-auto {
    grid-column: auto
  }

  .lg-col-span-1 {
    grid-column: span 1 / span 1
  }

  .lg-col-span-2 {
    grid-column: span 2 / span 2
  }

  .lg-col-span-3 {
    grid-column: span 3 / span 3
  }

  .lg-col-span-4 {
    grid-column: span 4 / span 4
  }

  .lg-col-span-5 {
    grid-column: span 5 / span 5
  }

  .lg-col-span-6 {
    grid-column: span 6 / span 6
  }

  .lg-col-span-7 {
    grid-column: span 7 / span 7
  }

  .lg-col-span-8 {
    grid-column: span 8 / span 8
  }

  .lg-col-span-9 {
    grid-column: span 9 / span 9
  }

  .lg-col-span-10 {
    grid-column: span 10 / span 10
  }

  .lg-col-span-11 {
    grid-column: span 11 / span 11
  }

  .lg-col-span-12 {
    grid-column: span 12 / span 12
  }

  .lg-col-span-full {
    grid-column: 1 / -1
  }

  .lg-col-start-1 {
    grid-column-start: 1
  }

  .lg-col-start-2 {
    grid-column-start: 2
  }

  .lg-col-start-3 {
    grid-column-start: 3
  }

  .lg-col-start-4 {
    grid-column-start: 4
  }

  .lg-col-start-5 {
    grid-column-start: 5
  }

  .lg-col-start-6 {
    grid-column-start: 6
  }

  .lg-col-start-7 {
    grid-column-start: 7
  }

  .lg-col-start-8 {
    grid-column-start: 8
  }

  .lg-col-start-9 {
    grid-column-start: 9
  }

  .lg-col-start-10 {
    grid-column-start: 10
  }

  .lg-col-start-11 {
    grid-column-start: 11
  }

  .lg-col-start-12 {
    grid-column-start: 12
  }

  .lg-col-start-13 {
    grid-column-start: 13
  }

  .lg-col-start-auto {
    grid-column-start: auto
  }

  .lg--col-start-1 {
    grid-column-start: -1
  }

  .lg-col-end-1 {
    grid-column-end: 1
  }

  .lg-col-end-2 {
    grid-column-end: 2
  }

  .lg-col-end-3 {
    grid-column-end: 3
  }

  .lg-col-end-4 {
    grid-column-end: 4
  }

  .lg-col-end-5 {
    grid-column-end: 5
  }

  .lg-col-end-6 {
    grid-column-end: 6
  }

  .lg-col-end-7 {
    grid-column-end: 7
  }

  .lg-col-end-8 {
    grid-column-end: 8
  }

  .lg-col-end-9 {
    grid-column-end: 9
  }

  .lg-col-end-10 {
    grid-column-end: 10
  }

  .lg-col-end-11 {
    grid-column-end: 11
  }

  .lg-col-end-12 {
    grid-column-end: 12
  }

  .lg-col-end-13 {
    grid-column-end: 13
  }

  .lg-col-end-auto {
    grid-column-end: auto
  }

  .lg--col-end-1 {
    grid-column-end: -1
  }

  .lg-row-auto {
    grid-row: auto
  }

  .lg-row-span-1 {
    grid-row: span 1 / span 1
  }

  .lg-row-span-2 {
    grid-row: span 2 / span 2
  }

  .lg-row-span-3 {
    grid-row: span 3 / span 3
  }

  .lg-row-span-4 {
    grid-row: span 4 / span 4
  }

  .lg-row-span-5 {
    grid-row: span 5 / span 5
  }

  .lg-row-span-6 {
    grid-row: span 6 / span 6
  }

  .lg-row-span-full {
    grid-row: 1 / -1
  }

  .lg-row-start-1 {
    grid-row-start: 1
  }

  .lg-row-start-2 {
    grid-row-start: 2
  }

  .lg-row-start-3 {
    grid-row-start: 3
  }

  .lg-row-start-4 {
    grid-row-start: 4
  }

  .lg-row-start-5 {
    grid-row-start: 5
  }

  .lg-row-start-6 {
    grid-row-start: 6
  }

  .lg-row-start-7 {
    grid-row-start: 7
  }

  .lg-row-start-auto {
    grid-row-start: auto
  }

  .lg--row-start-1 {
    grid-row-start: -1
  }

  .lg-row-end-1 {
    grid-row-end: 1
  }

  .lg-row-end-2 {
    grid-row-end: 2
  }

  .lg-row-end-3 {
    grid-row-end: 3
  }

  .lg-row-end-4 {
    grid-row-end: 4
  }

  .lg-row-end-5 {
    grid-row-end: 5
  }

  .lg-row-end-6 {
    grid-row-end: 6
  }

  .lg-row-end-7 {
    grid-row-end: 7
  }

  .lg-row-end-auto {
    grid-row-end: auto
  }

  .lg--row-end-1 {
    grid-row-end: -1
  }

  .lg-w-full {
    width: 100%
  }

  .lg-flex-shrink-0 {
    flex-shrink: 0
  }

  .lg-flex-shrink {
    flex-shrink: 1
  }

  .lg-flex-grow-0 {
    flex-grow: 0
  }

  .lg-flex-grow {
    flex-grow: 1
  }

  .lg-grid-flow-row {
    grid-auto-flow: row
  }

  .lg-grid-flow-col {
    grid-auto-flow: column
  }

  .lg-grid-flow-row-dense {
    grid-auto-flow: row dense
  }

  .lg-grid-flow-col-dense {
    grid-auto-flow: column dense
  }

  .lg-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }

  .lg-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .lg-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .lg-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }

  .lg-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr))
  }

  .lg-grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr))
  }

  .lg-grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr))
  }

  .lg-grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr))
  }

  .lg-grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr))
  }

  .lg-grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr))
  }

  .lg-grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr))
  }

  .lg-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr))
  }

  .lg-grid-cols-none {
    grid-template-columns: none
  }

  .lg-grid-cols-1-2 {
    grid-template-columns: 1fr 2fr
  }

  .lg-grid-cols-1-3 {
    grid-template-columns: 1fr 3fr
  }

  .lg-grid-cols-2-1 {
    grid-template-columns: 2fr 1fr
  }

  .lg-grid-cols-2-3 {
    grid-template-columns: 2fr 3fr
  }

  .lg-grid-cols-3-1 {
    grid-template-columns: 3fr 1fr
  }

  .lg-grid-cols-3-2 {
    grid-template-columns: 3fr 2fr
  }

  .lg-grid-cols-5-7 {
    grid-template-columns: 5fr 7fr
  }

  .lg-grid-cols-7-5 {
    grid-template-columns: 7fr 5fr
  }

  .lg-grid-cols-auto-1fr {
    grid-template-columns: auto 1fr
  }

  .lg-grid-cols-1fr-auto {
    grid-template-columns: 1fr auto
  }

  .lg-grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr))
  }

  .lg-grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr))
  }

  .lg-grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr))
  }

  .lg-grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr))
  }

  .lg-grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr))
  }

  .lg-grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr))
  }

  .lg-grid-rows-none {
    grid-template-rows: none
  }

  .lg-flex-row {
    flex-direction: row
  }

  .lg-flex-row-reverse {
    flex-direction: row-reverse
  }

  .lg-flex-col {
    flex-direction: column
  }

  .lg-flex-col-reverse {
    flex-direction: column-reverse
  }

  .lg-content-center {
    align-content: center
  }

  .lg-content-start {
    align-content: flex-start
  }

  .lg-content-end {
    align-content: flex-end
  }

  .lg-content-between {
    align-content: space-between
  }

  .lg-content-around {
    align-content: space-around
  }

  .lg-content-evenly {
    align-content: space-evenly
  }

  .lg-items-start {
    align-items: flex-start
  }

  .lg-items-end {
    align-items: flex-end
  }

  .lg-items-center {
    align-items: center
  }

  .lg-items-baseline {
    align-items: baseline
  }

  .lg-items-stretch {
    align-items: stretch
  }

  .lg-justify-start {
    justify-content: flex-start
  }

  .lg-justify-end {
    justify-content: flex-end
  }

  .lg-justify-center {
    justify-content: center
  }

  .lg-justify-between {
    justify-content: space-between
  }

  .lg-justify-around {
    justify-content: space-around
  }

  .lg-justify-evenly {
    justify-content: space-evenly
  }

  .lg-justify-items-start {
    justify-items: start
  }

  .lg-justify-items-end {
    justify-items: end
  }

  .lg-justify-items-center {
    justify-items: center
  }

  .lg-justify-items-stretch {
    justify-items: stretch
  }

  .lg-gap-0 {
    gap: 0
  }

  .lg-gap-2xs {
    gap: var(--space-2xs)
  }

  .lg-gap-xs {
    gap: var(--space-xs)
  }

  .lg-gap-sm {
    gap: var(--space-s)
  }

  .lg-gap-md {
    gap: var(--space-m)
  }

  .lg-gap-lg {
    gap: var(--space-l)
  }

  .lg-gap-xl {
    gap: var(--space-xl)
  }

  .lg-gap-2xl {
    gap: var(--space-2xl)
  }

  .lg-gap-3xl {
    gap: var(--space-3xl)
  }

  .lg-gap-4xl {
    gap: var(--space-4xl)
  }

  .lg-gap-5xl {
    gap: var(--space-5xl)
  }

  .lg-gap-6xl {
    gap: var(--space-6xl)
  }

  .lg-gap-7xl {
    gap: var(--space-7xl)
  }

  .lg-gap-x-0 {
    column-gap: 0
  }

  .lg-gap-x-2xs {
    column-gap: var(--space-2xs)
  }

  .lg-gap-x-xs {
    column-gap: var(--space-xs)
  }

  .lg-gap-x-sm {
    column-gap: var(--space-s)
  }

  .lg-gap-x-md {
    column-gap: var(--space-m)
  }

  .lg-gap-x-lg {
    column-gap: var(--space-l)
  }

  .lg-gap-x-xl {
    column-gap: var(--space-xl)
  }

  .lg-gap-x-2xl {
    column-gap: var(--space-2xl)
  }

  .lg-gap-x-3xl {
    column-gap: var(--space-3xl)
  }

  .lg-gap-x-4xl {
    column-gap: var(--space-4xl)
  }

  .lg-gap-x-5xl {
    column-gap: var(--space-5xl)
  }

  .lg-gap-x-6xl {
    column-gap: var(--space-6xl)
  }

  .lg-gap-x-7xl {
    column-gap: var(--space-7xl)
  }

  .lg-gap-y-0 {
    row-gap: 0
  }

  .lg-gap-y-2xs {
    row-gap: var(--space-2xs)
  }

  .lg-gap-y-xs {
    row-gap: var(--space-xs)
  }

  .lg-gap-y-sm {
    row-gap: var(--space-s)
  }

  .lg-gap-y-md {
    row-gap: var(--space-m)
  }

  .lg-gap-y-lg {
    row-gap: var(--space-l)
  }

  .lg-gap-y-xl {
    row-gap: var(--space-xl)
  }

  .lg-gap-y-2xl {
    row-gap: var(--space-2xl)
  }

  .lg-gap-y-3xl {
    row-gap: var(--space-3xl)
  }

  .lg-gap-y-4xl {
    row-gap: var(--space-4xl)
  }

  .lg-gap-y-5xl {
    row-gap: var(--space-5xl)
  }

  .lg-gap-y-6xl {
    row-gap: var(--space-6xl)
  }

  .lg-gap-y-7xl {
    row-gap: var(--space-7xl)
  }

  .lg-self-auto {
    align-self: auto
  }

  .lg-self-start {
    align-self: flex-start
  }

  .lg-self-end {
    align-self: flex-end
  }

  .lg-self-center {
    align-self: center
  }

  .lg-self-stretch {
    align-self: stretch
  }

  .lg-self-baseline {
    align-self: baseline
  }

  .lg-rounded-none {
    border-radius: 0px
  }

  .lg-rounded-sm {
    border-radius: 0.125rem
  }

  .lg-rounded {
    border-radius: 0.25rem
  }

  .lg-rounded-md {
    border-radius: 0.375rem
  }

  .lg-rounded-lg {
    border-radius: 0.5rem
  }

  .lg-rounded-xl {
    border-radius: 0.75rem
  }

  .lg-rounded-2xl {
    border-radius: 1rem
  }

  .lg-rounded-3xl {
    border-radius: 1.5rem
  }

  .lg-rounded-full {
    border-radius: 9999px
  }

  .lg-rounded-t-none {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px
  }

  .lg-rounded-t-sm {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem
  }

  .lg-rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem
  }

  .lg-rounded-t-md {
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem
  }

  .lg-rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem
  }

  .lg-rounded-t-xl {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem
  }

  .lg-rounded-t-2xl {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem
  }

  .lg-rounded-t-3xl {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem
  }

  .lg-rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px
  }

  .lg-rounded-r-none {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px
  }

  .lg-rounded-r-sm {
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem
  }

  .lg-rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem
  }

  .lg-rounded-r-md {
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem
  }

  .lg-rounded-r-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem
  }

  .lg-rounded-r-xl {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem
  }

  .lg-rounded-r-2xl {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem
  }

  .lg-rounded-r-3xl {
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem
  }

  .lg-rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px
  }

  .lg-rounded-b-none {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px
  }

  .lg-rounded-b-sm {
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem
  }

  .lg-rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem
  }

  .lg-rounded-b-md {
    border-bottom-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem
  }

  .lg-rounded-b-lg {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem
  }

  .lg-rounded-b-xl {
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem
  }

  .lg-rounded-b-2xl {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem
  }

  .lg-rounded-b-3xl {
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem
  }

  .lg-rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px
  }

  .lg-rounded-l-none {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px
  }

  .lg-rounded-l-sm {
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem
  }

  .lg-rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem
  }

  .lg-rounded-l-md {
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem
  }

  .lg-rounded-l-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem
  }

  .lg-rounded-l-xl {
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem
  }

  .lg-rounded-l-2xl {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem
  }

  .lg-rounded-l-3xl {
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem
  }

  .lg-rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px
  }

  .lg-rounded-tl-none {
    border-top-left-radius: 0px
  }

  .lg-rounded-tl-sm {
    border-top-left-radius: 0.125rem
  }

  .lg-rounded-tl {
    border-top-left-radius: 0.25rem
  }

  .lg-rounded-tl-md {
    border-top-left-radius: 0.375rem
  }

  .lg-rounded-tl-lg {
    border-top-left-radius: 0.5rem
  }

  .lg-rounded-tl-xl {
    border-top-left-radius: 0.75rem
  }

  .lg-rounded-tl-2xl {
    border-top-left-radius: 1rem
  }

  .lg-rounded-tl-3xl {
    border-top-left-radius: 1.5rem
  }

  .lg-rounded-tl-full {
    border-top-left-radius: 9999px
  }

  .lg-rounded-tr-none {
    border-top-right-radius: 0px
  }

  .lg-rounded-tr-sm {
    border-top-right-radius: 0.125rem
  }

  .lg-rounded-tr {
    border-top-right-radius: 0.25rem
  }

  .lg-rounded-tr-md {
    border-top-right-radius: 0.375rem
  }

  .lg-rounded-tr-lg {
    border-top-right-radius: 0.5rem
  }

  .lg-rounded-tr-xl {
    border-top-right-radius: 0.75rem
  }

  .lg-rounded-tr-2xl {
    border-top-right-radius: 1rem
  }

  .lg-rounded-tr-3xl {
    border-top-right-radius: 1.5rem
  }

  .lg-rounded-tr-full {
    border-top-right-radius: 9999px
  }

  .lg-rounded-br-none {
    border-bottom-right-radius: 0px
  }

  .lg-rounded-br-sm {
    border-bottom-right-radius: 0.125rem
  }

  .lg-rounded-br {
    border-bottom-right-radius: 0.25rem
  }

  .lg-rounded-br-md {
    border-bottom-right-radius: 0.375rem
  }

  .lg-rounded-br-lg {
    border-bottom-right-radius: 0.5rem
  }

  .lg-rounded-br-xl {
    border-bottom-right-radius: 0.75rem
  }

  .lg-rounded-br-2xl {
    border-bottom-right-radius: 1rem
  }

  .lg-rounded-br-3xl {
    border-bottom-right-radius: 1.5rem
  }

  .lg-rounded-br-full {
    border-bottom-right-radius: 9999px
  }

  .lg-rounded-bl-none {
    border-bottom-left-radius: 0px
  }

  .lg-rounded-bl-sm {
    border-bottom-left-radius: 0.125rem
  }

  .lg-rounded-bl {
    border-bottom-left-radius: 0.25rem
  }

  .lg-rounded-bl-md {
    border-bottom-left-radius: 0.375rem
  }

  .lg-rounded-bl-lg {
    border-bottom-left-radius: 0.5rem
  }

  .lg-rounded-bl-xl {
    border-bottom-left-radius: 0.75rem
  }

  .lg-rounded-bl-2xl {
    border-bottom-left-radius: 1rem
  }

  .lg-rounded-bl-3xl {
    border-bottom-left-radius: 1.5rem
  }

  .lg-rounded-bl-full {
    border-bottom-left-radius: 9999px
  }

  .lg-text-left {
    text-align: left
  }

  .lg-text-center {
    text-align: center
  }

  .lg-text-right {
    text-align: right
  }

  .lg-text-justify {
    text-align: justify
  }
}

@media (max-width: 767px) {
  .md-col-auto {
    grid-column: auto
  }

  .md-col-span-1 {
    grid-column: span 1 / span 1
  }

  .md-col-span-2 {
    grid-column: span 2 / span 2
  }

  .md-col-span-3 {
    grid-column: span 3 / span 3
  }

  .md-col-span-4 {
    grid-column: span 4 / span 4
  }

  .md-col-span-5 {
    grid-column: span 5 / span 5
  }

  .md-col-span-6 {
    grid-column: span 6 / span 6
  }

  .md-col-span-7 {
    grid-column: span 7 / span 7
  }

  .md-col-span-8 {
    grid-column: span 8 / span 8
  }

  .md-col-span-9 {
    grid-column: span 9 / span 9
  }

  .md-col-span-10 {
    grid-column: span 10 / span 10
  }

  .md-col-span-11 {
    grid-column: span 11 / span 11
  }

  .md-col-span-12 {
    grid-column: span 12 / span 12
  }

  .md-col-span-full {
    grid-column: 1 / -1
  }

  .md-col-start-1 {
    grid-column-start: 1
  }

  .md-col-start-2 {
    grid-column-start: 2
  }

  .md-col-start-3 {
    grid-column-start: 3
  }

  .md-col-start-4 {
    grid-column-start: 4
  }

  .md-col-start-5 {
    grid-column-start: 5
  }
/*
* === TAILWIND ===
*/

/* https://play.tailwindcss.com/rO1SjTuOMh?file=config */

.static {
  position: static
}

.fixed {
  position: fixed
}

.absolute {
  position: absolute
}

.relative {
  position: relative
}

.sticky {
  position: sticky
}

.col-auto {
  grid-column: auto
}

.col-span-1 {
  grid-column: span 1 / span 1
}

.col-span-2 {
  grid-column: span 2 / span 2
}

.col-span-3 {
  grid-column: span 3 / span 3
}

.col-span-4 {
  grid-column: span 4 / span 4
}

.col-span-5 {
  grid-column: span 5 / span 5
}

.col-span-6 {
  grid-column: span 6 / span 6
}

.col-span-7 {
  grid-column: span 7 / span 7
}

.col-span-8 {
  grid-column: span 8 / span 8
}

.col-span-9 {
  grid-column: span 9 / span 9
}

.col-span-10 {
  grid-column: span 10 / span 10
}

.col-span-11 {
  grid-column: span 11 / span 11
}

.col-span-12 {
  grid-column: span 12 / span 12
}

.col-span-full {
  grid-column: 1 / -1
}

.col-start-1 {
  grid-column-start: 1
}

.col-start-2 {
  grid-column-start: 2
}

.col-start-3 {
  grid-column-start: 3
}

.col-start-4 {
  grid-column-start: 4
}

.col-start-5 {
  grid-column-start: 5
}

.col-start-6 {
  grid-column-start: 6
}

.col-start-7 {
  grid-column-start: 7
}

.col-start-8 {
  grid-column-start: 8
}

.col-start-9 {
  grid-column-start: 9
}

.col-start-10 {
  grid-column-start: 10
}

.col-start-11 {
  grid-column-start: 11
}

.col-start-12 {
  grid-column-start: 12
}

.col-start-13 {
  grid-column-start: 13
}

.col-start-auto {
  grid-column-start: auto
}

.-col-start-1 {
  grid-column-start: -1
}

.col-end-1 {
  grid-column-end: 1
}

.col-end-2 {
  grid-column-end: 2
}

.col-end-3 {
  grid-column-end: 3
}

.col-end-4 {
  grid-column-end: 4
}

.col-end-5 {
  grid-column-end: 5
}

.col-end-6 {
  grid-column-end: 6
}

.col-end-7 {
  grid-column-end: 7
}

.col-end-8 {
  grid-column-end: 8
}

.col-end-9 {
  grid-column-end: 9
}

.col-end-10 {
  grid-column-end: 10
}

.col-end-11 {
  grid-column-end: 11
}

.col-end-12 {
  grid-column-end: 12
}

.col-end-13 {
  grid-column-end: 13
}

.col-end-auto {
  grid-column-end: auto
}

.-col-end-1 {
  grid-column-end: -1
}

.row-auto {
  grid-row: auto
}

.row-span-1 {
  grid-row: span 1 / span 1
}

.row-span-2 {
  grid-row: span 2 / span 2
}

.row-span-3 {
  grid-row: span 3 / span 3
}

.row-span-4 {
  grid-row: span 4 / span 4
}

.row-span-5 {
  grid-row: span 5 / span 5
}

.row-span-6 {
  grid-row: span 6 / span 6
}

.row-span-full {
  grid-row: 1 / -1
}

.row-start-1 {
  grid-row-start: 1
}

.row-start-2 {
  grid-row-start: 2
}

.row-start-3 {
  grid-row-start: 3
}

.row-start-4 {
  grid-row-start: 4
}

.row-start-5 {
  grid-row-start: 5
}

.row-start-6 {
  grid-row-start: 6
}

.row-start-7 {
  grid-row-start: 7
}

.row-start-auto {
  grid-row-start: auto
}

.-row-start-1 {
  grid-row-start: -1
}

.row-end-1 {
  grid-row-end: 1
}

.row-end-2 {
  grid-row-end: 2
}

.row-end-3 {
  grid-row-end: 3
}

.row-end-4 {
  grid-row-end: 4
}

.row-end-5 {
  grid-row-end: 5
}

.row-end-6 {
  grid-row-end: 6
}

.row-end-7 {
  grid-row-end: 7
}

.row-end-auto {
  grid-row-end: auto
}

.-row-end-1 {
  grid-row-end: -1
}

.m-0 {
  margin: 0
}

.m-auto {
  margin: auto
}

.m-2xs {
  margin: var(--space-2xs)
}

.m-xs {
  margin: var(--space-xs)
}

.m-sm {
  margin: var(--space-s)
}

.m-md {
  margin: var(--space-m)
}

.m-lg {
  margin: var(--space-l)
}

.m-xl {
  margin: var(--space-xl)
}

.m-2xl {
  margin: var(--space-2xl)
}

.m-3xl {
  margin: var(--space-3xl)
}

.m-4xl {
  margin: var(--space-4xl)
}

.m-5xl {
  margin: var(--space-5xl)
}

.m-6xl {
  margin: var(--space-6xl)
}

.m-7xl {
  margin: var(--space-7xl)
}

.-m-2xs {
  margin: calc(var(--space-2xs) * -1)
}

.-m-xs {
  margin: calc(var(--space-xs) * -1)
}

.-m-sm {
  margin: calc(var(--space-s) * -1)
}

.-m-md {
  margin: calc(var(--space-m) * -1)
}

.-m-lg {
  margin: calc(var(--space-l) * -1)
}

.-m-xl {
  margin: calc(var(--space-xl) * -1)
}

.-m-2xl {
  margin: calc(var(--space-2xl) * -1)
}

.-m-3xl {
  margin: calc(var(--space-3xl) * -1)
}

.-m-4xl {
  margin: calc(var(--space-4xl) * -1)
}

.-m-5xl {
  margin: calc(var(--space-5xl) * -1)
}

.-m-6xl {
  margin: calc(var(--space-6xl) * -1)
}

.-m-7xl {
  margin: calc(var(--space-7xl) * -1)
}

.mx-0 {
  margin-left: 0;
  margin-right: 0
}

.mx-auto {
  margin-left: auto;
  margin-right: auto
}

.mx-2xs {
  margin-left: var(--space-2xs);
  margin-right: var(--space-2xs)
}

.mx-xs {
  margin-left: var(--space-xs);
  margin-right: var(--space-xs)
}

.mx-sm {
  margin-left: var(--space-s);
  margin-right: var(--space-s)
}

.mx-md {
  margin-left: var(--space-m);
  margin-right: var(--space-m)
}

.mx-lg {
  margin-left: var(--space-l);
  margin-right: var(--space-l)
}

.mx-xl {
  margin-left: var(--space-xl);
  margin-right: var(--space-xl)
}

.mx-2xl {
  margin-left: var(--space-2xl);
  margin-right: var(--space-2xl)
}

.mx-3xl {
  margin-left: var(--space-3xl);
  margin-right: var(--space-3xl)
}

.mx-4xl {
  margin-left: var(--space-4xl);
  margin-right: var(--space-4xl)
}

.mx-5xl {
  margin-left: var(--space-5xl);
  margin-right: var(--space-5xl)
}

.mx-6xl {
  margin-left: var(--space-6xl);
  margin-right: var(--space-6xl)
}

.mx-7xl {
  margin-left: var(--space-7xl);
  margin-right: var(--space-7xl)
}

.-mx-2xs {
  margin-left: calc(var(--space-2xs) * -1);
  margin-right: calc(var(--space-2xs) * -1)
}

.-mx-xs {
  margin-left: calc(var(--space-xs) * -1);
  margin-right: calc(var(--space-xs) * -1)
}

.-mx-sm {
  margin-left: calc(var(--space-s) * -1);
  margin-right: calc(var(--space-s) * -1)
}

.-mx-md {
  margin-left: calc(var(--space-m) * -1);
  margin-right: calc(var(--space-m) * -1)
}

.-mx-lg {
  margin-left: calc(var(--space-l) * -1);
  margin-right: calc(var(--space-l) * -1)
}

.-mx-xl {
  margin-left: calc(var(--space-xl) * -1);
  margin-right: calc(var(--space-xl) * -1)
}

.-mx-2xl {
  margin-left: calc(var(--space-2xl) * -1);
  margin-right: calc(var(--space-2xl) * -1)
}

.-mx-3xl {
  margin-left: calc(var(--space-3xl) * -1);
  margin-right: calc(var(--space-3xl) * -1)
}

.-mx-4xl {
  margin-left: calc(var(--space-4xl) * -1);
  margin-right: calc(var(--space-4xl) * -1)
}

.-mx-5xl {
  margin-left: calc(var(--space-5xl) * -1);
  margin-right: calc(var(--space-5xl) * -1)
}

.-mx-6xl {
  margin-left: calc(var(--space-6xl) * -1);
  margin-right: calc(var(--space-6xl) * -1)
}

.-mx-7xl {
  margin-left: calc(var(--space-7xl) * -1);
  margin-right: calc(var(--space-7xl) * -1)
}

.my-0 {
  margin-top: 0;
  margin-bottom: 0
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto
}

.my-2xs {
  margin-top: var(--space-2xs);
  margin-bottom: var(--space-2xs)
}

.my-xs {
  margin-top: var(--space-xs);
  margin-bottom: var(--space-xs)
}

.my-sm {
  margin-top: var(--space-s);
  margin-bottom: var(--space-s)
}

.my-md {
  margin-top: var(--space-m);
  margin-bottom: var(--space-m)
}

.my-lg {
  margin-top: var(--space-l);
  margin-bottom: var(--space-l)
}

.my-xl {
  margin-top: var(--space-xl);
  margin-bottom: var(--space-xl)
}

.my-2xl {
  margin-top: var(--space-2xl);
  margin-bottom: var(--space-2xl)
}

.my-3xl {
  margin-top: var(--space-3xl);
  margin-bottom: var(--space-3xl)
}

.my-4xl {
  margin-top: var(--space-4xl);
  margin-bottom: var(--space-4xl)
}

.my-5xl {
  margin-top: var(--space-5xl);
  margin-bottom: var(--space-5xl)
}

.my-6xl {
  margin-top: var(--space-6xl);
  margin-bottom: var(--space-6xl)
}

.my-7xl {
  margin-top: var(--space-7xl);
  margin-bottom: var(--space-7xl)
}

.-my-2xs {
  margin-top: calc(var(--space-2xs) * -1);
  margin-bottom: calc(var(--space-2xs) * -1)
}

.-my-xs {
  margin-top: calc(var(--space-xs) * -1);
  margin-bottom: calc(var(--space-xs) * -1)
}

.-my-sm {
  margin-top: calc(var(--space-s) * -1);
  margin-bottom: calc(var(--space-s) * -1)
}

.-my-md {
  margin-top: calc(var(--space-m) * -1);
  margin-bottom: calc(var(--space-m) * -1)
}

.-my-lg {
  margin-top: calc(var(--space-l) * -1);
  margin-bottom: calc(var(--space-l) * -1)
}

.-my-xl {
  margin-top: calc(var(--space-xl) * -1);
  margin-bottom: calc(var(--space-xl) * -1)
}

.-my-2xl {
  margin-top: calc(var(--space-2xl) * -1);
  margin-bottom: calc(var(--space-2xl) * -1)
}

.-my-3xl {
  margin-top: calc(var(--space-3xl) * -1);
  margin-bottom: calc(var(--space-3xl) * -1)
}

.-my-4xl {
  margin-top: calc(var(--space-4xl) * -1);
  margin-bottom: calc(var(--space-4xl) * -1)
}

.-my-5xl {
  margin-top: calc(var(--space-5xl) * -1);
  margin-bottom: calc(var(--space-5xl) * -1)
}

.-my-6xl {
  margin-top: calc(var(--space-6xl) * -1);
  margin-bottom: calc(var(--space-6xl) * -1)
}

.-my-7xl {
  margin-top: calc(var(--space-7xl) * -1);
  margin-bottom: calc(var(--space-7xl) * -1)
}

.mt-0 {
  margin-top: 0
}

.mt-auto {
  margin-top: auto
}

.mt-2xs {
  margin-top: var(--space-2xs)
}

.mt-xs {
  margin-top: var(--space-xs)
}

.mt-sm {
  margin-top: var(--space-s)
}

.mt-md {
  margin-top: var(--space-m)
}

.mt-lg {
  margin-top: var(--space-l)
}

.mt-xl {
  margin-top: var(--space-xl)
}

.mt-2xl {
  margin-top: var(--space-2xl)
}

.mt-3xl {
  margin-top: var(--space-3xl)
}

.mt-4xl {
  margin-top: var(--space-4xl)
}

.mt-5xl {
  margin-top: var(--space-5xl)
}

.mt-6xl {
  margin-top: var(--space-6xl)
}

.mt-7xl {
  margin-top: var(--space-7xl)
}

.-mt-2xs {
  margin-top: calc(var(--space-2xs) * -1)
}

.-mt-xs {
  margin-top: calc(var(--space-xs) * -1)
}

.-mt-sm {
  margin-top: calc(var(--space-s) * -1)
}

.-mt-md {
  margin-top: calc(var(--space-m) * -1)
}

.-mt-lg {
  margin-top: calc(var(--space-l) * -1)
}

.-mt-xl {
  margin-top: calc(var(--space-xl) * -1)
}

.-mt-2xl {
  margin-top: calc(var(--space-2xl) * -1)
}

.-mt-3xl {
  margin-top: calc(var(--space-3xl) * -1)
}

.-mt-4xl {
  margin-top: calc(var(--space-4xl) * -1)
}

.-mt-5xl {
  margin-top: calc(var(--space-5xl) * -1)
}

.-mt-6xl {
  margin-top: calc(var(--space-6xl) * -1)
}

.-mt-7xl {
  margin-top: calc(var(--space-7xl) * -1)
}

.mr-0 {
  margin-right: 0
}

.mr-auto {
  margin-right: auto
}

.mr-2xs {
  margin-right: var(--space-2xs)
}

.mr-xs {
  margin-right: var(--space-xs)
}

.mr-sm {
  margin-right: var(--space-s)
}

.mr-md {
  margin-right: var(--space-m)
}

.mr-lg {
  margin-right: var(--space-l)
}

.mr-xl {
  margin-right: var(--space-xl)
}

.mr-2xl {
  margin-right: var(--space-2xl)
}

.mr-3xl {
  margin-right: var(--space-3xl)
}

.mr-4xl {
  margin-right: var(--space-4xl)
}

.mr-5xl {
  margin-right: var(--space-5xl)
}

.mr-6xl {
  margin-right: var(--space-6xl)
}

.mr-7xl {
  margin-right: var(--space-7xl)
}

.-mr-2xs {
  margin-right: calc(var(--space-2xs) * -1)
}

.-mr-xs {
  margin-right: calc(var(--space-xs) * -1)
}

.-mr-sm {
  margin-right: calc(var(--space-s) * -1)
}

.-mr-md {
  margin-right: calc(var(--space-m) * -1)
}

.-mr-lg {
  margin-right: calc(var(--space-l) * -1)
}

.-mr-xl {
  margin-right: calc(var(--space-xl) * -1)
}

.-mr-2xl {
  margin-right: calc(var(--space-2xl) * -1)
}

.-mr-3xl {
  margin-right: calc(var(--space-3xl) * -1)
}

.-mr-4xl {
  margin-right: calc(var(--space-4xl) * -1)
}

.-mr-5xl {
  margin-right: calc(var(--space-5xl) * -1)
}

.-mr-6xl {
  margin-right: calc(var(--space-6xl) * -1)
}

.-mr-7xl {
  margin-right: calc(var(--space-7xl) * -1)
}

.mb-0 {
  margin-bottom: 0
}

.mb-auto {
  margin-bottom: auto
}

.mb-2xs {
  margin-bottom: var(--space-2xs)
}

.mb-xs {
  margin-bottom: var(--space-xs)
}

.mb-sm {
  margin-bottom: var(--space-s)
}

.mb-md {
  margin-bottom: var(--space-m)
}

.mb-lg {
  margin-bottom: var(--space-l)
}

.mb-xl {
  margin-bottom: var(--space-xl)
}

.mb-2xl {
  margin-bottom: var(--space-2xl)
}

.mb-3xl {
  margin-bottom: var(--space-3xl)
}

.mb-4xl {
  margin-bottom: var(--space-4xl)
}

.mb-5xl {
  margin-bottom: var(--space-5xl)
}

.mb-6xl {
  margin-bottom: var(--space-6xl)
}

.mb-7xl {
  margin-bottom: var(--space-7xl)
}

.-mb-2xs {
  margin-bottom: calc(var(--space-2xs) * -1)
}

.-mb-xs {
  margin-bottom: calc(var(--space-xs) * -1)
}

.-mb-sm {
  margin-bottom: calc(var(--space-s) * -1)
}

.-mb-md {
  margin-bottom: calc(var(--space-m) * -1)
}

.-mb-lg {
  margin-bottom: calc(var(--space-l) * -1)
}

.-mb-xl {
  margin-bottom: calc(var(--space-xl) * -1)
}

.-mb-2xl {
  margin-bottom: calc(var(--space-2xl) * -1)
}

.-mb-3xl {
  margin-bottom: calc(var(--space-3xl) * -1)
}

.-mb-4xl {
  margin-bottom: calc(var(--space-4xl) * -1)
}

.-mb-5xl {
  margin-bottom: calc(var(--space-5xl) * -1)
}

.-mb-6xl {
  margin-bottom: calc(var(--space-6xl) * -1)
}

.-mb-7xl {
  margin-bottom: calc(var(--space-7xl) * -1)
}

.ml-0 {
  margin-left: 0
}

.ml-auto {
  margin-left: auto
}

.ml-2xs {
  margin-left: var(--space-2xs)
}

.ml-xs {
  margin-left: var(--space-xs)
}

.ml-sm {
  margin-left: var(--space-s)
}

.ml-md {
  margin-left: var(--space-m)
}

.ml-lg {
  margin-left: var(--space-l)
}

.ml-xl {
  margin-left: var(--space-xl)
}

.ml-2xl {
  margin-left: var(--space-2xl)
}

.ml-3xl {
  margin-left: var(--space-3xl)
}

.ml-4xl {
  margin-left: var(--space-4xl)
}

.ml-5xl {
  margin-left: var(--space-5xl)
}

.ml-6xl {
  margin-left: var(--space-6xl)
}

.ml-7xl {
  margin-left: var(--space-7xl)
}

.-ml-2xs {
  margin-left: calc(var(--space-2xs) * -1)
}

.-ml-xs {
  margin-left: calc(var(--space-xs) * -1)
}

.-ml-sm {
  margin-left: calc(var(--space-s) * -1)
}

.-ml-md {
  margin-left: calc(var(--space-m) * -1)
}

.-ml-lg {
  margin-left: calc(var(--space-l) * -1)
}

.-ml-xl {
  margin-left: calc(var(--space-xl) * -1)
}

.-ml-2xl {
  margin-left: calc(var(--space-2xl) * -1)
}

.-ml-3xl {
  margin-left: calc(var(--space-3xl) * -1)
}

.-ml-4xl {
  margin-left: calc(var(--space-4xl) * -1)
}

.-ml-5xl {
  margin-left: calc(var(--space-5xl) * -1)
}

.-ml-6xl {
  margin-left: calc(var(--space-6xl) * -1)
}

.-ml-7xl {
  margin-left: calc(var(--space-7xl) * -1)
}

.block {
  display: block
}

.inline-block {
  display: inline-block
}

.inline {
  display: inline
}

.flex {
  display: flex
}

.inline-flex {
  display: inline-flex
}

.table {
  display: table
}

.inline-table {
  display: inline-table
}

.table-caption {
  display: table-caption
}

.table-cell {
  display: table-cell
}

.table-column {
  display: table-column
}

.table-column-group {
  display: table-column-group
}

.table-footer-group {
  display: table-footer-group
}

.table-header-group {
  display: table-header-group
}

.table-row-group {
  display: table-row-group
}

.table-row {
  display: table-row
}

.flow-root {
  display: flow-root
}

.grid {
  display: grid
}

.inline-grid {
  display: inline-grid
}

.contents {
  display: contents
}

.list-item {
  display: list-item
}

.hidden {
  display: none
}

.w-full {
  width: 100%
}

.max-w-0 {
  max-width: 0rem
}

.max-w-none {
  max-width: none
}

.max-w-xs {
  max-width: 20rem
}

.max-w-sm {
  max-width: 24rem
}

.max-w-md {
  max-width: 28rem
}

.max-w-lg {
  max-width: 32rem
}

.max-w-xl {
  max-width: 36rem
}

.max-w-2xl {
  max-width: 42rem
}

.max-w-3xl {
  max-width: 48rem
}

.max-w-4xl {
  max-width: 56rem
}

.max-w-5xl {
  max-width: 64rem
}

.max-w-6xl {
  max-width: 72rem
}

.max-w-7xl {
  max-width: 80rem
}

.max-w-full {
  max-width: 100%
}

.max-w-min {
  max-width: min-content
}

.max-w-max {
  max-width: max-content
}

.max-w-prose {
  max-width: 65ch
}

.flex-shrink-0 {
  flex-shrink: 0
}

.flex-shrink {
  flex-shrink: 1
}

.flex-grow-0 {
  flex-grow: 0
}

.flex-grow {
  flex-grow: 1
}

.grid-flow-row {
  grid-auto-flow: row
}

.grid-flow-col {
  grid-auto-flow: column
}

.grid-flow-row-dense {
  grid-auto-flow: row dense
}

.grid-flow-col-dense {
  grid-auto-flow: column dense
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr))
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr))
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr))
}

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr))
}

.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr))
}

.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr))
}

.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr))
}

.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr))
}

.grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr))
}

.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr))
}

.grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr))
}

.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr))
}

.grid-cols-none {
  grid-template-columns: none
}

.grid-cols-1-2 {
  grid-template-columns: 1fr 2fr
}

.grid-cols-1-3 {
  grid-template-columns: 1fr 3fr
}

.grid-cols-2-1 {
  grid-template-columns: 2fr 1fr
}

.grid-cols-2-3 {
  grid-template-columns: 2fr 3fr
}

.grid-cols-3-1 {
  grid-template-columns: 3fr 1fr
}

.grid-cols-3-2 {
  grid-template-columns: 3fr 2fr
}

.grid-cols-5-7 {
  grid-template-columns: 5fr 7fr
}

.grid-cols-7-5 {
  grid-template-columns: 7fr 5fr
}

.grid-cols-auto-1fr {
  grid-template-columns: auto 1fr
}

.grid-cols-1fr-auto {
  grid-template-columns: 1fr auto
}

.grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr))
}

.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr))
}

.grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr))
}

.grid-rows-4 {
  grid-template-rows: repeat(4, minmax(0, 1fr))
}

.grid-rows-5 {
  grid-template-rows: repeat(5, minmax(0, 1fr))
}

.grid-rows-6 {
  grid-template-rows: repeat(6, minmax(0, 1fr))
}

.grid-rows-none {
  grid-template-rows: none
}

.flex-row {
  flex-direction: row
}

.flex-row-reverse {
  flex-direction: row-reverse
}

.flex-col {
  flex-direction: column
}

.flex-col-reverse {
  flex-direction: column-reverse
}

.content-center {
  align-content: center
}

.content-start {
  align-content: flex-start
}

.content-end {
  align-content: flex-end
}

.content-between {
  align-content: space-between
}

.content-around {
  align-content: space-around
}

.content-evenly {
  align-content: space-evenly
}

.items-start {
  align-items: flex-start
}

.items-end {
  align-items: flex-end
}

.items-center {
  align-items: center
}

.items-baseline {
  align-items: baseline
}

.items-stretch {
  align-items: stretch
}

.justify-start {
  justify-content: flex-start
}

.justify-end {
  justify-content: flex-end
}

.justify-center {
  justify-content: center
}

.justify-between {
  justify-content: space-between
}

.justify-around {
  justify-content: space-around
}

.justify-evenly {
  justify-content: space-evenly
}

.justify-items-start {
  justify-items: start
}

.justify-items-end {
  justify-items: end
}

.justify-items-center {
  justify-items: center
}

.justify-items-stretch {
  justify-items: stretch
}

.gap-0 {
  gap: 0
}

.gap-2xs {
  gap: var(--space-2xs)
}

.gap-xs {
  gap: var(--space-xs)
}

.gap-sm {
  gap: var(--space-s)
}

.gap-md {
  gap: var(--space-m)
}

.gap-lg {
  gap: var(--space-l)
}

.gap-xl {
  gap: var(--space-xl)
}

.gap-2xl {
  gap: var(--space-2xl)
}

.gap-3xl {
  gap: var(--space-3xl)
}

.gap-4xl {
  gap: var(--space-4xl)
}

.gap-5xl {
  gap: var(--space-5xl)
}

.gap-6xl {
  gap: var(--space-6xl)
}

.gap-7xl {
  gap: var(--space-7xl)
}

.gap-x-0 {
  column-gap: 0
}

.gap-x-2xs {
  column-gap: var(--space-2xs)
}

.gap-x-xs {
  column-gap: var(--space-xs)
}

.gap-x-sm {
  column-gap: var(--space-s)
}

.gap-x-md {
  column-gap: var(--space-m)
}

.gap-x-lg {
  column-gap: var(--space-l)
}

.gap-x-xl {
  column-gap: var(--space-xl)
}

.gap-x-2xl {
  column-gap: var(--space-2xl)
}

.gap-x-3xl {
  column-gap: var(--space-3xl)
}

.gap-x-4xl {
  column-gap: var(--space-4xl)
}

.gap-x-5xl {
  column-gap: var(--space-5xl)
}

.gap-x-6xl {
  column-gap: var(--space-6xl)
}

.gap-x-7xl {
  column-gap: var(--space-7xl)
}

.gap-y-0 {
  row-gap: 0
}

.gap-y-2xs {
  row-gap: var(--space-2xs)
}

.gap-y-xs {
  row-gap: var(--space-xs)
}

.gap-y-sm {
  row-gap: var(--space-s)
}

.gap-y-md {
  row-gap: var(--space-m)
}

.gap-y-lg {
  row-gap: var(--space-l)
}

.gap-y-xl {
  row-gap: var(--space-xl)
}

.gap-y-2xl {
  row-gap: var(--space-2xl)
}

.gap-y-3xl {
  row-gap: var(--space-3xl)
}

.gap-y-4xl {
  row-gap: var(--space-4xl)
}

.gap-y-5xl {
  row-gap: var(--space-5xl)
}

.gap-y-6xl {
  row-gap: var(--space-6xl)
}

.gap-y-7xl {
  row-gap: var(--space-7xl)
}

.self-auto {
  align-self: auto
}

.self-start {
  align-self: flex-start
}

.self-end {
  align-self: flex-end
}

.self-center {
  align-self: center
}

.self-stretch {
  align-self: stretch
}

.self-baseline {
  align-self: baseline
}

.rounded-none {
  border-radius: 0px
}

.rounded-sm {
  border-radius: 0.125rem
}

.rounded {
  border-radius: 0.25rem
}

.rounded-md {
  border-radius: 0.375rem
}

.rounded-lg {
  border-radius: 0.5rem
}

.rounded-xl {
  border-radius: 0.75rem
}

.rounded-2xl {
  border-radius: 1rem
}

.rounded-3xl {
  border-radius: 1.5rem
}

.rounded-full {
  border-radius: 9999px
}

.rounded-t-none {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px
}

.rounded-t-sm {
  border-top-left-radius: 0.125rem;
  border-top-right-radius: 0.125rem
}

.rounded-t {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem
}

.rounded-t-md {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem
}

.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem
}

.rounded-t-xl {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem
}

.rounded-t-2xl {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem
}

.rounded-t-3xl {
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem
}

.rounded-t-full {
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px
}

.rounded-r-none {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px
}

.rounded-r-sm {
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem
}

.rounded-r {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem
}

.rounded-r-md {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem
}

.rounded-r-lg {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem
}

.rounded-r-xl {
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem
}

.rounded-r-2xl {
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem
}

.rounded-r-3xl {
  border-top-right-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem
}

.rounded-r-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px
}

.rounded-b-none {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px
}

.rounded-b-sm {
  border-bottom-right-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem
}

.rounded-b {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem
}

.rounded-b-md {
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem
}

.rounded-b-lg {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem
}

.rounded-b-xl {
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem
}

.rounded-b-2xl {
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem
}

.rounded-b-3xl {
  border-bottom-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem
}

.rounded-b-full {
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px
}

.rounded-l-none {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px
}

.rounded-l-sm {
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem
}

.rounded-l {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem
}

.rounded-l-md {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem
}

.rounded-l-lg {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem
}

.rounded-l-xl {
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem
}

.rounded-l-2xl {
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem
}

.rounded-l-3xl {
  border-top-left-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem
}

.rounded-l-full {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px
}

.rounded-tl-none {
  border-top-left-radius: 0px
}

.rounded-tl-sm {
  border-top-left-radius: 0.125rem
}

.rounded-tl {
  border-top-left-radius: 0.25rem
}

.rounded-tl-md {
  border-top-left-radius: 0.375rem
}

.rounded-tl-lg {
  border-top-left-radius: 0.5rem
}

.rounded-tl-xl {
  border-top-left-radius: 0.75rem
}

.rounded-tl-2xl {
  border-top-left-radius: 1rem
}

.rounded-tl-3xl {
  border-top-left-radius: 1.5rem
}

.rounded-tl-full {
  border-top-left-radius: 9999px
}

.rounded-tr-none {
  border-top-right-radius: 0px
}

.rounded-tr-sm {
  border-top-right-radius: 0.125rem
}

.rounded-tr {
  border-top-right-radius: 0.25rem
}

.rounded-tr-md {
  border-top-right-radius: 0.375rem
}

.rounded-tr-lg {
  border-top-right-radius: 0.5rem
}

.rounded-tr-xl {
  border-top-right-radius: 0.75rem
}

.rounded-tr-2xl {
  border-top-right-radius: 1rem
}

.rounded-tr-3xl {
  border-top-right-radius: 1.5rem
}

.rounded-tr-full {
  border-top-right-radius: 9999px
}

.rounded-br-none {
  border-bottom-right-radius: 0px
}

.rounded-br-sm {
  border-bottom-right-radius: 0.125rem
}

.rounded-br {
  border-bottom-right-radius: 0.25rem
}

.rounded-br-md {
  border-bottom-right-radius: 0.375rem
}

.rounded-br-lg {
  border-bottom-right-radius: 0.5rem
}

.rounded-br-xl {
  border-bottom-right-radius: 0.75rem
}

.rounded-br-2xl {
  border-bottom-right-radius: 1rem
}

.rounded-br-3xl {
  border-bottom-right-radius: 1.5rem
}

.rounded-br-full {
  border-bottom-right-radius: 9999px
}

.rounded-bl-none {
  border-bottom-left-radius: 0px
}

.rounded-bl-sm {
  border-bottom-left-radius: 0.125rem
}

.rounded-bl {
  border-bottom-left-radius: 0.25rem
}

.rounded-bl-md {
  border-bottom-left-radius: 0.375rem
}

.rounded-bl-lg {
  border-bottom-left-radius: 0.5rem
}

.rounded-bl-xl {
  border-bottom-left-radius: 0.75rem
}

.rounded-bl-2xl {
  border-bottom-left-radius: 1rem
}

.rounded-bl-3xl {
  border-bottom-left-radius: 1.5rem
}

.rounded-bl-full {
  border-bottom-left-radius: 9999px
}

.object-contain {
  object-fit: contain
}

.object-cover {
  object-fit: cover
}

.object-fill {
  object-fit: fill
}

.object-none {
  object-fit: none
}

.object-scale-down {
  object-fit: scale-down
}

.object-bottom {
  object-position: bottom
}

.object-center {
  object-position: center
}

.object-left {
  object-position: left
}

.object-left-bottom {
  object-position: left bottom
}

.object-left-top {
  object-position: left top
}

.object-right {
  object-position: right
}

.object-right-bottom {
  object-position: right bottom
}

.object-right-top {
  object-position: right top
}

.object-top {
  object-position: top
}

.p-0 {
  padding: 0
}

.p-2xs {
  padding: var(--space-2xs)
}

.p-xs {
  padding: var(--space-xs)
}

.p-sm {
  padding: var(--space-s)
}

.p-md {
  padding: var(--space-m)
}

.p-lg {
  padding: var(--space-l)
}

.p-xl {
  padding: var(--space-xl)
}

.p-2xl {
  padding: var(--space-2xl)
}

.p-3xl {
  padding: var(--space-3xl)
}

.p-4xl {
  padding: var(--space-4xl)
}

.p-5xl {
  padding: var(--space-5xl)
}

.p-6xl {
  padding: var(--space-6xl)
}

.p-7xl {
  padding: var(--space-7xl)
}

.px-0 {
  padding-left: 0;
  padding-right: 0
}

.px-2xs {
  padding-left: var(--space-2xs);
  padding-right: var(--space-2xs)
}

.px-xs {
  padding-left: var(--space-xs);
  padding-right: var(--space-xs)
}

.px-sm {
  padding-left: var(--space-s);
  padding-right: var(--space-s)
}

.px-md {
  padding-left: var(--space-m);
  padding-right: var(--space-m)
}

.px-lg {
  padding-left: var(--space-l);
  padding-right: var(--space-l)
}

.px-xl {
  padding-left: var(--space-xl);
  padding-right: var(--space-xl)
}

.px-2xl {
  padding-left: var(--space-2xl);
  padding-right: var(--space-2xl)
}

.px-3xl {
  padding-left: var(--space-3xl);
  padding-right: var(--space-3xl)
}

.px-4xl {
  padding-left: var(--space-4xl);
  padding-right: var(--space-4xl)
}

.px-5xl {
  padding-left: var(--space-5xl);
  padding-right: var(--space-5xl)
}

.px-6xl {
  padding-left: var(--space-6xl);
  padding-right: var(--space-6xl)
}

.px-7xl {
  padding-left: var(--space-7xl);
  padding-right: var(--space-7xl)
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0
}

.py-2xs {
  padding-top: var(--space-2xs);
  padding-bottom: var(--space-2xs)
}

.py-xs {
  padding-top: var(--space-xs);
  padding-bottom: var(--space-xs)
}

.py-sm {
  padding-top: var(--space-s);
  padding-bottom: var(--space-s)
}

.py-md {
  padding-top: var(--space-m);
  padding-bottom: var(--space-m)
}

.py-lg {
  padding-top: var(--space-l);
  padding-bottom: var(--space-l)
}

.py-xl {
  padding-top: var(--space-xl);
  padding-bottom: var(--space-xl)
}

.py-2xl {
  padding-top: var(--space-2xl);
  padding-bottom: var(--space-2xl)
}

.py-3xl {
  padding-top: var(--space-3xl);
  padding-bottom: var(--space-3xl)
}

.py-4xl {
  padding-top: var(--space-4xl);
  padding-bottom: var(--space-4xl)
}

.py-5xl {
  padding-top: var(--space-5xl);
  padding-bottom: var(--space-5xl)
}

.py-6xl {
  padding-top: var(--space-6xl);
  padding-bottom: var(--space-6xl)
}

.py-7xl {
  padding-top: var(--space-7xl);
  padding-bottom: var(--space-7xl)
}

.pt-0 {
  padding-top: 0
}

.pt-2xs {
  padding-top: var(--space-2xs)
}

.pt-xs {
  padding-top: var(--space-xs)
}

.pt-sm {
  padding-top: var(--space-s)
}

.pt-md {
  padding-top: var(--space-m)
}

.pt-lg {
  padding-top: var(--space-l)
}

.pt-xl {
  padding-top: var(--space-xl)
}

.pt-2xl {
  padding-top: var(--space-2xl)
}

.pt-3xl {
  padding-top: var(--space-3xl)
}

.pt-4xl {
  padding-top: var(--space-4xl)
}

.pt-5xl {
  padding-top: var(--space-5xl)
}

.pt-6xl {
  padding-top: var(--space-6xl)
}

.pt-7xl {
  padding-top: var(--space-7xl)
}

.pr-0 {
  padding-right: 0
}

.pr-2xs {
  padding-right: var(--space-2xs)
}

.pr-xs {
  padding-right: var(--space-xs)
}

.pr-sm {
  padding-right: var(--space-s)
}

.pr-md {
  padding-right: var(--space-m)
}

.pr-lg {
  padding-right: var(--space-l)
}

.pr-xl {
  padding-right: var(--space-xl)
}

.pr-2xl {
  padding-right: var(--space-2xl)
}

.pr-3xl {
  padding-right: var(--space-3xl)
}

.pr-4xl {
  padding-right: var(--space-4xl)
}

.pr-5xl {
  padding-right: var(--space-5xl)
}

.pr-6xl {
  padding-right: var(--space-6xl)
}

.pr-7xl {
  padding-right: var(--space-7xl)
}

.pb-0 {
  padding-bottom: 0
}

.pb-2xs {
  padding-bottom: var(--space-2xs)
}

.pb-xs {
  padding-bottom: var(--space-xs)
}

.pb-sm {
  padding-bottom: var(--space-s)
}

.pb-md {
  padding-bottom: var(--space-m)
}

.pb-lg {
  padding-bottom: var(--space-l)
}

.pb-xl {
  padding-bottom: var(--space-xl)
}

.pb-2xl {
  padding-bottom: var(--space-2xl)
}

.pb-3xl {
  padding-bottom: var(--space-3xl)
}

.pb-4xl {
  padding-bottom: var(--space-4xl)
}

.pb-5xl {
  padding-bottom: var(--space-5xl)
}

.pb-6xl {
  padding-bottom: var(--space-6xl)
}

.pb-7xl {
  padding-bottom: var(--space-7xl)
}

.pl-0 {
  padding-left: 0
}

.pl-2xs {
  padding-left: var(--space-2xs)
}

.pl-xs {
  padding-left: var(--space-xs)
}

.pl-sm {
  padding-left: var(--space-s)
}

.pl-md {
  padding-left: var(--space-m)
}

.pl-lg {
  padding-left: var(--space-l)
}

.pl-xl {
  padding-left: var(--space-xl)
}

.pl-2xl {
  padding-left: var(--space-2xl)
}

.pl-3xl {
  padding-left: var(--space-3xl)
}

.pl-4xl {
  padding-left: var(--space-4xl)
}

.pl-5xl {
  padding-left: var(--space-5xl)
}

.pl-6xl {
  padding-left: var(--space-6xl)
}

.pl-7xl {
  padding-left: var(--space-7xl)
}

.text-left {
  text-align: left
}

.text-center {
  text-align: center
}

.text-right {
  text-align: right
}

.text-justify {
  text-align: justify
}

@media (max-width: 1210px) {
  .xl-col-auto {
    grid-column: auto
  }

  .xl-col-span-1 {
    grid-column: span 1 / span 1
  }

  .xl-col-span-2 {
    grid-column: span 2 / span 2
  }

  .xl-col-span-3 {
    grid-column: span 3 / span 3
  }

  .xl-col-span-4 {
    grid-column: span 4 / span 4
  }

  .xl-col-span-5 {
    grid-column: span 5 / span 5
  }

  .xl-col-span-6 {
    grid-column: span 6 / span 6
  }

  .xl-col-span-7 {
    grid-column: span 7 / span 7
  }

  .xl-col-span-8 {
    grid-column: span 8 / span 8
  }

  .xl-col-span-9 {
    grid-column: span 9 / span 9
  }

  .xl-col-span-10 {
    grid-column: span 10 / span 10
  }

  .xl-col-span-11 {
    grid-column: span 11 / span 11
  }

  .xl-col-span-12 {
    grid-column: span 12 / span 12
  }

  .xl-col-span-full {
    grid-column: 1 / -1
  }

  .xl-col-start-1 {
    grid-column-start: 1
  }

  .xl-col-start-2 {
    grid-column-start: 2
  }

  .xl-col-start-3 {
    grid-column-start: 3
  }

  .xl-col-start-4 {
    grid-column-start: 4
  }

  .xl-col-start-5 {
    grid-column-start: 5
  }

  .xl-col-start-6 {
    grid-column-start: 6
  }

  .xl-col-start-7 {
    grid-column-start: 7
  }

  .xl-col-start-8 {
    grid-column-start: 8
  }

  .xl-col-start-9 {
    grid-column-start: 9
  }

  .xl-col-start-10 {
    grid-column-start: 10
  }

  .xl-col-start-11 {
    grid-column-start: 11
  }

  .xl-col-start-12 {
    grid-column-start: 12
  }

  .xl-col-start-13 {
    grid-column-start: 13
  }

  .xl-col-start-auto {
    grid-column-start: auto
  }

  .xl--col-start-1 {
    grid-column-start: -1
  }

  .xl-col-end-1 {
    grid-column-end: 1
  }

  .xl-col-end-2 {
    grid-column-end: 2
  }

  .xl-col-end-3 {
    grid-column-end: 3
  }

  .xl-col-end-4 {
    grid-column-end: 4
  }

  .xl-col-end-5 {
    grid-column-end: 5
  }

  .xl-col-end-6 {
    grid-column-end: 6
  }

  .xl-col-end-7 {
    grid-column-end: 7
  }

  .xl-col-end-8 {
    grid-column-end: 8
  }

  .xl-col-end-9 {
    grid-column-end: 9
  }

  .xl-col-end-10 {
    grid-column-end: 10
  }

  .xl-col-end-11 {
    grid-column-end: 11
  }

  .xl-col-end-12 {
    grid-column-end: 12
  }

  .xl-col-end-13 {
    grid-column-end: 13
  }

  .xl-col-end-auto {
    grid-column-end: auto
  }

  .xl--col-end-1 {
    grid-column-end: -1
  }

  .xl-row-auto {
    grid-row: auto
  }

  .xl-row-span-1 {
    grid-row: span 1 / span 1
  }

  .xl-row-span-2 {
    grid-row: span 2 / span 2
  }

  .xl-row-span-3 {
    grid-row: span 3 / span 3
  }

  .xl-row-span-4 {
    grid-row: span 4 / span 4
  }

  .xl-row-span-5 {
    grid-row: span 5 / span 5
  }

  .xl-row-span-6 {
    grid-row: span 6 / span 6
  }

  .xl-row-span-full {
    grid-row: 1 / -1
  }

  .xl-row-start-1 {
    grid-row-start: 1
  }

  .xl-row-start-2 {
    grid-row-start: 2
  }

  .xl-row-start-3 {
    grid-row-start: 3
  }

  .xl-row-start-4 {
    grid-row-start: 4
  }

  .xl-row-start-5 {
    grid-row-start: 5
  }

  .xl-row-start-6 {
    grid-row-start: 6
  }

  .xl-row-start-7 {
    grid-row-start: 7
  }

  .xl-row-start-auto {
    grid-row-start: auto
  }

  .xl--row-start-1 {
    grid-row-start: -1
  }

  .xl-row-end-1 {
    grid-row-end: 1
  }

  .xl-row-end-2 {
    grid-row-end: 2
  }

  .xl-row-end-3 {
    grid-row-end: 3
  }

  .xl-row-end-4 {
    grid-row-end: 4
  }

  .xl-row-end-5 {
    grid-row-end: 5
  }

  .xl-row-end-6 {
    grid-row-end: 6
  }

  .xl-row-end-7 {
    grid-row-end: 7
  }

  .xl-row-end-auto {
    grid-row-end: auto
  }

  .xl--row-end-1 {
    grid-row-end: -1
  }

  .xl-w-full {
    width: 100%
  }

  .xl-flex-shrink-0 {
    flex-shrink: 0
  }

  .xl-flex-shrink {
    flex-shrink: 1
  }

  .xl-flex-grow-0 {
    flex-grow: 0
  }

  .xl-flex-grow {
    flex-grow: 1
  }

  .xl-grid-flow-row {
    grid-auto-flow: row
  }

  .xl-grid-flow-col {
    grid-auto-flow: column
  }

  .xl-grid-flow-row-dense {
    grid-auto-flow: row dense
  }

  .xl-grid-flow-col-dense {
    grid-auto-flow: column dense
  }

  .xl-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }

  .xl-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .xl-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .xl-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }

  .xl-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr))
  }

  .xl-grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr))
  }

  .xl-grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr))
  }

  .xl-grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr))
  }

  .xl-grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr))
  }

  .xl-grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr))
  }

  .xl-grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr))
  }

  .xl-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr))
  }

  .xl-grid-cols-none {
    grid-template-columns: none
  }

  .xl-grid-cols-1-2 {
    grid-template-columns: 1fr 2fr
  }

  .xl-grid-cols-1-3 {
    grid-template-columns: 1fr 3fr
  }

  .xl-grid-cols-2-1 {
    grid-template-columns: 2fr 1fr
  }

  .xl-grid-cols-2-3 {
    grid-template-columns: 2fr 3fr
  }

  .xl-grid-cols-3-1 {
    grid-template-columns: 3fr 1fr
  }

  .xl-grid-cols-3-2 {
    grid-template-columns: 3fr 2fr
  }

  .xl-grid-cols-5-7 {
    grid-template-columns: 5fr 7fr
  }

  .xl-grid-cols-7-5 {
    grid-template-columns: 7fr 5fr
  }

  .xl-grid-cols-auto-1fr {
    grid-template-columns: auto 1fr
  }

  .xl-grid-cols-1fr-auto {
    grid-template-columns: 1fr auto
  }

  .xl-grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr))
  }

  .xl-grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr))
  }

  .xl-grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr))
  }

  .xl-grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr))
  }

  .xl-grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr))
  }

  .xl-grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr))
  }

  .xl-grid-rows-none {
    grid-template-rows: none
  }

  .xl-flex-row {
    flex-direction: row
  }

  .xl-flex-row-reverse {
    flex-direction: row-reverse
  }

  .xl-flex-col {
    flex-direction: column
  }

  .xl-flex-col-reverse {
    flex-direction: column-reverse
  }

  .xl-content-center {
    align-content: center
  }

  .xl-content-start {
    align-content: flex-start
  }

  .xl-content-end {
    align-content: flex-end
  }

  .xl-content-between {
    align-content: space-between
  }

  .xl-content-around {
    align-content: space-around
  }

  .xl-content-evenly {
    align-content: space-evenly
  }

  .xl-items-start {
    align-items: flex-start
  }

  .xl-items-end {
    align-items: flex-end
  }

  .xl-items-center {
    align-items: center
  }

  .xl-items-baseline {
    align-items: baseline
  }

  .xl-items-stretch {
    align-items: stretch
  }

  .xl-justify-start {
    justify-content: flex-start
  }

  .xl-justify-end {
    justify-content: flex-end
  }

  .xl-justify-center {
    justify-content: center
  }

  .xl-justify-between {
    justify-content: space-between
  }

  .xl-justify-around {
    justify-content: space-around
  }

  .xl-justify-evenly {
    justify-content: space-evenly
  }

  .xl-justify-items-start {
    justify-items: start
  }

  .xl-justify-items-end {
    justify-items: end
  }

  .xl-justify-items-center {
    justify-items: center
  }

  .xl-justify-items-stretch {
    justify-items: stretch
  }

  .xl-gap-0 {
    gap: 0
  }

  .xl-gap-2xs {
    gap: var(--space-2xs)
  }

  .xl-gap-xs {
    gap: var(--space-xs)
  }

  .xl-gap-sm {
    gap: var(--space-s)
  }

  .xl-gap-md {
    gap: var(--space-m)
  }

  .xl-gap-lg {
    gap: var(--space-l)
  }

  .xl-gap-xl {
    gap: var(--space-xl)
  }

  .xl-gap-2xl {
    gap: var(--space-2xl)
  }

  .xl-gap-3xl {
    gap: var(--space-3xl)
  }

  .xl-gap-4xl {
    gap: var(--space-4xl)
  }

  .xl-gap-5xl {
    gap: var(--space-5xl)
  }

  .xl-gap-6xl {
    gap: var(--space-6xl)
  }

  .xl-gap-7xl {
    gap: var(--space-7xl)
  }

  .xl-gap-x-0 {
    column-gap: 0
  }

  .xl-gap-x-2xs {
    column-gap: var(--space-2xs)
  }

  .xl-gap-x-xs {
    column-gap: var(--space-xs)
  }

  .xl-gap-x-sm {
    column-gap: var(--space-s)
  }

  .xl-gap-x-md {
    column-gap: var(--space-m)
  }

  .xl-gap-x-lg {
    column-gap: var(--space-l)
  }

  .xl-gap-x-xl {
    column-gap: var(--space-xl)
  }

  .xl-gap-x-2xl {
    column-gap: var(--space-2xl)
  }

  .xl-gap-x-3xl {
    column-gap: var(--space-3xl)
  }

  .xl-gap-x-4xl {
    column-gap: var(--space-4xl)
  }

  .xl-gap-x-5xl {
    column-gap: var(--space-5xl)
  }

  .xl-gap-x-6xl {
    column-gap: var(--space-6xl)
  }

  .xl-gap-x-7xl {
    column-gap: var(--space-7xl)
  }

  .xl-gap-y-0 {
    row-gap: 0
  }

  .xl-gap-y-2xs {
    row-gap: var(--space-2xs)
  }

  .xl-gap-y-xs {
    row-gap: var(--space-xs)
  }

  .xl-gap-y-sm {
    row-gap: var(--space-s)
  }

  .xl-gap-y-md {
    row-gap: var(--space-m)
  }

  .xl-gap-y-lg {
    row-gap: var(--space-l)
  }

  .xl-gap-y-xl {
    row-gap: var(--space-xl)
  }

  .xl-gap-y-2xl {
    row-gap: var(--space-2xl)
  }

  .xl-gap-y-3xl {
    row-gap: var(--space-3xl)
  }

  .xl-gap-y-4xl {
    row-gap: var(--space-4xl)
  }

  .xl-gap-y-5xl {
    row-gap: var(--space-5xl)
  }

  .xl-gap-y-6xl {
    row-gap: var(--space-6xl)
  }

  .xl-gap-y-7xl {
    row-gap: var(--space-7xl)
  }

  .xl-self-auto {
    align-self: auto
  }

  .xl-self-start {
    align-self: flex-start
  }

  .xl-self-end {
    align-self: flex-end
  }

  .xl-self-center {
    align-self: center
  }

  .xl-self-stretch {
    align-self: stretch
  }

  .xl-self-baseline {
    align-self: baseline
  }

  .xl-text-left {
    text-align: left
  }

  .xl-text-center {
    text-align: center
  }

  .xl-text-right {
    text-align: right
  }

  .xl-text-justify {
    text-align: justify
  }
}

@media (max-width: 991px) {
  .lg-col-auto {
    grid-column: auto
  }

  .lg-col-span-1 {
    grid-column: span 1 / span 1
  }

  .lg-col-span-2 {
    grid-column: span 2 / span 2
  }

  .lg-col-span-3 {
    grid-column: span 3 / span 3
  }

  .lg-col-span-4 {
    grid-column: span 4 / span 4
  }

  .lg-col-span-5 {
    grid-column: span 5 / span 5
  }

  .lg-col-span-6 {
    grid-column: span 6 / span 6
  }

  .lg-col-span-7 {
    grid-column: span 7 / span 7
  }

  .lg-col-span-8 {
    grid-column: span 8 / span 8
  }

  .lg-col-span-9 {
    grid-column: span 9 / span 9
  }

  .lg-col-span-10 {
    grid-column: span 10 / span 10
  }

  .lg-col-span-11 {
    grid-column: span 11 / span 11
  }

  .lg-col-span-12 {
    grid-column: span 12 / span 12
  }

  .lg-col-span-full {
    grid-column: 1 / -1
  }

  .lg-col-start-1 {
    grid-column-start: 1
  }

  .lg-col-start-2 {
    grid-column-start: 2
  }

  .lg-col-start-3 {
    grid-column-start: 3
  }

  .lg-col-start-4 {
    grid-column-start: 4
  }

  .lg-col-start-5 {
    grid-column-start: 5
  }

  .lg-col-start-6 {
    grid-column-start: 6
  }

  .lg-col-start-7 {
    grid-column-start: 7
  }

  .lg-col-start-8 {
    grid-column-start: 8
  }

  .lg-col-start-9 {
    grid-column-start: 9
  }

  .lg-col-start-10 {
    grid-column-start: 10
  }

  .lg-col-start-11 {
    grid-column-start: 11
  }

  .lg-col-start-12 {
    grid-column-start: 12
  }

  .lg-col-start-13 {
    grid-column-start: 13
  }

  .lg-col-start-auto {
    grid-column-start: auto
  }

  .lg--col-start-1 {
    grid-column-start: -1
  }

  .lg-col-end-1 {
    grid-column-end: 1
  }

  .lg-col-end-2 {
    grid-column-end: 2
  }

  .lg-col-end-3 {
    grid-column-end: 3
  }

  .lg-col-end-4 {
    grid-column-end: 4
  }

  .lg-col-end-5 {
    grid-column-end: 5
  }

  .lg-col-end-6 {
    grid-column-end: 6
  }

  .lg-col-end-7 {
    grid-column-end: 7
  }

  .lg-col-end-8 {
    grid-column-end: 8
  }

  .lg-col-end-9 {
    grid-column-end: 9
  }

  .lg-col-end-10 {
    grid-column-end: 10
  }

  .lg-col-end-11 {
    grid-column-end: 11
  }

  .lg-col-end-12 {
    grid-column-end: 12
  }

  .lg-col-end-13 {
    grid-column-end: 13
  }

  .lg-col-end-auto {
    grid-column-end: auto
  }

  .lg--col-end-1 {
    grid-column-end: -1
  }

  .lg-row-auto {
    grid-row: auto
  }

  .lg-row-span-1 {
    grid-row: span 1 / span 1
  }

  .lg-row-span-2 {
    grid-row: span 2 / span 2
  }

  .lg-row-span-3 {
    grid-row: span 3 / span 3
  }

  .lg-row-span-4 {
    grid-row: span 4 / span 4
  }

  .lg-row-span-5 {
    grid-row: span 5 / span 5
  }

  .lg-row-span-6 {
    grid-row: span 6 / span 6
  }

  .lg-row-span-full {
    grid-row: 1 / -1
  }

  .lg-row-start-1 {
    grid-row-start: 1
  }

  .lg-row-start-2 {
    grid-row-start: 2
  }

  .lg-row-start-3 {
    grid-row-start: 3
  }

  .lg-row-start-4 {
    grid-row-start: 4
  }

  .lg-row-start-5 {
    grid-row-start: 5
  }

  .lg-row-start-6 {
    grid-row-start: 6
  }

  .lg-row-start-7 {
    grid-row-start: 7
  }

  .lg-row-start-auto {
    grid-row-start: auto
  }

  .lg--row-start-1 {
    grid-row-start: -1
  }

  .lg-row-end-1 {
    grid-row-end: 1
  }

  .lg-row-end-2 {
    grid-row-end: 2
  }

  .lg-row-end-3 {
    grid-row-end: 3
  }

  .lg-row-end-4 {
    grid-row-end: 4
  }

  .lg-row-end-5 {
    grid-row-end: 5
  }

  .lg-row-end-6 {
    grid-row-end: 6
  }

  .lg-row-end-7 {
    grid-row-end: 7
  }

  .lg-row-end-auto {
    grid-row-end: auto
  }

  .lg--row-end-1 {
    grid-row-end: -1
  }

  .lg-w-full {
    width: 100%
  }

  .lg-flex-shrink-0 {
    flex-shrink: 0
  }

  .lg-flex-shrink {
    flex-shrink: 1
  }

  .lg-flex-grow-0 {
    flex-grow: 0
  }

  .lg-flex-grow {
    flex-grow: 1
  }

  .lg-grid-flow-row {
    grid-auto-flow: row
  }

  .lg-grid-flow-col {
    grid-auto-flow: column
  }

  .lg-grid-flow-row-dense {
    grid-auto-flow: row dense
  }

  .lg-grid-flow-col-dense {
    grid-auto-flow: column dense
  }

  .lg-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }

  .lg-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .lg-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .lg-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }

  .lg-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr))
  }

  .lg-grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr))
  }

  .lg-grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr))
  }

  .lg-grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr))
  }

  .lg-grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr))
  }

  .lg-grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr))
  }

  .lg-grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr))
  }

  .lg-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr))
  }

  .lg-grid-cols-none {
    grid-template-columns: none
  }

  .lg-grid-cols-1-2 {
    grid-template-columns: 1fr 2fr
  }

  .lg-grid-cols-1-3 {
    grid-template-columns: 1fr 3fr
  }

  .lg-grid-cols-2-1 {
    grid-template-columns: 2fr 1fr
  }

  .lg-grid-cols-2-3 {
    grid-template-columns: 2fr 3fr
  }

  .lg-grid-cols-3-1 {
    grid-template-columns: 3fr 1fr
  }

  .lg-grid-cols-3-2 {
    grid-template-columns: 3fr 2fr
  }

  .lg-grid-cols-5-7 {
    grid-template-columns: 5fr 7fr
  }

  .lg-grid-cols-7-5 {
    grid-template-columns: 7fr 5fr
  }

  .lg-grid-cols-auto-1fr {
    grid-template-columns: auto 1fr
  }

  .lg-grid-cols-1fr-auto {
    grid-template-columns: 1fr auto
  }

  .lg-grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr))
  }

  .lg-grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr))
  }

  .lg-grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr))
  }

  .lg-grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr))
  }

  .lg-grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr))
  }

  .lg-grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr))
  }

  .lg-grid-rows-none {
    grid-template-rows: none
  }

  .lg-flex-row {
    flex-direction: row
  }

  .lg-flex-row-reverse {
    flex-direction: row-reverse
  }

  .lg-flex-col {
    flex-direction: column
  }

  .lg-flex-col-reverse {
    flex-direction: column-reverse
  }

  .lg-content-center {
    align-content: center
  }

  .lg-content-start {
    align-content: flex-start
  }

  .lg-content-end {
    align-content: flex-end
  }

  .lg-content-between {
    align-content: space-between
  }

  .lg-content-around {
    align-content: space-around
  }

  .lg-content-evenly {
    align-content: space-evenly
  }

  .lg-items-start {
    align-items: flex-start
  }

  .lg-items-end {
    align-items: flex-end
  }

  .lg-items-center {
    align-items: center
  }

  .lg-items-baseline {
    align-items: baseline
  }

  .lg-items-stretch {
    align-items: stretch
  }

  .lg-justify-start {
    justify-content: flex-start
  }

  .lg-justify-end {
    justify-content: flex-end
  }

  .lg-justify-center {
    justify-content: center
  }

  .lg-justify-between {
    justify-content: space-between
  }

  .lg-justify-around {
    justify-content: space-around
  }

  .lg-justify-evenly {
    justify-content: space-evenly
  }

  .lg-justify-items-start {
    justify-items: start
  }

  .lg-justify-items-end {
    justify-items: end
  }

  .lg-justify-items-center {
    justify-items: center
  }

  .lg-justify-items-stretch {
    justify-items: stretch
  }

  .lg-gap-0 {
    gap: 0
  }

  .lg-gap-2xs {
    gap: var(--space-2xs)
  }

  .lg-gap-xs {
    gap: var(--space-xs)
  }

  .lg-gap-sm {
    gap: var(--space-s)
  }

  .lg-gap-md {
    gap: var(--space-m)
  }

  .lg-gap-lg {
    gap: var(--space-l)
  }

  .lg-gap-xl {
    gap: var(--space-xl)
  }

  .lg-gap-2xl {
    gap: var(--space-2xl)
  }

  .lg-gap-3xl {
    gap: var(--space-3xl)
  }

  .lg-gap-4xl {
    gap: var(--space-4xl)
  }

  .lg-gap-5xl {
    gap: var(--space-5xl)
  }

  .lg-gap-6xl {
    gap: var(--space-6xl)
  }

  .lg-gap-7xl {
    gap: var(--space-7xl)
  }

  .lg-gap-x-0 {
    column-gap: 0
  }

  .lg-gap-x-2xs {
    column-gap: var(--space-2xs)
  }

  .lg-gap-x-xs {
    column-gap: var(--space-xs)
  }

  .lg-gap-x-sm {
    column-gap: var(--space-s)
  }

  .lg-gap-x-md {
    column-gap: var(--space-m)
  }

  .lg-gap-x-lg {
    column-gap: var(--space-l)
  }

  .lg-gap-x-xl {
    column-gap: var(--space-xl)
  }

  .lg-gap-x-2xl {
    column-gap: var(--space-2xl)
  }

  .lg-gap-x-3xl {
    column-gap: var(--space-3xl)
  }

  .lg-gap-x-4xl {
    column-gap: var(--space-4xl)
  }

  .lg-gap-x-5xl {
    column-gap: var(--space-5xl)
  }

  .lg-gap-x-6xl {
    column-gap: var(--space-6xl)
  }

  .lg-gap-x-7xl {
    column-gap: var(--space-7xl)
  }

  .lg-gap-y-0 {
    row-gap: 0
  }

  .lg-gap-y-2xs {
    row-gap: var(--space-2xs)
  }

  .lg-gap-y-xs {
    row-gap: var(--space-xs)
  }

  .lg-gap-y-sm {
    row-gap: var(--space-s)
  }

  .lg-gap-y-md {
    row-gap: var(--space-m)
  }

  .lg-gap-y-lg {
    row-gap: var(--space-l)
  }

  .lg-gap-y-xl {
    row-gap: var(--space-xl)
  }

  .lg-gap-y-2xl {
    row-gap: var(--space-2xl)
  }

  .lg-gap-y-3xl {
    row-gap: var(--space-3xl)
  }

  .lg-gap-y-4xl {
    row-gap: var(--space-4xl)
  }

  .lg-gap-y-5xl {
    row-gap: var(--space-5xl)
  }

  .lg-gap-y-6xl {
    row-gap: var(--space-6xl)
  }

  .lg-gap-y-7xl {
    row-gap: var(--space-7xl)
  }

  .lg-self-auto {
    align-self: auto
  }

  .lg-self-start {
    align-self: flex-start
  }

  .lg-self-end {
    align-self: flex-end
  }

  .lg-self-center {
    align-self: center
  }

  .lg-self-stretch {
    align-self: stretch
  }

  .lg-self-baseline {
    align-self: baseline
  }

  .lg-text-left {
    text-align: left
  }

  .lg-text-center {
    text-align: center
  }

  .lg-text-right {
    text-align: right
  }

  .lg-text-justify {
    text-align: justify
  }
}

@media (max-width: 767px) {
  .md-col-auto {
    grid-column: auto
  }

  .md-col-span-1 {
    grid-column: span 1 / span 1
  }

  .md-col-span-2 {
    grid-column: span 2 / span 2
  }

  .md-col-span-3 {
    grid-column: span 3 / span 3
  }

  .md-col-span-4 {
    grid-column: span 4 / span 4
  }

  .md-col-span-5 {
    grid-column: span 5 / span 5
  }

  .md-col-span-6 {
    grid-column: span 6 / span 6
  }

  .md-col-span-7 {
    grid-column: span 7 / span 7
  }

  .md-col-span-8 {
    grid-column: span 8 / span 8
  }

  .md-col-span-9 {
    grid-column: span 9 / span 9
  }

  .md-col-span-10 {
    grid-column: span 10 / span 10
  }

  .md-col-span-11 {
    grid-column: span 11 / span 11
  }

  .md-col-span-12 {
    grid-column: span 12 / span 12
  }

  .md-col-span-full {
    grid-column: 1 / -1
  }

  .md-col-start-1 {
    grid-column-start: 1
  }

  .md-col-start-2 {
    grid-column-start: 2
  }

  .md-col-start-3 {
    grid-column-start: 3
  }

  .md-col-start-4 {
    grid-column-start: 4
  }

  .md-col-start-5 {
    grid-column-start: 5
  }

  .md-col-start-6 {
    grid-column-start: 6
  }

  .md-col-start-7 {
    grid-column-start: 7
  }

  .md-col-start-8 {
    grid-column-start: 8
  }

  .md-col-start-9 {
    grid-column-start: 9
  }

  .md-col-start-10 {
    grid-column-start: 10
  }

  .md-col-start-11 {
    grid-column-start: 11
  }

  .md-col-start-12 {
    grid-column-start: 12
  }

  .md-col-start-13 {
    grid-column-start: 13
  }

  .md-col-start-auto {
    grid-column-start: auto
  }

  .md--col-start-1 {
    grid-column-start: -1
  }

  .md-col-end-1 {
    grid-column-end: 1
  }

  .md-col-end-2 {
    grid-column-end: 2
  }

  .md-col-end-3 {
    grid-column-end: 3
  }

  .md-col-end-4 {
    grid-column-end: 4
  }

  .md-col-end-5 {
    grid-column-end: 5
  }

  .md-col-end-6 {
    grid-column-end: 6
  }

  .md-col-end-7 {
    grid-column-end: 7
  }

  .md-col-end-8 {
    grid-column-end: 8
  }

  .md-col-end-9 {
    grid-column-end: 9
  }

  .md-col-end-10 {
    grid-column-end: 10
  }

  .md-col-end-11 {
    grid-column-end: 11
  }

  .md-col-end-12 {
    grid-column-end: 12
  }

  .md-col-end-13 {
    grid-column-end: 13
  }

  .md-col-end-auto {
    grid-column-end: auto
  }

  .md--col-end-1 {
    grid-column-end: -1
  }

  .md-row-auto {
    grid-row: auto
  }

  .md-row-span-1 {
    grid-row: span 1 / span 1
  }

  .md-row-span-2 {
    grid-row: span 2 / span 2
  }

  .md-row-span-3 {
    grid-row: span 3 / span 3
  }

  .md-row-span-4 {
    grid-row: span 4 / span 4
  }

  .md-row-span-5 {
    grid-row: span 5 / span 5
  }

  .md-row-span-6 {
    grid-row: span 6 / span 6
  }

  .md-row-span-full {
    grid-row: 1 / -1
  }

  .md-row-start-1 {
    grid-row-start: 1
  }

  .md-row-start-2 {
    grid-row-start: 2
  }

  .md-row-start-3 {
    grid-row-start: 3
  }

  .md-row-start-4 {
    grid-row-start: 4
  }

  .md-row-start-5 {
    grid-row-start: 5
  }

  .md-row-start-6 {
    grid-row-start: 6
  }

  .md-row-start-7 {
    grid-row-start: 7
  }

  .md-row-start-auto {
    grid-row-start: auto
  }

  .md--row-start-1 {
    grid-row-start: -1
  }

  .md-row-end-1 {
    grid-row-end: 1
  }

  .md-row-end-2 {
    grid-row-end: 2
  }

  .md-row-end-3 {
    grid-row-end: 3
  }

  .md-row-end-4 {
    grid-row-end: 4
  }

  .md-row-end-5 {
    grid-row-end: 5
  }

  .md-row-end-6 {
    grid-row-end: 6
  }

  .md-row-end-7 {
    grid-row-end: 7
  }

  .md-row-end-auto {
    grid-row-end: auto
  }

  .md--row-end-1 {
    grid-row-end: -1
  }

  .md-w-full {
    width: 100%
  }

  .md-flex-shrink-0 {
    flex-shrink: 0
  }

  .md-flex-shrink {
    flex-shrink: 1
  }

  .md-flex-grow-0 {
    flex-grow: 0
  }

  .md-flex-grow {
    flex-grow: 1
  }

  .md-grid-flow-row {
    grid-auto-flow: row
  }

  .md-grid-flow-col {
    grid-auto-flow: column
  }

  .md-grid-flow-row-dense {
    grid-auto-flow: row dense
  }

  .md-grid-flow-col-dense {
    grid-auto-flow: column dense
  }

  .md-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }

  .md-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .md-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .md-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }

  .md-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr))
  }

  .md-grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr))
  }

  .md-grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr))
  }

  .md-grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr))
  }

  .md-grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr))
  }

  .md-grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr))
  }

  .md-grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr))
  }

  .md-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr))
  }

  .md-grid-cols-none {
    grid-template-columns: none
  }

  .md-grid-cols-1-2 {
    grid-template-columns: 1fr 2fr
  }

  .md-grid-cols-1-3 {
    grid-template-columns: 1fr 3fr
  }

  .md-grid-cols-2-1 {
    grid-template-columns: 2fr 1fr
  }

  .md-grid-cols-2-3 {
    grid-template-columns: 2fr 3fr
  }

  .md-grid-cols-3-1 {
    grid-template-columns: 3fr 1fr
  }

  .md-grid-cols-3-2 {
    grid-template-columns: 3fr 2fr
  }

  .md-grid-cols-5-7 {
    grid-template-columns: 5fr 7fr
  }

  .md-grid-cols-7-5 {
    grid-template-columns: 7fr 5fr
  }

  .md-grid-cols-auto-1fr {
    grid-template-columns: auto 1fr
  }

  .md-grid-cols-1fr-auto {
    grid-template-columns: 1fr auto
  }

  .md-grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr))
  }

  .md-grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr))
  }

  .md-grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr))
  }

  .md-grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr))
  }

  .md-grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr))
  }

  .md-grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr))
  }

  .md-grid-rows-none {
    grid-template-rows: none
  }

  .md-flex-row {
    flex-direction: row
  }

  .md-flex-row-reverse {
    flex-direction: row-reverse
  }

  .md-flex-col {
    flex-direction: column
  }

  .md-flex-col-reverse {
    flex-direction: column-reverse
  }

  .md-content-center {
    align-content: center
  }

  .md-content-start {
    align-content: flex-start
  }

  .md-content-end {
    align-content: flex-end
  }

  .md-content-between {
    align-content: space-between
  }

  .md-content-around {
    align-content: space-around
  }

  .md-content-evenly {
    align-content: space-evenly
  }

  .md-items-start {
    align-items: flex-start
  }

  .md-items-end {
    align-items: flex-end
  }

  .md-items-center {
    align-items: center
  }

  .md-items-baseline {
    align-items: baseline
  }

  .md-items-stretch {
    align-items: stretch
  }

  .md-justify-start {
    justify-content: flex-start
  }

  .md-justify-end {
    justify-content: flex-end
  }

  .md-justify-center {
    justify-content: center
  }

  .md-justify-between {
    justify-content: space-between
  }

  .md-justify-around {
    justify-content: space-around
  }

  .md-justify-evenly {
    justify-content: space-evenly
  }

  .md-justify-items-start {
    justify-items: start
  }

  .md-justify-items-end {
    justify-items: end
  }

  .md-justify-items-center {
    justify-items: center
  }

  .md-justify-items-stretch {
    justify-items: stretch
  }

  .md-gap-0 {
    gap: 0
  }

  .md-gap-2xs {
    gap: var(--space-2xs)
  }

  .md-gap-xs {
    gap: var(--space-xs)
  }

  .md-gap-sm {
    gap: var(--space-s)
  }

  .md-gap-md {
    gap: var(--space-m)
  }

  .md-gap-lg {
    gap: var(--space-l)
  }

  .md-gap-xl {
    gap: var(--space-xl)
  }

  .md-gap-2xl {
    gap: var(--space-2xl)
  }

  .md-gap-3xl {
    gap: var(--space-3xl)
  }

  .md-gap-4xl {
    gap: var(--space-4xl)
  }

  .md-gap-5xl {
    gap: var(--space-5xl)
  }

  .md-gap-6xl {
    gap: var(--space-6xl)
  }

  .md-gap-7xl {
    gap: var(--space-7xl)
  }

  .md-gap-x-0 {
    column-gap: 0
  }

  .md-gap-x-2xs {
    column-gap: var(--space-2xs)
  }

  .md-gap-x-xs {
    column-gap: var(--space-xs)
  }

  .md-gap-x-sm {
    column-gap: var(--space-s)
  }

  .md-gap-x-md {
    column-gap: var(--space-m)
  }

  .md-gap-x-lg {
    column-gap: var(--space-l)
  }

  .md-gap-x-xl {
    column-gap: var(--space-xl)
  }

  .md-gap-x-2xl {
    column-gap: var(--space-2xl)
  }

  .md-gap-x-3xl {
    column-gap: var(--space-3xl)
  }

  .md-gap-x-4xl {
    column-gap: var(--space-4xl)
  }

  .md-gap-x-5xl {
    column-gap: var(--space-5xl)
  }

  .md-gap-x-6xl {
    column-gap: var(--space-6xl)
  }

  .md-gap-x-7xl {
    column-gap: var(--space-7xl)
  }

  .md-gap-y-0 {
    row-gap: 0
  }

  .md-gap-y-2xs {
    row-gap: var(--space-2xs)
  }

  .md-gap-y-xs {
    row-gap: var(--space-xs)
  }

  .md-gap-y-sm {
    row-gap: var(--space-s)
  }

  .md-gap-y-md {
    row-gap: var(--space-m)
  }

  .md-gap-y-lg {
    row-gap: var(--space-l)
  }

  .md-gap-y-xl {
    row-gap: var(--space-xl)
  }

  .md-gap-y-2xl {
    row-gap: var(--space-2xl)
  }

  .md-gap-y-3xl {
    row-gap: var(--space-3xl)
  }

  .md-gap-y-4xl {
    row-gap: var(--space-4xl)
  }

  .md-gap-y-5xl {
    row-gap: var(--space-5xl)
  }

  .md-gap-y-6xl {
    row-gap: var(--space-6xl)
  }

  .md-gap-y-7xl {
    row-gap: var(--space-7xl)
  }

  .md-self-auto {
    align-self: auto
  }

  .md-self-start {
    align-self: flex-start
  }

  .md-self-end {
    align-self: flex-end
  }

  .md-self-center {
    align-self: center
  }

  .md-self-stretch {
    align-self: stretch
  }

  .md-self-baseline {
    align-self: baseline
  }

  .md-text-left {
    text-align: left
  }

  .md-text-center {
    text-align: center
  }

  .md-text-right {
    text-align: right
  }

  .md-text-justify {
    text-align: justify
  }
}

@media (max-width: 479px) {
  .sm-col-auto {
    grid-column: auto
  }

  .sm-col-span-1 {
    grid-column: span 1 / span 1
  }

  .sm-col-span-2 {
    grid-column: span 2 / span 2
  }

  .sm-col-span-3 {
    grid-column: span 3 / span 3
  }

  .sm-col-span-4 {
    grid-column: span 4 / span 4
  }

  .sm-col-span-5 {
    grid-column: span 5 / span 5
  }

  .sm-col-span-6 {
    grid-column: span 6 / span 6
  }

  .sm-col-span-7 {
    grid-column: span 7 / span 7
  }

  .sm-col-span-8 {
    grid-column: span 8 / span 8
  }

  .sm-col-span-9 {
    grid-column: span 9 / span 9
  }

  .sm-col-span-10 {
    grid-column: span 10 / span 10
  }

  .sm-col-span-11 {
    grid-column: span 11 / span 11
  }

  .sm-col-span-12 {
    grid-column: span 12 / span 12
  }

  .sm-col-span-full {
    grid-column: 1 / -1
  }

  .sm-col-start-1 {
    grid-column-start: 1
  }

  .sm-col-start-2 {
    grid-column-start: 2
  }

  .sm-col-start-3 {
    grid-column-start: 3
  }

  .sm-col-start-4 {
    grid-column-start: 4
  }

  .sm-col-start-5 {
    grid-column-start: 5
  }

  .sm-col-start-6 {
    grid-column-start: 6
  }

  .sm-col-start-7 {
    grid-column-start: 7
  }

  .sm-col-start-8 {
    grid-column-start: 8
  }

  .sm-col-start-9 {
    grid-column-start: 9
  }

  .sm-col-start-10 {
    grid-column-start: 10
  }

  .sm-col-start-11 {
    grid-column-start: 11
  }

  .sm-col-start-12 {
    grid-column-start: 12
  }

  .sm-col-start-13 {
    grid-column-start: 13
  }

  .sm-col-start-auto {
    grid-column-start: auto
  }

  .sm--col-start-1 {
    grid-column-start: -1
  }

  .sm-col-end-1 {
    grid-column-end: 1
  }

  .sm-col-end-2 {
    grid-column-end: 2
  }

  .sm-col-end-3 {
    grid-column-end: 3
  }

  .sm-col-end-4 {
    grid-column-end: 4
  }

  .sm-col-end-5 {
    grid-column-end: 5
  }

  .sm-col-end-6 {
    grid-column-end: 6
  }

  .sm-col-end-7 {
    grid-column-end: 7
  }

  .sm-col-end-8 {
    grid-column-end: 8
  }

  .sm-col-end-9 {
    grid-column-end: 9
  }

  .sm-col-end-10 {
    grid-column-end: 10
  }

  .sm-col-end-11 {
    grid-column-end: 11
  }

  .sm-col-end-12 {
    grid-column-end: 12
  }

  .sm-col-end-13 {
    grid-column-end: 13
  }

  .sm-col-end-auto {
    grid-column-end: auto
  }

  .sm--col-end-1 {
    grid-column-end: -1
  }

  .sm-row-auto {
    grid-row: auto
  }

  .sm-row-span-1 {
    grid-row: span 1 / span 1
  }

  .sm-row-span-2 {
    grid-row: span 2 / span 2
  }

  .sm-row-span-3 {
    grid-row: span 3 / span 3
  }

  .sm-row-span-4 {
    grid-row: span 4 / span 4
  }

  .sm-row-span-5 {
    grid-row: span 5 / span 5
  }

  .sm-row-span-6 {
    grid-row: span 6 / span 6
  }

  .sm-row-span-full {
    grid-row: 1 / -1
  }

  .sm-row-start-1 {
    grid-row-start: 1
  }

  .sm-row-start-2 {
    grid-row-start: 2
  }

  .sm-row-start-3 {
    grid-row-start: 3
  }

  .sm-row-start-4 {
    grid-row-start: 4
  }

  .sm-row-start-5 {
    grid-row-start: 5
  }

  .sm-row-start-6 {
    grid-row-start: 6
  }

  .sm-row-start-7 {
    grid-row-start: 7
  }

  .sm-row-start-auto {
    grid-row-start: auto
  }

  .sm--row-start-1 {
    grid-row-start: -1
  }

  .sm-row-end-1 {
    grid-row-end: 1
  }

  .sm-row-end-2 {
    grid-row-end: 2
  }

  .sm-row-end-3 {
    grid-row-end: 3
  }

  .sm-row-end-4 {
    grid-row-end: 4
  }

  .sm-row-end-5 {
    grid-row-end: 5
  }

  .sm-row-end-6 {
    grid-row-end: 6
  }

  .sm-row-end-7 {
    grid-row-end: 7
  }

  .sm-row-end-auto {
    grid-row-end: auto
  }

  .sm--row-end-1 {
    grid-row-end: -1
  }

  .sm-w-full {
    width: 100%
  }

  .sm-flex-shrink-0 {
    flex-shrink: 0
  }

  .sm-flex-shrink {
    flex-shrink: 1
  }

  .sm-flex-grow-0 {
    flex-grow: 0
  }

  .sm-flex-grow {
    flex-grow: 1
  }

  .sm-grid-flow-row {
    grid-auto-flow: row
  }

  .sm-grid-flow-col {
    grid-auto-flow: column
  }

  .sm-grid-flow-row-dense {
    grid-auto-flow: row dense
  }

  .sm-grid-flow-col-dense {
    grid-auto-flow: column dense
  }

  .sm-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }

  .sm-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .sm-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .sm-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }

  .sm-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr))
  }

  .sm-grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr))
  }

  .sm-grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr))
  }

  .sm-grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr))
  }

  .sm-grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr))
  }

  .sm-grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr))
  }

  .sm-grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr))
  }

  .sm-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr))
  }

  .sm-grid-cols-none {
    grid-template-columns: none
  }

  .sm-grid-cols-1-2 {
    grid-template-columns: 1fr 2fr
  }

  .sm-grid-cols-1-3 {
    grid-template-columns: 1fr 3fr
  }

  .sm-grid-cols-2-1 {
    grid-template-columns: 2fr 1fr
  }

  .sm-grid-cols-2-3 {
    grid-template-columns: 2fr 3fr
  }

  .sm-grid-cols-3-1 {
    grid-template-columns: 3fr 1fr
  }

  .sm-grid-cols-3-2 {
    grid-template-columns: 3fr 2fr
  }

  .sm-grid-cols-5-7 {
    grid-template-columns: 5fr 7fr
  }

  .sm-grid-cols-7-5 {
    grid-template-columns: 7fr 5fr
  }

  .sm-grid-cols-auto-1fr {
    grid-template-columns: auto 1fr
  }

  .sm-grid-cols-1fr-auto {
    grid-template-columns: 1fr auto
  }

  .sm-grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr))
  }

  .sm-grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr))
  }

  .sm-grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr))
  }

  .sm-grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr))
  }

  .sm-grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr))
  }

  .sm-grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr))
  }

  .sm-grid-rows-none {
    grid-template-rows: none
  }

  .sm-flex-row {
    flex-direction: row
  }

  .sm-flex-row-reverse {
    flex-direction: row-reverse
  }

  .sm-flex-col {
    flex-direction: column
  }

  .sm-flex-col-reverse {
    flex-direction: column-reverse
  }

  .sm-content-center {
    align-content: center
  }

  .sm-content-start {
    align-content: flex-start
  }

  .sm-content-end {
    align-content: flex-end
  }

  .sm-content-between {
    align-content: space-between
  }

  .sm-content-around {
    align-content: space-around
  }

  .sm-content-evenly {
    align-content: space-evenly
  }

  .sm-items-start {
    align-items: flex-start
  }

  .sm-items-end {
    align-items: flex-end
  }

  .sm-items-center {
    align-items: center
  }

  .sm-items-baseline {
    align-items: baseline
  }

  .sm-items-stretch {
    align-items: stretch
  }

  .sm-justify-start {
    justify-content: flex-start
  }

  .sm-justify-end {
    justify-content: flex-end
  }

  .sm-justify-center {
    justify-content: center
  }

  .sm-justify-between {
    justify-content: space-between
  }

  .sm-justify-around {
    justify-content: space-around
  }

  .sm-justify-evenly {
    justify-content: space-evenly
  }

  .sm-justify-items-start {
    justify-items: start
  }

  .sm-justify-items-end {
    justify-items: end
  }

  .sm-justify-items-center {
    justify-items: center
  }

  .sm-justify-items-stretch {
    justify-items: stretch
  }

  .sm-gap-0 {
    gap: 0
  }

  .sm-gap-2xs {
    gap: var(--space-2xs)
  }

  .sm-gap-xs {
    gap: var(--space-xs)
  }

  .sm-gap-sm {
    gap: var(--space-s)
  }

  .sm-gap-md {
    gap: var(--space-m)
  }

  .sm-gap-lg {
    gap: var(--space-l)
  }

  .sm-gap-xl {
    gap: var(--space-xl)
  }

  .sm-gap-2xl {
    gap: var(--space-2xl)
  }

  .sm-gap-3xl {
    gap: var(--space-3xl)
  }

  .sm-gap-4xl {
    gap: var(--space-4xl)
  }

  .sm-gap-5xl {
    gap: var(--space-5xl)
  }

  .sm-gap-6xl {
    gap: var(--space-6xl)
  }

  .sm-gap-7xl {
    gap: var(--space-7xl)
  }

  .sm-gap-x-0 {
    column-gap: 0
  }

  .sm-gap-x-2xs {
    column-gap: var(--space-2xs)
  }

  .sm-gap-x-xs {
    column-gap: var(--space-xs)
  }

  .sm-gap-x-sm {
    column-gap: var(--space-s)
  }

  .sm-gap-x-md {
    column-gap: var(--space-m)
  }

  .sm-gap-x-lg {
    column-gap: var(--space-l)
  }

  .sm-gap-x-xl {
    column-gap: var(--space-xl)
  }

  .sm-gap-x-2xl {
    column-gap: var(--space-2xl)
  }

  .sm-gap-x-3xl {
    column-gap: var(--space-3xl)
  }

  .sm-gap-x-4xl {
    column-gap: var(--space-4xl)
  }

  .sm-gap-x-5xl {
    column-gap: var(--space-5xl)
  }

  .sm-gap-x-6xl {
    column-gap: var(--space-6xl)
  }

  .sm-gap-x-7xl {
    column-gap: var(--space-7xl)
  }

  .sm-gap-y-0 {
    row-gap: 0
  }

  .sm-gap-y-2xs {
    row-gap: var(--space-2xs)
  }

  .sm-gap-y-xs {
    row-gap: var(--space-xs)
  }

  .sm-gap-y-sm {
    row-gap: var(--space-s)
  }

  .sm-gap-y-md {
    row-gap: var(--space-m)
  }

  .sm-gap-y-lg {
    row-gap: var(--space-l)
  }

  .sm-gap-y-xl {
    row-gap: var(--space-xl)
  }

  .sm-gap-y-2xl {
    row-gap: var(--space-2xl)
  }

  .sm-gap-y-3xl {
    row-gap: var(--space-3xl)
  }

  .sm-gap-y-4xl {
    row-gap: var(--space-4xl)
  }

  .sm-gap-y-5xl {
    row-gap: var(--space-5xl)
  }

  .sm-gap-y-6xl {
    row-gap: var(--space-6xl)
  }

  .sm-gap-y-7xl {
    row-gap: var(--space-7xl)
  }

  .sm-self-auto {
    align-self: auto
  }

  .sm-self-start {
    align-self: flex-start
  }

  .sm-self-end {
    align-self: flex-end
  }

  .sm-self-center {
    align-self: center
  }

  .sm-self-stretch {
    align-self: stretch
  }

  .sm-self-baseline {
    align-self: baseline
  }

  .sm-text-left {
    text-align: left
  }

  .sm-text-center {
    text-align: center
  }

  .sm-text-right {
    text-align: right
  }

  .sm-text-justify {
    text-align: justify
  }
}