@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default padding */
ul[class],
ol[class] {
  padding: 0;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Set core root defaults */
html {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul[class],
ol[class] {
  list-style: none;
}

svg {
  fill: currentColor;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Natural flow and rhythm in articles by default */
article > * + * {
  margin-top: var(--size-16);
}

/* Inherit fonts for inputs and buttons */
/* Blur images when they have no alt attribute */
img:not([alt]) {
  filter: blur(10px);
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
.cluster {
  display: flex;
  flex-wrap: var(--cluster-wrap, wrap);
  gap: var(--gutter, clamp(1.375rem, 1.2rem + 0.89vw, 1rem));
  justify-content: var(--cluster-horizontal-alignment, flex-start);
  align-items: var(--cluster-vertical-alignment, center);
  /* ↓ multiply by -1 to negate the halved value */
}

/*
<div class="cluster">
  <div>Item 1</div>
  <div>Item 2</div>
  <div>Item 3</div>
  <div>Item 4</div>
  <div>Item 5</div>
  <div>Item 6</div>
  <div>Item 7</div>
  <div>Item 8</div>
</div>
*/
.column-1 {
  column-count: 1;
  column-gap: var(--column-gap, 1rem);
  width: var(--column-width, fit-content);
}

.column-2 {
  column-count: 2;
  column-gap: var(--column-gap, 1rem);
  width: var(--column-width, fit-content);
}

.column-3 {
  column-count: 3;
  column-gap: var(--column-gap, 1rem);
  width: var(--column-width, fit-content);
}

.column-4 {
  column-count: 4;
  column-gap: var(--column-gap, 1rem);
  width: var(--column-width, fit-content);
}

.column-5 {
  column-count: 5;
  column-gap: var(--column-gap, 1rem);
  width: var(--column-width, fit-content);
}

.column-6 {
  column-count: 6;
  column-gap: var(--column-gap, 1rem);
  width: var(--column-width, fit-content);
}

.column-7 {
  column-count: 7;
  column-gap: var(--column-gap, 1rem);
  width: var(--column-width, fit-content);
}

.column-8 {
  column-count: 8;
  column-gap: var(--column-gap, 1rem);
  width: var(--column-width, fit-content);
}

.column-9 {
  column-count: 9;
  column-gap: var(--column-gap, 1rem);
  width: var(--column-width, fit-content);
}

.column-10 {
  column-count: 10;
  column-gap: var(--column-gap, 1rem);
  width: var(--column-width, fit-content);
}

.column-11 {
  column-count: 11;
  column-gap: var(--column-gap, 1rem);
  width: var(--column-width, fit-content);
}

.column-12 {
  column-count: 12;
  column-gap: var(--column-gap, 1rem);
  width: var(--column-width, fit-content);
}

:where(html) {
  --grid-auto-cols: 20rem;
}

.grid,
[class*=grid-auto-] {
  display: grid;
  grid-gap: var(--grid-gap, 16px);
}

.grid {
  --grid-cols: 12;
  grid-template-columns: repeat(var(--grid-cols), 1fr);
}
.grid > * {
  grid-column-end: span var(--grid-cols);
}
.grid[class*=grid-cols-] > * {
  grid-column-end: auto;
}

.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-auto-xs,
.grid-auto-sm,
.grid-auto-md,
.grid-auto-lg,
.grid-auto-xl {
  grid-template-columns: repeat(auto-fit, minmax(var(--col-min-width), 1fr));
}

.grid-auto-xs {
  --col-min-width: 8rem;
}

.grid-auto-sm {
  --col-min-width: 10rem;
}

.grid-auto-md {
  --col-min-width: 15rem;
}

.grid-auto-lg {
  --col-min-width: 20rem;
}

.grid-auto-xl {
  --col-min-width: 25rem;
}

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

.grid-gap-xxxxs {
  --grid-gap: var(--space-xxxxs, 0.125rem);
}

.grid-gap-xxxs {
  --grid-gap: var(--space-xxxs, 0.25rem);
}

.grid-gap-xxs {
  --grid-gap: var(--space-xxs, 0.375rem);
}

.grid-gap-xs {
  --grid-gap: var(--space-xs, 0.5rem);
}

.grid-gap-sm {
  --grid-gap: var(--space-sm, 0.75rem);
}

.grid-gap-md {
  --grid-gap: var(--space-md, 1.25rem);
}

.grid-gap-lg {
  --grid-gap: var(--space-lg, 2rem);
}

.grid-gap-xl {
  --grid-gap: var(--space-xl, 3.25rem);
}

.grid-gap-xxl {
  --grid-gap: var(--space-xxl, 5.25rem);
}

.grid-gap-xxxl {
  --grid-gap: var(--space-xxxl, 8.5rem);
}

.grid-gap-xxxxl {
  --grid-gap: var(--space-xxxxl, 13.75rem);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 32rem) {
  .xs\:grid-auto-xs {
    --col-min-width: 8rem;
  }
  .xs\:grid-auto-sm {
    --col-min-width: 10rem;
  }
  .xs\:grid-auto-md {
    --col-min-width: 15rem;
  }
  .xs\:grid-auto-lg {
    --col-min-width: 20rem;
  }
  .xs\:grid-auto-xl {
    --col-min-width: 25rem;
  }
  .xs\:grid-auto-cols {
    grid-template-columns: repeat(auto-fit, minmax(var(--grid-auto-cols, 0), 1fr));
  }
  .xs\:col-1 {
    grid-column-end: span 1;
  }
  .xs\:col-start-1 {
    grid-column-start: 1;
  }
  .xs\:col-end-2 {
    grid-column-end: 2;
  }
  .xs\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .xs\:col-2 {
    grid-column-end: span 2;
  }
  .xs\:col-start-2 {
    grid-column-start: 2;
  }
  .xs\:col-end-3 {
    grid-column-end: 3;
  }
  .xs\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .xs\:col-3 {
    grid-column-end: span 3;
  }
  .xs\:col-start-3 {
    grid-column-start: 3;
  }
  .xs\:col-end-4 {
    grid-column-end: 4;
  }
  .xs\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .xs\:col-4 {
    grid-column-end: span 4;
  }
  .xs\:col-start-4 {
    grid-column-start: 4;
  }
  .xs\:col-end-5 {
    grid-column-end: 5;
  }
  .xs\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .xs\:col-5 {
    grid-column-end: span 5;
  }
  .xs\:col-start-5 {
    grid-column-start: 5;
  }
  .xs\:col-end-6 {
    grid-column-end: 6;
  }
  .xs\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .xs\:col-6 {
    grid-column-end: span 6;
  }
  .xs\:col-start-6 {
    grid-column-start: 6;
  }
  .xs\:col-end-7 {
    grid-column-end: 7;
  }
  .xs\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .xs\:col-7 {
    grid-column-end: span 7;
  }
  .xs\:col-start-7 {
    grid-column-start: 7;
  }
  .xs\:col-end-8 {
    grid-column-end: 8;
  }
  .xs\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .xs\:col-8 {
    grid-column-end: span 8;
  }
  .xs\:col-start-8 {
    grid-column-start: 8;
  }
  .xs\:col-end-9 {
    grid-column-end: 9;
  }
  .xs\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .xs\:col-9 {
    grid-column-end: span 9;
  }
  .xs\:col-start-9 {
    grid-column-start: 9;
  }
  .xs\:col-end-10 {
    grid-column-end: 10;
  }
  .xs\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .xs\:col-10 {
    grid-column-end: span 10;
  }
  .xs\:col-start-10 {
    grid-column-start: 10;
  }
  .xs\:col-end-11 {
    grid-column-end: 11;
  }
  .xs\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .xs\:col-11 {
    grid-column-end: span 11;
  }
  .xs\:col-start-11 {
    grid-column-start: 11;
  }
  .xs\:col-end-12 {
    grid-column-end: 12;
  }
  .xs\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .xs\:col-12 {
    grid-column-end: span 12;
  }
  .xs\:col-start-12 {
    grid-column-start: 12;
  }
  .xs\:col-end-13 {
    grid-column-end: 13;
  }
  .xs\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .xs\:col-start-auto {
    grid-column-start: auto;
  }
  .xs\:col-end-auto {
    grid-column-end: auto;
  }
}
@media (min-width: 48rem) {
  .sm\:grid-auto-xs {
    --col-min-width: 8rem;
  }
  .sm\:grid-auto-sm {
    --col-min-width: 10rem;
  }
  .sm\:grid-auto-md {
    --col-min-width: 15rem;
  }
  .sm\:grid-auto-lg {
    --col-min-width: 20rem;
  }
  .sm\:grid-auto-xl {
    --col-min-width: 25rem;
  }
  .sm\:grid-auto-cols {
    grid-template-columns: repeat(auto-fit, minmax(var(--grid-auto-cols, 0), 1fr));
  }
  .sm\:col-1 {
    grid-column-end: span 1;
  }
  .sm\:col-start-1 {
    grid-column-start: 1;
  }
  .sm\:col-end-2 {
    grid-column-end: 2;
  }
  .sm\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .sm\:col-2 {
    grid-column-end: span 2;
  }
  .sm\:col-start-2 {
    grid-column-start: 2;
  }
  .sm\:col-end-3 {
    grid-column-end: 3;
  }
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:col-3 {
    grid-column-end: span 3;
  }
  .sm\:col-start-3 {
    grid-column-start: 3;
  }
  .sm\:col-end-4 {
    grid-column-end: 4;
  }
  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .sm\:col-4 {
    grid-column-end: span 4;
  }
  .sm\:col-start-4 {
    grid-column-start: 4;
  }
  .sm\:col-end-5 {
    grid-column-end: 5;
  }
  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .sm\:col-5 {
    grid-column-end: span 5;
  }
  .sm\:col-start-5 {
    grid-column-start: 5;
  }
  .sm\:col-end-6 {
    grid-column-end: 6;
  }
  .sm\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .sm\:col-6 {
    grid-column-end: span 6;
  }
  .sm\:col-start-6 {
    grid-column-start: 6;
  }
  .sm\:col-end-7 {
    grid-column-end: 7;
  }
  .sm\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .sm\:col-7 {
    grid-column-end: span 7;
  }
  .sm\:col-start-7 {
    grid-column-start: 7;
  }
  .sm\:col-end-8 {
    grid-column-end: 8;
  }
  .sm\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .sm\:col-8 {
    grid-column-end: span 8;
  }
  .sm\:col-start-8 {
    grid-column-start: 8;
  }
  .sm\:col-end-9 {
    grid-column-end: 9;
  }
  .sm\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .sm\:col-9 {
    grid-column-end: span 9;
  }
  .sm\:col-start-9 {
    grid-column-start: 9;
  }
  .sm\:col-end-10 {
    grid-column-end: 10;
  }
  .sm\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .sm\:col-10 {
    grid-column-end: span 10;
  }
  .sm\:col-start-10 {
    grid-column-start: 10;
  }
  .sm\:col-end-11 {
    grid-column-end: 11;
  }
  .sm\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .sm\:col-11 {
    grid-column-end: span 11;
  }
  .sm\:col-start-11 {
    grid-column-start: 11;
  }
  .sm\:col-end-12 {
    grid-column-end: 12;
  }
  .sm\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .sm\:col-12 {
    grid-column-end: span 12;
  }
  .sm\:col-start-12 {
    grid-column-start: 12;
  }
  .sm\:col-end-13 {
    grid-column-end: 13;
  }
  .sm\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .sm\:col-start-auto {
    grid-column-start: auto;
  }
  .sm\:col-end-auto {
    grid-column-end: auto;
  }
}
@media (min-width: 64rem) {
  .md\:grid-auto-xs {
    --col-min-width: 8rem;
  }
  .md\:grid-auto-sm {
    --col-min-width: 10rem;
  }
  .md\:grid-auto-md {
    --col-min-width: 15rem;
  }
  .md\:grid-auto-lg {
    --col-min-width: 20rem;
  }
  .md\:grid-auto-xl {
    --col-min-width: 25rem;
  }
  .md\:grid-auto-cols {
    grid-template-columns: repeat(auto-fit, minmax(var(--grid-auto-cols, 0), 1fr));
  }
  .md\:col-1 {
    grid-column-end: span 1;
  }
  .md\:col-start-1 {
    grid-column-start: 1;
  }
  .md\:col-end-2 {
    grid-column-end: 2;
  }
  .md\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .md\:col-2 {
    grid-column-end: span 2;
  }
  .md\:col-start-2 {
    grid-column-start: 2;
  }
  .md\:col-end-3 {
    grid-column-end: 3;
  }
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:col-3 {
    grid-column-end: span 3;
  }
  .md\:col-start-3 {
    grid-column-start: 3;
  }
  .md\:col-end-4 {
    grid-column-end: 4;
  }
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:col-4 {
    grid-column-end: span 4;
  }
  .md\:col-start-4 {
    grid-column-start: 4;
  }
  .md\:col-end-5 {
    grid-column-end: 5;
  }
  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .md\:col-5 {
    grid-column-end: span 5;
  }
  .md\:col-start-5 {
    grid-column-start: 5;
  }
  .md\:col-end-6 {
    grid-column-end: 6;
  }
  .md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .md\:col-6 {
    grid-column-end: span 6;
  }
  .md\:col-start-6 {
    grid-column-start: 6;
  }
  .md\:col-end-7 {
    grid-column-end: 7;
  }
  .md\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .md\:col-7 {
    grid-column-end: span 7;
  }
  .md\:col-start-7 {
    grid-column-start: 7;
  }
  .md\:col-end-8 {
    grid-column-end: 8;
  }
  .md\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .md\:col-8 {
    grid-column-end: span 8;
  }
  .md\:col-start-8 {
    grid-column-start: 8;
  }
  .md\:col-end-9 {
    grid-column-end: 9;
  }
  .md\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .md\:col-9 {
    grid-column-end: span 9;
  }
  .md\:col-start-9 {
    grid-column-start: 9;
  }
  .md\:col-end-10 {
    grid-column-end: 10;
  }
  .md\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .md\:col-10 {
    grid-column-end: span 10;
  }
  .md\:col-start-10 {
    grid-column-start: 10;
  }
  .md\:col-end-11 {
    grid-column-end: 11;
  }
  .md\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .md\:col-11 {
    grid-column-end: span 11;
  }
  .md\:col-start-11 {
    grid-column-start: 11;
  }
  .md\:col-end-12 {
    grid-column-end: 12;
  }
  .md\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .md\:col-12 {
    grid-column-end: span 12;
  }
  .md\:col-start-12 {
    grid-column-start: 12;
  }
  .md\:col-end-13 {
    grid-column-end: 13;
  }
  .md\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .md\:col-start-auto {
    grid-column-start: auto;
  }
  .md\:col-end-auto {
    grid-column-end: auto;
  }
}
@media (min-width: 80rem) {
  .lg\:grid-auto-xs {
    --col-min-width: 8rem;
  }
  .lg\:grid-auto-sm {
    --col-min-width: 10rem;
  }
  .lg\:grid-auto-md {
    --col-min-width: 15rem;
  }
  .lg\:grid-auto-lg {
    --col-min-width: 20rem;
  }
  .lg\:grid-auto-xl {
    --col-min-width: 25rem;
  }
  .lg\:grid-auto-cols {
    grid-template-columns: repeat(auto-fit, minmax(var(--grid-auto-cols, 0), 1fr));
  }
  .lg\:col-1 {
    grid-column-end: span 1;
  }
  .lg\:col-start-1 {
    grid-column-start: 1;
  }
  .lg\:col-end-2 {
    grid-column-end: 2;
  }
  .lg\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .lg\:col-2 {
    grid-column-end: span 2;
  }
  .lg\:col-start-2 {
    grid-column-start: 2;
  }
  .lg\:col-end-3 {
    grid-column-end: 3;
  }
  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lg\:col-3 {
    grid-column-end: span 3;
  }
  .lg\:col-start-3 {
    grid-column-start: 3;
  }
  .lg\:col-end-4 {
    grid-column-end: 4;
  }
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:col-4 {
    grid-column-end: span 4;
  }
  .lg\:col-start-4 {
    grid-column-start: 4;
  }
  .lg\:col-end-5 {
    grid-column-end: 5;
  }
  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:col-5 {
    grid-column-end: span 5;
  }
  .lg\:col-start-5 {
    grid-column-start: 5;
  }
  .lg\:col-end-6 {
    grid-column-end: 6;
  }
  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .lg\:col-6 {
    grid-column-end: span 6;
  }
  .lg\:col-start-6 {
    grid-column-start: 6;
  }
  .lg\:col-end-7 {
    grid-column-end: 7;
  }
  .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .lg\:col-7 {
    grid-column-end: span 7;
  }
  .lg\:col-start-7 {
    grid-column-start: 7;
  }
  .lg\:col-end-8 {
    grid-column-end: 8;
  }
  .lg\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .lg\:col-8 {
    grid-column-end: span 8;
  }
  .lg\:col-start-8 {
    grid-column-start: 8;
  }
  .lg\:col-end-9 {
    grid-column-end: 9;
  }
  .lg\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .lg\:col-9 {
    grid-column-end: span 9;
  }
  .lg\:col-start-9 {
    grid-column-start: 9;
  }
  .lg\:col-end-10 {
    grid-column-end: 10;
  }
  .lg\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .lg\:col-10 {
    grid-column-end: span 10;
  }
  .lg\:col-start-10 {
    grid-column-start: 10;
  }
  .lg\:col-end-11 {
    grid-column-end: 11;
  }
  .lg\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .lg\:col-11 {
    grid-column-end: span 11;
  }
  .lg\:col-start-11 {
    grid-column-start: 11;
  }
  .lg\:col-end-12 {
    grid-column-end: 12;
  }
  .lg\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .lg\:col-12 {
    grid-column-end: span 12;
  }
  .lg\:col-start-12 {
    grid-column-start: 12;
  }
  .lg\:col-end-13 {
    grid-column-end: 13;
  }
  .lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .lg\:col-start-auto {
    grid-column-start: auto;
  }
  .lg\:col-end-auto {
    grid-column-end: auto;
  }
}
@media (min-width: 90rem) {
  .xl\:grid-auto-xs {
    --col-min-width: 8rem;
  }
  .xl\:grid-auto-sm {
    --col-min-width: 10rem;
  }
  .xl\:grid-auto-md {
    --col-min-width: 15rem;
  }
  .xl\:grid-auto-lg {
    --col-min-width: 20rem;
  }
  .xl\:grid-auto-xl {
    --col-min-width: 25rem;
  }
  .xl\:grid-auto-cols {
    grid-template-columns: repeat(auto-fit, minmax(var(--grid-auto-cols, 0), 1fr));
  }
  .xl\:col-1 {
    grid-column-end: span 1;
  }
  .xl\:col-start-1 {
    grid-column-start: 1;
  }
  .xl\:col-end-2 {
    grid-column-end: 2;
  }
  .xl\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .xl\:col-2 {
    grid-column-end: span 2;
  }
  .xl\:col-start-2 {
    grid-column-start: 2;
  }
  .xl\:col-end-3 {
    grid-column-end: 3;
  }
  .xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .xl\:col-3 {
    grid-column-end: span 3;
  }
  .xl\:col-start-3 {
    grid-column-start: 3;
  }
  .xl\:col-end-4 {
    grid-column-end: 4;
  }
  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .xl\:col-4 {
    grid-column-end: span 4;
  }
  .xl\:col-start-4 {
    grid-column-start: 4;
  }
  .xl\:col-end-5 {
    grid-column-end: 5;
  }
  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .xl\:col-5 {
    grid-column-end: span 5;
  }
  .xl\:col-start-5 {
    grid-column-start: 5;
  }
  .xl\:col-end-6 {
    grid-column-end: 6;
  }
  .xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .xl\:col-6 {
    grid-column-end: span 6;
  }
  .xl\:col-start-6 {
    grid-column-start: 6;
  }
  .xl\:col-end-7 {
    grid-column-end: 7;
  }
  .xl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .xl\:col-7 {
    grid-column-end: span 7;
  }
  .xl\:col-start-7 {
    grid-column-start: 7;
  }
  .xl\:col-end-8 {
    grid-column-end: 8;
  }
  .xl\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .xl\:col-8 {
    grid-column-end: span 8;
  }
  .xl\:col-start-8 {
    grid-column-start: 8;
  }
  .xl\:col-end-9 {
    grid-column-end: 9;
  }
  .xl\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .xl\:col-9 {
    grid-column-end: span 9;
  }
  .xl\:col-start-9 {
    grid-column-start: 9;
  }
  .xl\:col-end-10 {
    grid-column-end: 10;
  }
  .xl\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .xl\:col-10 {
    grid-column-end: span 10;
  }
  .xl\:col-start-10 {
    grid-column-start: 10;
  }
  .xl\:col-end-11 {
    grid-column-end: 11;
  }
  .xl\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .xl\:col-11 {
    grid-column-end: span 11;
  }
  .xl\:col-start-11 {
    grid-column-start: 11;
  }
  .xl\:col-end-12 {
    grid-column-end: 12;
  }
  .xl\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .xl\:col-12 {
    grid-column-end: span 12;
  }
  .xl\:col-start-12 {
    grid-column-start: 12;
  }
  .xl\:col-end-13 {
    grid-column-end: 13;
  }
  .xl\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .xl\:col-start-auto {
    grid-column-start: auto;
  }
  .xl\:col-end-auto {
    grid-column-end: auto;
  }
}
.reel {
  display: flex;
  height: auto;
  max-width: 100%;
  margin-inline: var(--reel-margin-inline, auto);
  padding: var(--reel-padding, 0.5rem);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.reel-item-width-auto {
  --reel-item-width: auto;
}
.reel-space-0 {
  --reel-space: 0;
}
.reel > * {
  flex-basis: var(--reel-item-width, calc(33.333% - var(--reel-space, 1.25rem)));
  flex-shrink: 0;
}
.reel > * + * {
  margin-inline-start: var(--reel-space, 1.25rem);
}
.reel.scrollbar {
  padding-block-end: clamp(1.375rem, 1.2rem + 0.89vw, 2rem);
}
.reel[data-scroll=snap] {
  scroll-snap-type: x mandatory;
}
.reel[data-scroll=snap] > * {
  scroll-snap-align: start;
}

/*
<h2>Reel with scrollbar</h2> 
<div class="reel scrollbar">
  <div>Item</div>
  <div>Item</div>
  <div>Item</div>
  <div>Item</div>
  <div>Item</div>
</div>


<h2>Reel with snap</h2> 
<div class="reel" data-scroll='snap'>
  <div>Item</div>
  <div>Item</div>
  <div>Item</div>
  <div>Item</div>
  <div>Item</div>
</div>
*/
.repel {
  display: flex;
  flex-wrap: var(--repel-wrap, wrap);
  justify-content: space-between;
  align-items: var(--repel-vertical-alignment, center);
  gap: var(--gutter, clamp(1.375rem, 1.2rem + 0.89vw, 1rem));
}

/*
<div class="repel">
  <div>Item 1 repels item 2</div>
  <div>Item 2 repels item 1</div>
  <div>Item 3 repels item 1</div>
</div>
*/
:root {
  --spacing-0: 0px;
  --spacing-px: 1px;
  --spacing-sub-px: 2px;
  --spacing-1: 4px;
  --spacing-sub-1: 6px;
  --spacing-2: 8px;
  --spacing-sub-2: 10px;
  --spacing-3: 12px;
  --spacing-sub-3: 14px;
  --spacing-4: 16px;
  --spacing-sub-4: 18px;
  --spacing-5: 20px;
  --spacing-6: 24px;
  --spacing-7: 28px;
  --spacing-8: 32px;
  --spacing-9: 36px;
  --spacing-10: 40px;
  --spacing-11: 44px;
  --spacing-12: 48px;
  --spacing-14: 56px;
  --spacing-16: 64px;
  --spacing-20: 80px;
  --spacing-24: 96px;
  --spacing-28: 112px;
  --spacing-32: 128px;
  --spacing-full: 100%;
}

/* stack utility start  */
.stack {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-width: var(--stack-min-width, 0);
}
.stack > * {
  margin-block: 0;
}
.stack > * + * {
  margin-block-start: var(--stack-gap, 0.5rem);
}

/* stack utility end */
.stack-grow {
  --stack-gap: auto;
}

.stack-gap-0 {
  --stack-gap: var(--spacing-0);
}

.stack-gap-px {
  --stack-gap: var(--spacing-px);
}

.stack-gap-sub-px {
  --stack-gap: var(--spacing-sub-px);
}

.stack-gap-1 {
  --stack-gap: var(--spacing-1);
}

.stack-gap-sub-1 {
  --stack-gap: var(--spacing-sub-1);
}

.stack-gap-2 {
  --stack-gap: var(--spacing-2);
}

.stack-gap-sub-2 {
  --stack-gap: var(--spacing-sub-2);
}

.stack-gap-3 {
  --stack-gap: var(--spacing-3);
}

.stack-gap-sub-3 {
  --stack-gap: var(--spacing-sub-3);
}

.stack-gap-4 {
  --stack-gap: var(--spacing-4);
}

.stack-gap-sub-4 {
  --stack-gap: var(--spacing-sub-4);
}

.stack-gap-5 {
  --stack-gap: var(--spacing-5);
}

.stack-gap-6 {
  --stack-gap: var(--spacing-6);
}

.stack-gap-7 {
  --stack-gap: var(--spacing-7);
}

.stack-gap-8 {
  --stack-gap: var(--spacing-8);
}

.stack-gap-9 {
  --stack-gap: var(--spacing-9);
}

.stack-gap-10 {
  --stack-gap: var(--spacing-10);
}

.stack-gap-11 {
  --stack-gap: var(--spacing-11);
}

.stack-gap-12 {
  --stack-gap: var(--spacing-12);
}

.stack-gap-14 {
  --stack-gap: var(--spacing-14);
}

.stack-gap-16 {
  --stack-gap: var(--spacing-16);
}

.stack-gap-20 {
  --stack-gap: var(--spacing-20);
}

.stack-gap-24 {
  --stack-gap: var(--spacing-24);
}

.stack-gap-28 {
  --stack-gap: var(--spacing-28);
}

.stack-gap-32 {
  --stack-gap: var(--spacing-32);
}

.stack-gap-max {
  --stack-gap: var(--spacing-max);
}

.stack-gap-full {
  --stack-gap: var(--spacing-full);
}

@media (min-width: 32rem) {
  .xs\:stack-gap-0 {
    gap: var(--spacing-0);
  }
  .xs\:stack-gap-px {
    gap: var(--spacing-px);
  }
  .xs\:stack-gap-sub-px {
    gap: var(--spacing-sub-px);
  }
  .xs\:stack-gap-1 {
    gap: var(--spacing-1);
  }
  .xs\:stack-gap-sub-1 {
    gap: var(--spacing-sub-1);
  }
  .xs\:stack-gap-2 {
    gap: var(--spacing-2);
  }
  .xs\:stack-gap-sub-2 {
    gap: var(--spacing-sub-2);
  }
  .xs\:stack-gap-3 {
    gap: var(--spacing-3);
  }
  .xs\:stack-gap-sub-3 {
    gap: var(--spacing-sub-3);
  }
  .xs\:stack-gap-4 {
    gap: var(--spacing-4);
  }
  .xs\:stack-gap-sub-4 {
    gap: var(--spacing-sub-4);
  }
  .xs\:stack-gap-5 {
    gap: var(--spacing-5);
  }
  .xs\:stack-gap-6 {
    gap: var(--spacing-6);
  }
  .xs\:stack-gap-7 {
    gap: var(--spacing-7);
  }
  .xs\:stack-gap-8 {
    gap: var(--spacing-8);
  }
  .xs\:stack-gap-9 {
    gap: var(--spacing-9);
  }
  .xs\:stack-gap-10 {
    gap: var(--spacing-10);
  }
  .xs\:stack-gap-11 {
    gap: var(--spacing-11);
  }
  .xs\:stack-gap-12 {
    gap: var(--spacing-12);
  }
  .xs\:stack-gap-14 {
    gap: var(--spacing-14);
  }
  .xs\:stack-gap-16 {
    gap: var(--spacing-16);
  }
  .xs\:stack-gap-20 {
    gap: var(--spacing-20);
  }
  .xs\:stack-gap-24 {
    gap: var(--spacing-24);
  }
  .xs\:stack-gap-28 {
    gap: var(--spacing-28);
  }
  .xs\:stack-gap-32 {
    gap: var(--spacing-32);
  }
  .xs\:stack-gap-max {
    gap: var(--spacing-max);
  }
  .xs\:stack-gap-full {
    gap: var(--spacing-full);
  }
}
@media (min-width: 48rem) {
  .sm\:stack-gap-0 {
    gap: var(--spacing-0);
  }
  .sm\:stack-gap-px {
    gap: var(--spacing-px);
  }
  .sm\:stack-gap-sub-px {
    gap: var(--spacing-sub-px);
  }
  .sm\:stack-gap-1 {
    gap: var(--spacing-1);
  }
  .sm\:stack-gap-sub-1 {
    gap: var(--spacing-sub-1);
  }
  .sm\:stack-gap-2 {
    gap: var(--spacing-2);
  }
  .sm\:stack-gap-sub-2 {
    gap: var(--spacing-sub-2);
  }
  .sm\:stack-gap-3 {
    gap: var(--spacing-3);
  }
  .sm\:stack-gap-sub-3 {
    gap: var(--spacing-sub-3);
  }
  .sm\:stack-gap-4 {
    gap: var(--spacing-4);
  }
  .sm\:stack-gap-sub-4 {
    gap: var(--spacing-sub-4);
  }
  .sm\:stack-gap-5 {
    gap: var(--spacing-5);
  }
  .sm\:stack-gap-6 {
    gap: var(--spacing-6);
  }
  .sm\:stack-gap-7 {
    gap: var(--spacing-7);
  }
  .sm\:stack-gap-8 {
    gap: var(--spacing-8);
  }
  .sm\:stack-gap-9 {
    gap: var(--spacing-9);
  }
  .sm\:stack-gap-10 {
    gap: var(--spacing-10);
  }
  .sm\:stack-gap-11 {
    gap: var(--spacing-11);
  }
  .sm\:stack-gap-12 {
    gap: var(--spacing-12);
  }
  .sm\:stack-gap-14 {
    gap: var(--spacing-14);
  }
  .sm\:stack-gap-16 {
    gap: var(--spacing-16);
  }
  .sm\:stack-gap-20 {
    gap: var(--spacing-20);
  }
  .sm\:stack-gap-24 {
    gap: var(--spacing-24);
  }
  .sm\:stack-gap-28 {
    gap: var(--spacing-28);
  }
  .sm\:stack-gap-32 {
    gap: var(--spacing-32);
  }
  .sm\:stack-gap-max {
    gap: var(--spacing-max);
  }
  .sm\:stack-gap-full {
    gap: var(--spacing-full);
  }
}
@media (min-width: 64rem) {
  .md\:stack-gap-0 {
    gap: var(--spacing-0);
  }
  .md\:stack-gap-px {
    gap: var(--spacing-px);
  }
  .md\:stack-gap-sub-px {
    gap: var(--spacing-sub-px);
  }
  .md\:stack-gap-1 {
    gap: var(--spacing-1);
  }
  .md\:stack-gap-sub-1 {
    gap: var(--spacing-sub-1);
  }
  .md\:stack-gap-2 {
    gap: var(--spacing-2);
  }
  .md\:stack-gap-sub-2 {
    gap: var(--spacing-sub-2);
  }
  .md\:stack-gap-3 {
    gap: var(--spacing-3);
  }
  .md\:stack-gap-sub-3 {
    gap: var(--spacing-sub-3);
  }
  .md\:stack-gap-4 {
    gap: var(--spacing-4);
  }
  .md\:stack-gap-sub-4 {
    gap: var(--spacing-sub-4);
  }
  .md\:stack-gap-5 {
    gap: var(--spacing-5);
  }
  .md\:stack-gap-6 {
    gap: var(--spacing-6);
  }
  .md\:stack-gap-7 {
    gap: var(--spacing-7);
  }
  .md\:stack-gap-8 {
    gap: var(--spacing-8);
  }
  .md\:stack-gap-9 {
    gap: var(--spacing-9);
  }
  .md\:stack-gap-10 {
    gap: var(--spacing-10);
  }
  .md\:stack-gap-11 {
    gap: var(--spacing-11);
  }
  .md\:stack-gap-12 {
    gap: var(--spacing-12);
  }
  .md\:stack-gap-14 {
    gap: var(--spacing-14);
  }
  .md\:stack-gap-16 {
    gap: var(--spacing-16);
  }
  .md\:stack-gap-20 {
    gap: var(--spacing-20);
  }
  .md\:stack-gap-24 {
    gap: var(--spacing-24);
  }
  .md\:stack-gap-28 {
    gap: var(--spacing-28);
  }
  .md\:stack-gap-32 {
    gap: var(--spacing-32);
  }
  .md\:stack-gap-max {
    gap: var(--spacing-max);
  }
  .md\:stack-gap-full {
    gap: var(--spacing-full);
  }
}
@media (min-width: 80rem) {
  .lg\:stack-gap-0 {
    gap: var(--spacing-0);
  }
  .lg\:stack-gap-px {
    gap: var(--spacing-px);
  }
  .lg\:stack-gap-sub-px {
    gap: var(--spacing-sub-px);
  }
  .lg\:stack-gap-1 {
    gap: var(--spacing-1);
  }
  .lg\:stack-gap-sub-1 {
    gap: var(--spacing-sub-1);
  }
  .lg\:stack-gap-2 {
    gap: var(--spacing-2);
  }
  .lg\:stack-gap-sub-2 {
    gap: var(--spacing-sub-2);
  }
  .lg\:stack-gap-3 {
    gap: var(--spacing-3);
  }
  .lg\:stack-gap-sub-3 {
    gap: var(--spacing-sub-3);
  }
  .lg\:stack-gap-4 {
    gap: var(--spacing-4);
  }
  .lg\:stack-gap-sub-4 {
    gap: var(--spacing-sub-4);
  }
  .lg\:stack-gap-5 {
    gap: var(--spacing-5);
  }
  .lg\:stack-gap-6 {
    gap: var(--spacing-6);
  }
  .lg\:stack-gap-7 {
    gap: var(--spacing-7);
  }
  .lg\:stack-gap-8 {
    gap: var(--spacing-8);
  }
  .lg\:stack-gap-9 {
    gap: var(--spacing-9);
  }
  .lg\:stack-gap-10 {
    gap: var(--spacing-10);
  }
  .lg\:stack-gap-11 {
    gap: var(--spacing-11);
  }
  .lg\:stack-gap-12 {
    gap: var(--spacing-12);
  }
  .lg\:stack-gap-14 {
    gap: var(--spacing-14);
  }
  .lg\:stack-gap-16 {
    gap: var(--spacing-16);
  }
  .lg\:stack-gap-20 {
    gap: var(--spacing-20);
  }
  .lg\:stack-gap-24 {
    gap: var(--spacing-24);
  }
  .lg\:stack-gap-28 {
    gap: var(--spacing-28);
  }
  .lg\:stack-gap-32 {
    gap: var(--spacing-32);
  }
  .lg\:stack-gap-max {
    gap: var(--spacing-max);
  }
  .lg\:stack-gap-full {
    gap: var(--spacing-full);
  }
}
@media (min-width: 90rem) {
  .xl\:stack-gap-0 {
    gap: var(--spacing-0);
  }
  .xl\:stack-gap-px {
    gap: var(--spacing-px);
  }
  .xl\:stack-gap-sub-px {
    gap: var(--spacing-sub-px);
  }
  .xl\:stack-gap-1 {
    gap: var(--spacing-1);
  }
  .xl\:stack-gap-sub-1 {
    gap: var(--spacing-sub-1);
  }
  .xl\:stack-gap-2 {
    gap: var(--spacing-2);
  }
  .xl\:stack-gap-sub-2 {
    gap: var(--spacing-sub-2);
  }
  .xl\:stack-gap-3 {
    gap: var(--spacing-3);
  }
  .xl\:stack-gap-sub-3 {
    gap: var(--spacing-sub-3);
  }
  .xl\:stack-gap-4 {
    gap: var(--spacing-4);
  }
  .xl\:stack-gap-sub-4 {
    gap: var(--spacing-sub-4);
  }
  .xl\:stack-gap-5 {
    gap: var(--spacing-5);
  }
  .xl\:stack-gap-6 {
    gap: var(--spacing-6);
  }
  .xl\:stack-gap-7 {
    gap: var(--spacing-7);
  }
  .xl\:stack-gap-8 {
    gap: var(--spacing-8);
  }
  .xl\:stack-gap-9 {
    gap: var(--spacing-9);
  }
  .xl\:stack-gap-10 {
    gap: var(--spacing-10);
  }
  .xl\:stack-gap-11 {
    gap: var(--spacing-11);
  }
  .xl\:stack-gap-12 {
    gap: var(--spacing-12);
  }
  .xl\:stack-gap-14 {
    gap: var(--spacing-14);
  }
  .xl\:stack-gap-16 {
    gap: var(--spacing-16);
  }
  .xl\:stack-gap-20 {
    gap: var(--spacing-20);
  }
  .xl\:stack-gap-24 {
    gap: var(--spacing-24);
  }
  .xl\:stack-gap-28 {
    gap: var(--spacing-28);
  }
  .xl\:stack-gap-32 {
    gap: var(--spacing-32);
  }
  .xl\:stack-gap-max {
    gap: var(--spacing-max);
  }
  .xl\:stack-gap-full {
    gap: var(--spacing-full);
  }
}
.click-area {
  position: relative;
}

.click-area a {
  cursor: pointer;
}
.click-area a::after {
  position: absolute;
  inset: 0;
  content: "";
}

.disabled {
  pointer-events: none;
  opacity: var(--opacity-30);
}

.cursor-auto {
  --label-cursor: auto;
  cursor: auto;
}
.cursor-default {
  --label-cursor: default;
  cursor: default;
}
.cursor-pointer {
  --label-cursor: pointer;
  cursor: pointer;
}
.cursor-wait {
  --label-cursor: wait;
  cursor: wait;
}
.cursor-text {
  --label-cursor: text;
  cursor: text;
}
.cursor-not-allowed {
  --label-cursor: not-allowed;
  cursor: not-allowed;
}
.cursor-grab {
  --label-cursor: grab;
  cursor: grab;
}
.cursor-grabbing {
  --label-cursor: grabbing;
  cursor: grabbing;
}

.flow-root {
  display: flow-root;
}

@media (min-width: 32rem) {
  .xs\:flow-root {
    display: flow-root;
  }
}
@media (min-width: 48rem) {
  .sm\:flow-root {
    display: flow-root;
  }
}
@media (min-width: 64rem) {
  .md\:flow-root {
    display: flow-root;
  }
}
@media (min-width: 80rem) {
  .lg\:flow-root {
    display: flow-root;
  }
}
@media (min-width: 90rem) {
  .xl\:flow-root {
    display: flow-root;
  }
}
.hidden {
  display: none;
}

@media (min-width: 32rem) {
  .xs\:hidden {
    display: none;
  }
}
@media (min-width: 48rem) {
  .sm\:hidden {
    display: none;
  }
}
@media (min-width: 64rem) {
  .md\:hidden {
    display: none;
  }
}
@media (min-width: 80rem) {
  .lg\:hidden {
    display: none;
  }
}
@media (min-width: 90rem) {
  .xl\:hidden {
    display: none;
  }
}
.visible {
  display: block;
}

@media (min-width: 32rem) {
  .xs\:visible {
    display: block;
  }
}
@media (min-width: 48rem) {
  .sm\:visible {
    display: block;
  }
}
@media (min-width: 64rem) {
  .md\:visible {
    display: block;
  }
}
@media (min-width: 80rem) {
  .lg\:visible {
    display: block;
  }
}
@media (min-width: 90rem) {
  .xl\:visible {
    display: block;
  }
}
.inline {
  display: inline;
}

@media (min-width: 32rem) {
  .xs\:inline {
    display: inline;
  }
}
@media (min-width: 48rem) {
  .sm\:inline {
    display: inline;
  }
}
@media (min-width: 64rem) {
  .md\:inline {
    display: inline;
  }
}
@media (min-width: 80rem) {
  .lg\:inline {
    display: inline;
  }
}
@media (min-width: 90rem) {
  .xl\:inline {
    display: inline;
  }
}
.inline-block {
  display: inline-block;
}

@media (min-width: 32rem) {
  .xs\:inline-block {
    display: inline-block;
  }
}
@media (min-width: 48rem) {
  .sm\:inline-block {
    display: inline-block;
  }
}
@media (min-width: 64rem) {
  .md\:inline-block {
    display: inline-block;
  }
}
@media (min-width: 80rem) {
  .lg\:inline-block {
    display: inline-block;
  }
}
@media (min-width: 90rem) {
  .xl\:inline-block {
    display: inline-block;
  }
}
.block {
  display: block;
}

@media (min-width: 32rem) {
  .xs\:block {
    display: block;
  }
}
@media (min-width: 48rem) {
  .sm\:block {
    display: block;
  }
}
@media (min-width: 64rem) {
  .md\:block {
    display: block;
  }
}
@media (min-width: 80rem) {
  .lg\:block {
    display: block;
  }
}
@media (min-width: 90rem) {
  .xl\:block {
    display: block;
  }
}
.inline-flex {
  display: inline-flex;
}

@media (min-width: 32rem) {
  .xs\:inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 48rem) {
  .sm\:inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 64rem) {
  .md\:inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 80rem) {
  .lg\:inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 90rem) {
  .xl\:inline-flex {
    display: inline-flex;
  }
}
.flex {
  display: flex;
}

@media (min-width: 32rem) {
  .xs\:flex {
    display: flex;
  }
}
@media (min-width: 48rem) {
  .sm\:flex {
    display: flex;
  }
}
@media (min-width: 64rem) {
  .md\:flex {
    display: flex;
  }
}
@media (min-width: 80rem) {
  .lg\:flex {
    display: flex;
  }
}
@media (min-width: 90rem) {
  .xl\:flex {
    display: flex;
  }
}
.inline-grid {
  display: inline-grid;
}

@media (min-width: 32rem) {
  .xs\:inline-grid {
    display: inline-grid;
  }
}
@media (min-width: 48rem) {
  .sm\:inline-grid {
    display: inline-grid;
  }
}
@media (min-width: 64rem) {
  .md\:inline-grid {
    display: inline-grid;
  }
}
@media (min-width: 80rem) {
  .lg\:inline-grid {
    display: inline-grid;
  }
}
@media (min-width: 90rem) {
  .xl\:inline-grid {
    display: inline-grid;
  }
}
.grid {
  display: grid;
}

@media (min-width: 32rem) {
  .xs\:grid {
    display: grid;
  }
}
@media (min-width: 48rem) {
  .sm\:grid {
    display: grid;
  }
}
@media (min-width: 64rem) {
  .md\:grid {
    display: grid;
  }
}
@media (min-width: 80rem) {
  .lg\:grid {
    display: grid;
  }
}
@media (min-width: 90rem) {
  .xl\:grid {
    display: grid;
  }
}
.list-item {
  display: list-item;
}

@media (min-width: 32rem) {
  .xs\:list-item {
    display: list-item;
  }
}
@media (min-width: 48rem) {
  .sm\:list-item {
    display: list-item;
  }
}
@media (min-width: 64rem) {
  .md\:list-item {
    display: list-item;
  }
}
@media (min-width: 80rem) {
  .lg\:list-item {
    display: list-item;
  }
}
@media (min-width: 90rem) {
  .xl\:list-item {
    display: list-item;
  }
}
.inline-table {
  display: inline-table;
}

@media (min-width: 32rem) {
  .xs\:inline-table {
    display: inline-table;
  }
}
@media (min-width: 48rem) {
  .sm\:inline-table {
    display: inline-table;
  }
}
@media (min-width: 64rem) {
  .md\:inline-table {
    display: inline-table;
  }
}
@media (min-width: 80rem) {
  .lg\:inline-table {
    display: inline-table;
  }
}
@media (min-width: 90rem) {
  .xl\:inline-table {
    display: inline-table;
  }
}
.table-caption {
  display: table-caption;
}

@media (min-width: 32rem) {
  .xs\:table-caption {
    display: table-caption;
  }
}
@media (min-width: 48rem) {
  .sm\:table-caption {
    display: table-caption;
  }
}
@media (min-width: 64rem) {
  .md\:table-caption {
    display: table-caption;
  }
}
@media (min-width: 80rem) {
  .lg\:table-caption {
    display: table-caption;
  }
}
@media (min-width: 90rem) {
  .xl\:table-caption {
    display: table-caption;
  }
}
.table-cell {
  display: table-cell;
}

@media (min-width: 32rem) {
  .xs\:table-cell {
    display: table-cell;
  }
}
@media (min-width: 48rem) {
  .sm\:table-cell {
    display: table-cell;
  }
}
@media (min-width: 64rem) {
  .md\:table-cell {
    display: table-cell;
  }
}
@media (min-width: 80rem) {
  .lg\:table-cell {
    display: table-cell;
  }
}
@media (min-width: 90rem) {
  .xl\:table-cell {
    display: table-cell;
  }
}
.table-column {
  display: table-column;
}

@media (min-width: 32rem) {
  .xs\:table-column {
    display: table-column;
  }
}
@media (min-width: 48rem) {
  .sm\:table-column {
    display: table-column;
  }
}
@media (min-width: 64rem) {
  .md\:table-column {
    display: table-column;
  }
}
@media (min-width: 80rem) {
  .lg\:table-column {
    display: table-column;
  }
}
@media (min-width: 90rem) {
  .xl\:table-column {
    display: table-column;
  }
}
.table-column-group {
  display: table-column-group;
}

@media (min-width: 32rem) {
  .xs\:table-column-group {
    display: table-column-group;
  }
}
@media (min-width: 48rem) {
  .sm\:table-column-group {
    display: table-column-group;
  }
}
@media (min-width: 64rem) {
  .md\:table-column-group {
    display: table-column-group;
  }
}
@media (min-width: 80rem) {
  .lg\:table-column-group {
    display: table-column-group;
  }
}
@media (min-width: 90rem) {
  .xl\:table-column-group {
    display: table-column-group;
  }
}
.table-footer-group {
  display: table-footer-group;
}

@media (min-width: 32rem) {
  .xs\:table-footer-group {
    display: table-footer-group;
  }
}
@media (min-width: 48rem) {
  .sm\:table-footer-group {
    display: table-footer-group;
  }
}
@media (min-width: 64rem) {
  .md\:table-footer-group {
    display: table-footer-group;
  }
}
@media (min-width: 80rem) {
  .lg\:table-footer-group {
    display: table-footer-group;
  }
}
@media (min-width: 90rem) {
  .xl\:table-footer-group {
    display: table-footer-group;
  }
}
.table-header-group {
  display: table-header-group;
}

@media (min-width: 32rem) {
  .xs\:table-header-group {
    display: table-header-group;
  }
}
@media (min-width: 48rem) {
  .sm\:table-header-group {
    display: table-header-group;
  }
}
@media (min-width: 64rem) {
  .md\:table-header-group {
    display: table-header-group;
  }
}
@media (min-width: 80rem) {
  .lg\:table-header-group {
    display: table-header-group;
  }
}
@media (min-width: 90rem) {
  .xl\:table-header-group {
    display: table-header-group;
  }
}
.table-row-group {
  display: table-row-group;
}

@media (min-width: 32rem) {
  .xs\:table-row-group {
    display: table-row-group;
  }
}
@media (min-width: 48rem) {
  .sm\:table-row-group {
    display: table-row-group;
  }
}
@media (min-width: 64rem) {
  .md\:table-row-group {
    display: table-row-group;
  }
}
@media (min-width: 80rem) {
  .lg\:table-row-group {
    display: table-row-group;
  }
}
@media (min-width: 90rem) {
  .xl\:table-row-group {
    display: table-row-group;
  }
}
.table-row {
  display: table-row;
}

@media (min-width: 32rem) {
  .xs\:table-row {
    display: table-row;
  }
}
@media (min-width: 48rem) {
  .sm\:table-row {
    display: table-row;
  }
}
@media (min-width: 64rem) {
  .md\:table-row {
    display: table-row;
  }
}
@media (min-width: 80rem) {
  .lg\:table-row {
    display: table-row;
  }
}
@media (min-width: 90rem) {
  .xl\:table-row {
    display: table-row;
  }
}
.table {
  display: table;
}

@media (min-width: 32rem) {
  .xs\:table {
    display: table;
  }
}
@media (min-width: 48rem) {
  .sm\:table {
    display: table;
  }
}
@media (min-width: 64rem) {
  .md\:table {
    display: table;
  }
}
@media (min-width: 80rem) {
  .lg\:table {
    display: table;
  }
}
@media (min-width: 90rem) {
  .xl\:table {
    display: table;
  }
}
.contents {
  display: contents;
}

@media (min-width: 32rem) {
  .xs\:contents {
    display: contents;
  }
}
@media (min-width: 48rem) {
  .sm\:contents {
    display: contents;
  }
}
@media (min-width: 64rem) {
  .md\:contents {
    display: contents;
  }
}
@media (min-width: 80rem) {
  .lg\:contents {
    display: contents;
  }
}
@media (min-width: 90rem) {
  .xl\:contents {
    display: contents;
  }
}
.text__ellipsis,
.text__truncate {
  --label-display: flow-root;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: var(--_white-space, nowrap);
  display: var(--label-display, flow-root);
}
.text__ellipsis__multiline,
.text__truncate__multiline {
  --_white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: var(--_line-clamp, 2);
  -webkit-box-orient: var(--_box-orient, vertical);
}

.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-col-reverse {
  display: flex;
  flex-direction: column-reverse;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.flex-row-reverse {
  display: flex;
  flex-direction: row-reverse;
}
.flex-grow {
  flex-grow: 1;
}
.flex-grow-1 {
  flex-grow: 1;
}
.flex-grow-0 {
  flex-grow: 0;
}
.flex-fill {
  flex: 1 1 auto;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-1 {
  flex-shrink: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}

.justify-content-start {
  justify-content: flex-start;
}
.justify-content-start:is(.cluster) {
  --cluster-horizontal-alignment: flex-start;
}
.justify-content-end {
  justify-content: flex-end;
}
.justify-content-end:is(.cluster) {
  --cluster-horizontal-alignment: flex-end;
}
.justify-content-center {
  justify-content: center;
}
.justify-content-center:is(.cluster) {
  --cluster-horizontal-alignment: center;
}
.justify-content-between {
  justify-content: space-between;
}
.justify-content-between:is(.cluster) {
  --cluster-horizontal-alignment: space-between;
}
.justify-content-around {
  justify-content: space-around;
}
.justify-content-around:is(.cluster) {
  --cluster-horizontal-alignment: space-around;
}
.justify-content-evenly {
  justify-content: space-evenly;
}
.justify-content-evenly:is(.cluster) {
  --cluster-horizontal-alignment: space-evenly;
}
.justify-items-start {
  justify-items: flex-start;
}
.justify-items-end {
  justify-items: flex-end;
}
.justify-items-center {
  justify-items: center;
}
.justify-items-stretch {
  justify-items: stretch;
}
.justify-self-auto {
  justify-self: auto;
}
.justify-self-start {
  justify-self: start;
}
.justify-self-end {
  justify-self: end;
}
.justify-self-center {
  justify-self: center;
}
.justify-self-stretch {
  justify-self: stretch;
}

.align-content-center {
  align-content: center;
}
.align-content-start {
  align-content: flex-start;
}
.align-content-end {
  align-content: flex-end;
}
.align-content-between {
  align-content: space-between;
}
.align-content-around {
  align-content: space-around;
}
.align-content-evenly {
  align-content: space-evenly;
}
.align-content-baseline {
  align-content: space-evenly;
}
.align-items-start {
  align-items: flex-start;
}
.align-items-start:is(.repel, .cluster) {
  --cluster-vertical-alignment: flex-start;
  --repel-vertical-alignment: flex-start;
}
.align-items-end {
  align-items: flex-end;
}
.align-items-end:is(.repel, .cluster) {
  --cluster-vertical-alignment: flex-end;
  --repel-vertical-alignment: flex-end;
}
.align-items-center {
  align-items: center;
}
.align-items-center:is(.repel, .cluster) {
  --cluster-vertical-alignment: center;
  --repel-vertical-alignment: center;
}
.align-items-baseline {
  align-items: baseline;
}
.align-items-baseline:is(.repel, .cluster) {
  --cluster-vertical-alignment: baseline;
  --repel-vertical-alignment: baseline;
}
.align-items-stretch {
  align-items: stretch;
}
.align-items-stretch:is(.repel, .cluster) {
  --cluster-vertical-alignment: stretch;
  --repel-vertical-alignment: stretch;
}
.align-self-auto {
  align-self: auto;
}
.align-self-start {
  align-self: flex-start;
}
.align-self-end {
  align-self: flex-end;
}
.align-self-center {
  align-self: center;
}
.align-self-baseline {
  align-self: baseline;
}
.align-self-stretch {
  align-self: stretch;
}

.place-content-start {
  place-content: flex-start;
}
.place-content-end {
  place-content: flex-end;
}
.place-content-center {
  place-content: center;
}
.place-content-between {
  place-content: space-between;
}
.place-content-around {
  place-content: space-around;
}
.place-content-evenly {
  place-content: space-evenly;
}
.place-content-baseline {
  place-content: baseline;
}
.place-content-stretch {
  place-content: stretch;
}
.place-items-start {
  place-items: flex-start;
}
.place-items-end {
  place-items: flex-end;
}
.place-items-center {
  place-items: center;
}
.place-items-baseline {
  place-items: baseline;
}
.place-items-stretch {
  place-items: stretch;
}
.place-self-auto {
  place-self: auto;
}
.place-self-start {
  place-self: flex-start;
}
.place-self-end {
  place-self: flex-end;
}
.place-self-center {
  place-self: center;
}
.place-self-stretch {
  place-self: stretch;
}

.flex-basis-10 {
  flex-basis: 10%;
  width: 10%;
}

.flex-basis-15 {
  flex-basis: 15%;
  width: 15%;
}

.flex-basis-20 {
  flex-basis: 20%;
  width: 20%;
}

.flex-basis-25 {
  flex-basis: 25%;
  width: 25%;
}

.flex-basis-30 {
  flex-basis: 30%;
  width: 30%;
}

.flex-basis-35 {
  flex-basis: 35%;
  width: 35%;
}

.flex-basis-40 {
  flex-basis: 40%;
  width: 40%;
}

.flex-basis-45 {
  flex-basis: 45%;
  width: 45%;
}

.flex-basis-50 {
  flex-basis: 50%;
  width: 50%;
}

.flex-basis-55 {
  flex-basis: 55%;
  width: 55%;
}

.flex-basis-60 {
  flex-basis: 60%;
  width: 60%;
}

.flex-basis-65 {
  flex-basis: 65%;
  width: 65%;
}

.flex-basis-70 {
  flex-basis: 70%;
  width: 70%;
}

.flex-basis-75 {
  flex-basis: 75%;
  width: 75%;
}

.flex-basis-80 {
  flex-basis: 80%;
  width: 80%;
}

.flex-basis-85 {
  flex-basis: 85%;
  width: 85%;
}

.flex-basis-90 {
  flex-basis: 90%;
  width: 90%;
}

.flex-basis-95 {
  flex-basis: 95%;
  width: 95%;
}

.flex-basis-100 {
  flex-basis: 100%;
  width: 100%;
}

.flex-basis-120 {
  flex-basis: 120px;
}

.flex-basis-auto {
  flex-basis: auto;
}

.flow > * + * {
  margin-block-start: var(--flow-space, 1rem);
}

.flow > :where(:not(:first-child)) {
  margin-block-start: var(--flow-space, 1em);
}

.flow-1 {
  --flow-space: var(--spacing-1);
}
.flow-2 {
  --flow-space: var(--spacing-2);
}
.flow-3 {
  --flow-space: var(--spacing-3);
}
.flow-4 {
  --flow-space: var(--spacing-4);
}
.flow-5 {
  --flow-space: var(--spacing-5);
}
.flow-6 {
  --flow-space: var(--spacing-6);
}
.flow-7 {
  --flow-space: var(--spacing-7);
}
.flow-8 {
  --flow-space: var(--spacing-8);
}

.gap-0 {
  gap: var(--spacing-0);
}
.gap-x-0 {
  column-gap: var(--spacing-0);
}
.gap-y-0 {
  row-gap: var(--spacing-0);
}

.gap-px {
  gap: var(--spacing-px);
}
.gap-x-px {
  column-gap: var(--spacing-px);
}
.gap-y-px {
  row-gap: var(--spacing-px);
}

.gap-sub-px {
  gap: var(--spacing-sub-px);
}
.gap-x-sub-px {
  column-gap: var(--spacing-sub-px);
}
.gap-y-sub-px {
  row-gap: var(--spacing-sub-px);
}

.gap-1 {
  gap: var(--spacing-1);
}
.gap-x-1 {
  column-gap: var(--spacing-1);
}
.gap-y-1 {
  row-gap: var(--spacing-1);
}

.gap-sub-1 {
  gap: var(--spacing-sub-1);
}
.gap-x-sub-1 {
  column-gap: var(--spacing-sub-1);
}
.gap-y-sub-1 {
  row-gap: var(--spacing-sub-1);
}

.gap-2 {
  gap: var(--spacing-2);
}
.gap-x-2 {
  column-gap: var(--spacing-2);
}
.gap-y-2 {
  row-gap: var(--spacing-2);
}

.gap-sub-2 {
  gap: var(--spacing-sub-2);
}
.gap-x-sub-2 {
  column-gap: var(--spacing-sub-2);
}
.gap-y-sub-2 {
  row-gap: var(--spacing-sub-2);
}

.gap-3 {
  gap: var(--spacing-3);
}
.gap-x-3 {
  column-gap: var(--spacing-3);
}
.gap-y-3 {
  row-gap: var(--spacing-3);
}

.gap-sub-3 {
  gap: var(--spacing-sub-3);
}
.gap-x-sub-3 {
  column-gap: var(--spacing-sub-3);
}
.gap-y-sub-3 {
  row-gap: var(--spacing-sub-3);
}

.gap-4 {
  gap: var(--spacing-4);
}
.gap-x-4 {
  column-gap: var(--spacing-4);
}
.gap-y-4 {
  row-gap: var(--spacing-4);
}

.gap-sub-4 {
  gap: var(--spacing-sub-4);
}
.gap-x-sub-4 {
  column-gap: var(--spacing-sub-4);
}
.gap-y-sub-4 {
  row-gap: var(--spacing-sub-4);
}

.gap-5 {
  gap: var(--spacing-5);
}
.gap-x-5 {
  column-gap: var(--spacing-5);
}
.gap-y-5 {
  row-gap: var(--spacing-5);
}

.gap-6 {
  gap: var(--spacing-6);
}
.gap-x-6 {
  column-gap: var(--spacing-6);
}
.gap-y-6 {
  row-gap: var(--spacing-6);
}

.gap-7 {
  gap: var(--spacing-7);
}
.gap-x-7 {
  column-gap: var(--spacing-7);
}
.gap-y-7 {
  row-gap: var(--spacing-7);
}

.gap-8 {
  gap: var(--spacing-8);
}
.gap-x-8 {
  column-gap: var(--spacing-8);
}
.gap-y-8 {
  row-gap: var(--spacing-8);
}

.gap-9 {
  gap: var(--spacing-9);
}
.gap-x-9 {
  column-gap: var(--spacing-9);
}
.gap-y-9 {
  row-gap: var(--spacing-9);
}

.gap-10 {
  gap: var(--spacing-10);
}
.gap-x-10 {
  column-gap: var(--spacing-10);
}
.gap-y-10 {
  row-gap: var(--spacing-10);
}

.gap-11 {
  gap: var(--spacing-11);
}
.gap-x-11 {
  column-gap: var(--spacing-11);
}
.gap-y-11 {
  row-gap: var(--spacing-11);
}

.gap-12 {
  gap: var(--spacing-12);
}
.gap-x-12 {
  column-gap: var(--spacing-12);
}
.gap-y-12 {
  row-gap: var(--spacing-12);
}

.gap-14 {
  gap: var(--spacing-14);
}
.gap-x-14 {
  column-gap: var(--spacing-14);
}
.gap-y-14 {
  row-gap: var(--spacing-14);
}

.gap-16 {
  gap: var(--spacing-16);
}
.gap-x-16 {
  column-gap: var(--spacing-16);
}
.gap-y-16 {
  row-gap: var(--spacing-16);
}

.gap-20 {
  gap: var(--spacing-20);
}
.gap-x-20 {
  column-gap: var(--spacing-20);
}
.gap-y-20 {
  row-gap: var(--spacing-20);
}

.gap-24 {
  gap: var(--spacing-24);
}
.gap-x-24 {
  column-gap: var(--spacing-24);
}
.gap-y-24 {
  row-gap: var(--spacing-24);
}

.gap-28 {
  gap: var(--spacing-28);
}
.gap-x-28 {
  column-gap: var(--spacing-28);
}
.gap-y-28 {
  row-gap: var(--spacing-28);
}

.gap-32 {
  gap: var(--spacing-32);
}
.gap-x-32 {
  column-gap: var(--spacing-32);
}
.gap-y-32 {
  row-gap: var(--spacing-32);
}

.gap-max {
  gap: var(--spacing-max);
}
.gap-x-max {
  column-gap: var(--spacing-max);
}
.gap-y-max {
  row-gap: var(--spacing-max);
}

.gap-full {
  gap: var(--spacing-full);
}
.gap-x-full {
  column-gap: var(--spacing-full);
}
.gap-y-full {
  row-gap: var(--spacing-full);
}

@media (min-width: 32rem) {
  .xs\:gap-0 {
    gap: var(--spacing-0);
  }
  .xs\:gap-x-0 {
    column-gap: var(--spacing-0);
  }
  .xs\:gap-y-0 {
    row-gap: var(--spacing-0);
  }
  .xs\:gap-px {
    gap: var(--spacing-px);
  }
  .xs\:gap-x-px {
    column-gap: var(--spacing-px);
  }
  .xs\:gap-y-px {
    row-gap: var(--spacing-px);
  }
  .xs\:gap-sub-px {
    gap: var(--spacing-sub-px);
  }
  .xs\:gap-x-sub-px {
    column-gap: var(--spacing-sub-px);
  }
  .xs\:gap-y-sub-px {
    row-gap: var(--spacing-sub-px);
  }
  .xs\:gap-1 {
    gap: var(--spacing-1);
  }
  .xs\:gap-x-1 {
    column-gap: var(--spacing-1);
  }
  .xs\:gap-y-1 {
    row-gap: var(--spacing-1);
  }
  .xs\:gap-sub-1 {
    gap: var(--spacing-sub-1);
  }
  .xs\:gap-x-sub-1 {
    column-gap: var(--spacing-sub-1);
  }
  .xs\:gap-y-sub-1 {
    row-gap: var(--spacing-sub-1);
  }
  .xs\:gap-2 {
    gap: var(--spacing-2);
  }
  .xs\:gap-x-2 {
    column-gap: var(--spacing-2);
  }
  .xs\:gap-y-2 {
    row-gap: var(--spacing-2);
  }
  .xs\:gap-sub-2 {
    gap: var(--spacing-sub-2);
  }
  .xs\:gap-x-sub-2 {
    column-gap: var(--spacing-sub-2);
  }
  .xs\:gap-y-sub-2 {
    row-gap: var(--spacing-sub-2);
  }
  .xs\:gap-3 {
    gap: var(--spacing-3);
  }
  .xs\:gap-x-3 {
    column-gap: var(--spacing-3);
  }
  .xs\:gap-y-3 {
    row-gap: var(--spacing-3);
  }
  .xs\:gap-sub-3 {
    gap: var(--spacing-sub-3);
  }
  .xs\:gap-x-sub-3 {
    column-gap: var(--spacing-sub-3);
  }
  .xs\:gap-y-sub-3 {
    row-gap: var(--spacing-sub-3);
  }
  .xs\:gap-4 {
    gap: var(--spacing-4);
  }
  .xs\:gap-x-4 {
    column-gap: var(--spacing-4);
  }
  .xs\:gap-y-4 {
    row-gap: var(--spacing-4);
  }
  .xs\:gap-sub-4 {
    gap: var(--spacing-sub-4);
  }
  .xs\:gap-x-sub-4 {
    column-gap: var(--spacing-sub-4);
  }
  .xs\:gap-y-sub-4 {
    row-gap: var(--spacing-sub-4);
  }
  .xs\:gap-5 {
    gap: var(--spacing-5);
  }
  .xs\:gap-x-5 {
    column-gap: var(--spacing-5);
  }
  .xs\:gap-y-5 {
    row-gap: var(--spacing-5);
  }
  .xs\:gap-6 {
    gap: var(--spacing-6);
  }
  .xs\:gap-x-6 {
    column-gap: var(--spacing-6);
  }
  .xs\:gap-y-6 {
    row-gap: var(--spacing-6);
  }
  .xs\:gap-7 {
    gap: var(--spacing-7);
  }
  .xs\:gap-x-7 {
    column-gap: var(--spacing-7);
  }
  .xs\:gap-y-7 {
    row-gap: var(--spacing-7);
  }
  .xs\:gap-8 {
    gap: var(--spacing-8);
  }
  .xs\:gap-x-8 {
    column-gap: var(--spacing-8);
  }
  .xs\:gap-y-8 {
    row-gap: var(--spacing-8);
  }
  .xs\:gap-9 {
    gap: var(--spacing-9);
  }
  .xs\:gap-x-9 {
    column-gap: var(--spacing-9);
  }
  .xs\:gap-y-9 {
    row-gap: var(--spacing-9);
  }
  .xs\:gap-10 {
    gap: var(--spacing-10);
  }
  .xs\:gap-x-10 {
    column-gap: var(--spacing-10);
  }
  .xs\:gap-y-10 {
    row-gap: var(--spacing-10);
  }
  .xs\:gap-11 {
    gap: var(--spacing-11);
  }
  .xs\:gap-x-11 {
    column-gap: var(--spacing-11);
  }
  .xs\:gap-y-11 {
    row-gap: var(--spacing-11);
  }
  .xs\:gap-12 {
    gap: var(--spacing-12);
  }
  .xs\:gap-x-12 {
    column-gap: var(--spacing-12);
  }
  .xs\:gap-y-12 {
    row-gap: var(--spacing-12);
  }
  .xs\:gap-14 {
    gap: var(--spacing-14);
  }
  .xs\:gap-x-14 {
    column-gap: var(--spacing-14);
  }
  .xs\:gap-y-14 {
    row-gap: var(--spacing-14);
  }
  .xs\:gap-16 {
    gap: var(--spacing-16);
  }
  .xs\:gap-x-16 {
    column-gap: var(--spacing-16);
  }
  .xs\:gap-y-16 {
    row-gap: var(--spacing-16);
  }
  .xs\:gap-20 {
    gap: var(--spacing-20);
  }
  .xs\:gap-x-20 {
    column-gap: var(--spacing-20);
  }
  .xs\:gap-y-20 {
    row-gap: var(--spacing-20);
  }
  .xs\:gap-24 {
    gap: var(--spacing-24);
  }
  .xs\:gap-x-24 {
    column-gap: var(--spacing-24);
  }
  .xs\:gap-y-24 {
    row-gap: var(--spacing-24);
  }
  .xs\:gap-28 {
    gap: var(--spacing-28);
  }
  .xs\:gap-x-28 {
    column-gap: var(--spacing-28);
  }
  .xs\:gap-y-28 {
    row-gap: var(--spacing-28);
  }
  .xs\:gap-32 {
    gap: var(--spacing-32);
  }
  .xs\:gap-x-32 {
    column-gap: var(--spacing-32);
  }
  .xs\:gap-y-32 {
    row-gap: var(--spacing-32);
  }
  .xs\:gap-max {
    gap: var(--spacing-max);
  }
  .xs\:gap-x-max {
    column-gap: var(--spacing-max);
  }
  .xs\:gap-y-max {
    row-gap: var(--spacing-max);
  }
  .xs\:gap-full {
    gap: var(--spacing-full);
  }
  .xs\:gap-x-full {
    column-gap: var(--spacing-full);
  }
  .xs\:gap-y-full {
    row-gap: var(--spacing-full);
  }
}
@media (min-width: 48rem) {
  .sm\:gap-0 {
    gap: var(--spacing-0);
  }
  .sm\:gap-x-0 {
    column-gap: var(--spacing-0);
  }
  .sm\:gap-y-0 {
    row-gap: var(--spacing-0);
  }
  .sm\:gap-px {
    gap: var(--spacing-px);
  }
  .sm\:gap-x-px {
    column-gap: var(--spacing-px);
  }
  .sm\:gap-y-px {
    row-gap: var(--spacing-px);
  }
  .sm\:gap-sub-px {
    gap: var(--spacing-sub-px);
  }
  .sm\:gap-x-sub-px {
    column-gap: var(--spacing-sub-px);
  }
  .sm\:gap-y-sub-px {
    row-gap: var(--spacing-sub-px);
  }
  .sm\:gap-1 {
    gap: var(--spacing-1);
  }
  .sm\:gap-x-1 {
    column-gap: var(--spacing-1);
  }
  .sm\:gap-y-1 {
    row-gap: var(--spacing-1);
  }
  .sm\:gap-sub-1 {
    gap: var(--spacing-sub-1);
  }
  .sm\:gap-x-sub-1 {
    column-gap: var(--spacing-sub-1);
  }
  .sm\:gap-y-sub-1 {
    row-gap: var(--spacing-sub-1);
  }
  .sm\:gap-2 {
    gap: var(--spacing-2);
  }
  .sm\:gap-x-2 {
    column-gap: var(--spacing-2);
  }
  .sm\:gap-y-2 {
    row-gap: var(--spacing-2);
  }
  .sm\:gap-sub-2 {
    gap: var(--spacing-sub-2);
  }
  .sm\:gap-x-sub-2 {
    column-gap: var(--spacing-sub-2);
  }
  .sm\:gap-y-sub-2 {
    row-gap: var(--spacing-sub-2);
  }
  .sm\:gap-3 {
    gap: var(--spacing-3);
  }
  .sm\:gap-x-3 {
    column-gap: var(--spacing-3);
  }
  .sm\:gap-y-3 {
    row-gap: var(--spacing-3);
  }
  .sm\:gap-sub-3 {
    gap: var(--spacing-sub-3);
  }
  .sm\:gap-x-sub-3 {
    column-gap: var(--spacing-sub-3);
  }
  .sm\:gap-y-sub-3 {
    row-gap: var(--spacing-sub-3);
  }
  .sm\:gap-4 {
    gap: var(--spacing-4);
  }
  .sm\:gap-x-4 {
    column-gap: var(--spacing-4);
  }
  .sm\:gap-y-4 {
    row-gap: var(--spacing-4);
  }
  .sm\:gap-sub-4 {
    gap: var(--spacing-sub-4);
  }
  .sm\:gap-x-sub-4 {
    column-gap: var(--spacing-sub-4);
  }
  .sm\:gap-y-sub-4 {
    row-gap: var(--spacing-sub-4);
  }
  .sm\:gap-5 {
    gap: var(--spacing-5);
  }
  .sm\:gap-x-5 {
    column-gap: var(--spacing-5);
  }
  .sm\:gap-y-5 {
    row-gap: var(--spacing-5);
  }
  .sm\:gap-6 {
    gap: var(--spacing-6);
  }
  .sm\:gap-x-6 {
    column-gap: var(--spacing-6);
  }
  .sm\:gap-y-6 {
    row-gap: var(--spacing-6);
  }
  .sm\:gap-7 {
    gap: var(--spacing-7);
  }
  .sm\:gap-x-7 {
    column-gap: var(--spacing-7);
  }
  .sm\:gap-y-7 {
    row-gap: var(--spacing-7);
  }
  .sm\:gap-8 {
    gap: var(--spacing-8);
  }
  .sm\:gap-x-8 {
    column-gap: var(--spacing-8);
  }
  .sm\:gap-y-8 {
    row-gap: var(--spacing-8);
  }
  .sm\:gap-9 {
    gap: var(--spacing-9);
  }
  .sm\:gap-x-9 {
    column-gap: var(--spacing-9);
  }
  .sm\:gap-y-9 {
    row-gap: var(--spacing-9);
  }
  .sm\:gap-10 {
    gap: var(--spacing-10);
  }
  .sm\:gap-x-10 {
    column-gap: var(--spacing-10);
  }
  .sm\:gap-y-10 {
    row-gap: var(--spacing-10);
  }
  .sm\:gap-11 {
    gap: var(--spacing-11);
  }
  .sm\:gap-x-11 {
    column-gap: var(--spacing-11);
  }
  .sm\:gap-y-11 {
    row-gap: var(--spacing-11);
  }
  .sm\:gap-12 {
    gap: var(--spacing-12);
  }
  .sm\:gap-x-12 {
    column-gap: var(--spacing-12);
  }
  .sm\:gap-y-12 {
    row-gap: var(--spacing-12);
  }
  .sm\:gap-14 {
    gap: var(--spacing-14);
  }
  .sm\:gap-x-14 {
    column-gap: var(--spacing-14);
  }
  .sm\:gap-y-14 {
    row-gap: var(--spacing-14);
  }
  .sm\:gap-16 {
    gap: var(--spacing-16);
  }
  .sm\:gap-x-16 {
    column-gap: var(--spacing-16);
  }
  .sm\:gap-y-16 {
    row-gap: var(--spacing-16);
  }
  .sm\:gap-20 {
    gap: var(--spacing-20);
  }
  .sm\:gap-x-20 {
    column-gap: var(--spacing-20);
  }
  .sm\:gap-y-20 {
    row-gap: var(--spacing-20);
  }
  .sm\:gap-24 {
    gap: var(--spacing-24);
  }
  .sm\:gap-x-24 {
    column-gap: var(--spacing-24);
  }
  .sm\:gap-y-24 {
    row-gap: var(--spacing-24);
  }
  .sm\:gap-28 {
    gap: var(--spacing-28);
  }
  .sm\:gap-x-28 {
    column-gap: var(--spacing-28);
  }
  .sm\:gap-y-28 {
    row-gap: var(--spacing-28);
  }
  .sm\:gap-32 {
    gap: var(--spacing-32);
  }
  .sm\:gap-x-32 {
    column-gap: var(--spacing-32);
  }
  .sm\:gap-y-32 {
    row-gap: var(--spacing-32);
  }
  .sm\:gap-max {
    gap: var(--spacing-max);
  }
  .sm\:gap-x-max {
    column-gap: var(--spacing-max);
  }
  .sm\:gap-y-max {
    row-gap: var(--spacing-max);
  }
  .sm\:gap-full {
    gap: var(--spacing-full);
  }
  .sm\:gap-x-full {
    column-gap: var(--spacing-full);
  }
  .sm\:gap-y-full {
    row-gap: var(--spacing-full);
  }
}
@media (min-width: 64rem) {
  .md\:gap-0 {
    gap: var(--spacing-0);
  }
  .md\:gap-x-0 {
    column-gap: var(--spacing-0);
  }
  .md\:gap-y-0 {
    row-gap: var(--spacing-0);
  }
  .md\:gap-px {
    gap: var(--spacing-px);
  }
  .md\:gap-x-px {
    column-gap: var(--spacing-px);
  }
  .md\:gap-y-px {
    row-gap: var(--spacing-px);
  }
  .md\:gap-sub-px {
    gap: var(--spacing-sub-px);
  }
  .md\:gap-x-sub-px {
    column-gap: var(--spacing-sub-px);
  }
  .md\:gap-y-sub-px {
    row-gap: var(--spacing-sub-px);
  }
  .md\:gap-1 {
    gap: var(--spacing-1);
  }
  .md\:gap-x-1 {
    column-gap: var(--spacing-1);
  }
  .md\:gap-y-1 {
    row-gap: var(--spacing-1);
  }
  .md\:gap-sub-1 {
    gap: var(--spacing-sub-1);
  }
  .md\:gap-x-sub-1 {
    column-gap: var(--spacing-sub-1);
  }
  .md\:gap-y-sub-1 {
    row-gap: var(--spacing-sub-1);
  }
  .md\:gap-2 {
    gap: var(--spacing-2);
  }
  .md\:gap-x-2 {
    column-gap: var(--spacing-2);
  }
  .md\:gap-y-2 {
    row-gap: var(--spacing-2);
  }
  .md\:gap-sub-2 {
    gap: var(--spacing-sub-2);
  }
  .md\:gap-x-sub-2 {
    column-gap: var(--spacing-sub-2);
  }
  .md\:gap-y-sub-2 {
    row-gap: var(--spacing-sub-2);
  }
  .md\:gap-3 {
    gap: var(--spacing-3);
  }
  .md\:gap-x-3 {
    column-gap: var(--spacing-3);
  }
  .md\:gap-y-3 {
    row-gap: var(--spacing-3);
  }
  .md\:gap-sub-3 {
    gap: var(--spacing-sub-3);
  }
  .md\:gap-x-sub-3 {
    column-gap: var(--spacing-sub-3);
  }
  .md\:gap-y-sub-3 {
    row-gap: var(--spacing-sub-3);
  }
  .md\:gap-4 {
    gap: var(--spacing-4);
  }
  .md\:gap-x-4 {
    column-gap: var(--spacing-4);
  }
  .md\:gap-y-4 {
    row-gap: var(--spacing-4);
  }
  .md\:gap-sub-4 {
    gap: var(--spacing-sub-4);
  }
  .md\:gap-x-sub-4 {
    column-gap: var(--spacing-sub-4);
  }
  .md\:gap-y-sub-4 {
    row-gap: var(--spacing-sub-4);
  }
  .md\:gap-5 {
    gap: var(--spacing-5);
  }
  .md\:gap-x-5 {
    column-gap: var(--spacing-5);
  }
  .md\:gap-y-5 {
    row-gap: var(--spacing-5);
  }
  .md\:gap-6 {
    gap: var(--spacing-6);
  }
  .md\:gap-x-6 {
    column-gap: var(--spacing-6);
  }
  .md\:gap-y-6 {
    row-gap: var(--spacing-6);
  }
  .md\:gap-7 {
    gap: var(--spacing-7);
  }
  .md\:gap-x-7 {
    column-gap: var(--spacing-7);
  }
  .md\:gap-y-7 {
    row-gap: var(--spacing-7);
  }
  .md\:gap-8 {
    gap: var(--spacing-8);
  }
  .md\:gap-x-8 {
    column-gap: var(--spacing-8);
  }
  .md\:gap-y-8 {
    row-gap: var(--spacing-8);
  }
  .md\:gap-9 {
    gap: var(--spacing-9);
  }
  .md\:gap-x-9 {
    column-gap: var(--spacing-9);
  }
  .md\:gap-y-9 {
    row-gap: var(--spacing-9);
  }
  .md\:gap-10 {
    gap: var(--spacing-10);
  }
  .md\:gap-x-10 {
    column-gap: var(--spacing-10);
  }
  .md\:gap-y-10 {
    row-gap: var(--spacing-10);
  }
  .md\:gap-11 {
    gap: var(--spacing-11);
  }
  .md\:gap-x-11 {
    column-gap: var(--spacing-11);
  }
  .md\:gap-y-11 {
    row-gap: var(--spacing-11);
  }
  .md\:gap-12 {
    gap: var(--spacing-12);
  }
  .md\:gap-x-12 {
    column-gap: var(--spacing-12);
  }
  .md\:gap-y-12 {
    row-gap: var(--spacing-12);
  }
  .md\:gap-14 {
    gap: var(--spacing-14);
  }
  .md\:gap-x-14 {
    column-gap: var(--spacing-14);
  }
  .md\:gap-y-14 {
    row-gap: var(--spacing-14);
  }
  .md\:gap-16 {
    gap: var(--spacing-16);
  }
  .md\:gap-x-16 {
    column-gap: var(--spacing-16);
  }
  .md\:gap-y-16 {
    row-gap: var(--spacing-16);
  }
  .md\:gap-20 {
    gap: var(--spacing-20);
  }
  .md\:gap-x-20 {
    column-gap: var(--spacing-20);
  }
  .md\:gap-y-20 {
    row-gap: var(--spacing-20);
  }
  .md\:gap-24 {
    gap: var(--spacing-24);
  }
  .md\:gap-x-24 {
    column-gap: var(--spacing-24);
  }
  .md\:gap-y-24 {
    row-gap: var(--spacing-24);
  }
  .md\:gap-28 {
    gap: var(--spacing-28);
  }
  .md\:gap-x-28 {
    column-gap: var(--spacing-28);
  }
  .md\:gap-y-28 {
    row-gap: var(--spacing-28);
  }
  .md\:gap-32 {
    gap: var(--spacing-32);
  }
  .md\:gap-x-32 {
    column-gap: var(--spacing-32);
  }
  .md\:gap-y-32 {
    row-gap: var(--spacing-32);
  }
  .md\:gap-max {
    gap: var(--spacing-max);
  }
  .md\:gap-x-max {
    column-gap: var(--spacing-max);
  }
  .md\:gap-y-max {
    row-gap: var(--spacing-max);
  }
  .md\:gap-full {
    gap: var(--spacing-full);
  }
  .md\:gap-x-full {
    column-gap: var(--spacing-full);
  }
  .md\:gap-y-full {
    row-gap: var(--spacing-full);
  }
}
@media (min-width: 80rem) {
  .lg\:gap-0 {
    gap: var(--spacing-0);
  }
  .lg\:gap-x-0 {
    column-gap: var(--spacing-0);
  }
  .lg\:gap-y-0 {
    row-gap: var(--spacing-0);
  }
  .lg\:gap-px {
    gap: var(--spacing-px);
  }
  .lg\:gap-x-px {
    column-gap: var(--spacing-px);
  }
  .lg\:gap-y-px {
    row-gap: var(--spacing-px);
  }
  .lg\:gap-sub-px {
    gap: var(--spacing-sub-px);
  }
  .lg\:gap-x-sub-px {
    column-gap: var(--spacing-sub-px);
  }
  .lg\:gap-y-sub-px {
    row-gap: var(--spacing-sub-px);
  }
  .lg\:gap-1 {
    gap: var(--spacing-1);
  }
  .lg\:gap-x-1 {
    column-gap: var(--spacing-1);
  }
  .lg\:gap-y-1 {
    row-gap: var(--spacing-1);
  }
  .lg\:gap-sub-1 {
    gap: var(--spacing-sub-1);
  }
  .lg\:gap-x-sub-1 {
    column-gap: var(--spacing-sub-1);
  }
  .lg\:gap-y-sub-1 {
    row-gap: var(--spacing-sub-1);
  }
  .lg\:gap-2 {
    gap: var(--spacing-2);
  }
  .lg\:gap-x-2 {
    column-gap: var(--spacing-2);
  }
  .lg\:gap-y-2 {
    row-gap: var(--spacing-2);
  }
  .lg\:gap-sub-2 {
    gap: var(--spacing-sub-2);
  }
  .lg\:gap-x-sub-2 {
    column-gap: var(--spacing-sub-2);
  }
  .lg\:gap-y-sub-2 {
    row-gap: var(--spacing-sub-2);
  }
  .lg\:gap-3 {
    gap: var(--spacing-3);
  }
  .lg\:gap-x-3 {
    column-gap: var(--spacing-3);
  }
  .lg\:gap-y-3 {
    row-gap: var(--spacing-3);
  }
  .lg\:gap-sub-3 {
    gap: var(--spacing-sub-3);
  }
  .lg\:gap-x-sub-3 {
    column-gap: var(--spacing-sub-3);
  }
  .lg\:gap-y-sub-3 {
    row-gap: var(--spacing-sub-3);
  }
  .lg\:gap-4 {
    gap: var(--spacing-4);
  }
  .lg\:gap-x-4 {
    column-gap: var(--spacing-4);
  }
  .lg\:gap-y-4 {
    row-gap: var(--spacing-4);
  }
  .lg\:gap-sub-4 {
    gap: var(--spacing-sub-4);
  }
  .lg\:gap-x-sub-4 {
    column-gap: var(--spacing-sub-4);
  }
  .lg\:gap-y-sub-4 {
    row-gap: var(--spacing-sub-4);
  }
  .lg\:gap-5 {
    gap: var(--spacing-5);
  }
  .lg\:gap-x-5 {
    column-gap: var(--spacing-5);
  }
  .lg\:gap-y-5 {
    row-gap: var(--spacing-5);
  }
  .lg\:gap-6 {
    gap: var(--spacing-6);
  }
  .lg\:gap-x-6 {
    column-gap: var(--spacing-6);
  }
  .lg\:gap-y-6 {
    row-gap: var(--spacing-6);
  }
  .lg\:gap-7 {
    gap: var(--spacing-7);
  }
  .lg\:gap-x-7 {
    column-gap: var(--spacing-7);
  }
  .lg\:gap-y-7 {
    row-gap: var(--spacing-7);
  }
  .lg\:gap-8 {
    gap: var(--spacing-8);
  }
  .lg\:gap-x-8 {
    column-gap: var(--spacing-8);
  }
  .lg\:gap-y-8 {
    row-gap: var(--spacing-8);
  }
  .lg\:gap-9 {
    gap: var(--spacing-9);
  }
  .lg\:gap-x-9 {
    column-gap: var(--spacing-9);
  }
  .lg\:gap-y-9 {
    row-gap: var(--spacing-9);
  }
  .lg\:gap-10 {
    gap: var(--spacing-10);
  }
  .lg\:gap-x-10 {
    column-gap: var(--spacing-10);
  }
  .lg\:gap-y-10 {
    row-gap: var(--spacing-10);
  }
  .lg\:gap-11 {
    gap: var(--spacing-11);
  }
  .lg\:gap-x-11 {
    column-gap: var(--spacing-11);
  }
  .lg\:gap-y-11 {
    row-gap: var(--spacing-11);
  }
  .lg\:gap-12 {
    gap: var(--spacing-12);
  }
  .lg\:gap-x-12 {
    column-gap: var(--spacing-12);
  }
  .lg\:gap-y-12 {
    row-gap: var(--spacing-12);
  }
  .lg\:gap-14 {
    gap: var(--spacing-14);
  }
  .lg\:gap-x-14 {
    column-gap: var(--spacing-14);
  }
  .lg\:gap-y-14 {
    row-gap: var(--spacing-14);
  }
  .lg\:gap-16 {
    gap: var(--spacing-16);
  }
  .lg\:gap-x-16 {
    column-gap: var(--spacing-16);
  }
  .lg\:gap-y-16 {
    row-gap: var(--spacing-16);
  }
  .lg\:gap-20 {
    gap: var(--spacing-20);
  }
  .lg\:gap-x-20 {
    column-gap: var(--spacing-20);
  }
  .lg\:gap-y-20 {
    row-gap: var(--spacing-20);
  }
  .lg\:gap-24 {
    gap: var(--spacing-24);
  }
  .lg\:gap-x-24 {
    column-gap: var(--spacing-24);
  }
  .lg\:gap-y-24 {
    row-gap: var(--spacing-24);
  }
  .lg\:gap-28 {
    gap: var(--spacing-28);
  }
  .lg\:gap-x-28 {
    column-gap: var(--spacing-28);
  }
  .lg\:gap-y-28 {
    row-gap: var(--spacing-28);
  }
  .lg\:gap-32 {
    gap: var(--spacing-32);
  }
  .lg\:gap-x-32 {
    column-gap: var(--spacing-32);
  }
  .lg\:gap-y-32 {
    row-gap: var(--spacing-32);
  }
  .lg\:gap-max {
    gap: var(--spacing-max);
  }
  .lg\:gap-x-max {
    column-gap: var(--spacing-max);
  }
  .lg\:gap-y-max {
    row-gap: var(--spacing-max);
  }
  .lg\:gap-full {
    gap: var(--spacing-full);
  }
  .lg\:gap-x-full {
    column-gap: var(--spacing-full);
  }
  .lg\:gap-y-full {
    row-gap: var(--spacing-full);
  }
}
@media (min-width: 90rem) {
  .xl\:gap-0 {
    gap: var(--spacing-0);
  }
  .xl\:gap-x-0 {
    column-gap: var(--spacing-0);
  }
  .xl\:gap-y-0 {
    row-gap: var(--spacing-0);
  }
  .xl\:gap-px {
    gap: var(--spacing-px);
  }
  .xl\:gap-x-px {
    column-gap: var(--spacing-px);
  }
  .xl\:gap-y-px {
    row-gap: var(--spacing-px);
  }
  .xl\:gap-sub-px {
    gap: var(--spacing-sub-px);
  }
  .xl\:gap-x-sub-px {
    column-gap: var(--spacing-sub-px);
  }
  .xl\:gap-y-sub-px {
    row-gap: var(--spacing-sub-px);
  }
  .xl\:gap-1 {
    gap: var(--spacing-1);
  }
  .xl\:gap-x-1 {
    column-gap: var(--spacing-1);
  }
  .xl\:gap-y-1 {
    row-gap: var(--spacing-1);
  }
  .xl\:gap-sub-1 {
    gap: var(--spacing-sub-1);
  }
  .xl\:gap-x-sub-1 {
    column-gap: var(--spacing-sub-1);
  }
  .xl\:gap-y-sub-1 {
    row-gap: var(--spacing-sub-1);
  }
  .xl\:gap-2 {
    gap: var(--spacing-2);
  }
  .xl\:gap-x-2 {
    column-gap: var(--spacing-2);
  }
  .xl\:gap-y-2 {
    row-gap: var(--spacing-2);
  }
  .xl\:gap-sub-2 {
    gap: var(--spacing-sub-2);
  }
  .xl\:gap-x-sub-2 {
    column-gap: var(--spacing-sub-2);
  }
  .xl\:gap-y-sub-2 {
    row-gap: var(--spacing-sub-2);
  }
  .xl\:gap-3 {
    gap: var(--spacing-3);
  }
  .xl\:gap-x-3 {
    column-gap: var(--spacing-3);
  }
  .xl\:gap-y-3 {
    row-gap: var(--spacing-3);
  }
  .xl\:gap-sub-3 {
    gap: var(--spacing-sub-3);
  }
  .xl\:gap-x-sub-3 {
    column-gap: var(--spacing-sub-3);
  }
  .xl\:gap-y-sub-3 {
    row-gap: var(--spacing-sub-3);
  }
  .xl\:gap-4 {
    gap: var(--spacing-4);
  }
  .xl\:gap-x-4 {
    column-gap: var(--spacing-4);
  }
  .xl\:gap-y-4 {
    row-gap: var(--spacing-4);
  }
  .xl\:gap-sub-4 {
    gap: var(--spacing-sub-4);
  }
  .xl\:gap-x-sub-4 {
    column-gap: var(--spacing-sub-4);
  }
  .xl\:gap-y-sub-4 {
    row-gap: var(--spacing-sub-4);
  }
  .xl\:gap-5 {
    gap: var(--spacing-5);
  }
  .xl\:gap-x-5 {
    column-gap: var(--spacing-5);
  }
  .xl\:gap-y-5 {
    row-gap: var(--spacing-5);
  }
  .xl\:gap-6 {
    gap: var(--spacing-6);
  }
  .xl\:gap-x-6 {
    column-gap: var(--spacing-6);
  }
  .xl\:gap-y-6 {
    row-gap: var(--spacing-6);
  }
  .xl\:gap-7 {
    gap: var(--spacing-7);
  }
  .xl\:gap-x-7 {
    column-gap: var(--spacing-7);
  }
  .xl\:gap-y-7 {
    row-gap: var(--spacing-7);
  }
  .xl\:gap-8 {
    gap: var(--spacing-8);
  }
  .xl\:gap-x-8 {
    column-gap: var(--spacing-8);
  }
  .xl\:gap-y-8 {
    row-gap: var(--spacing-8);
  }
  .xl\:gap-9 {
    gap: var(--spacing-9);
  }
  .xl\:gap-x-9 {
    column-gap: var(--spacing-9);
  }
  .xl\:gap-y-9 {
    row-gap: var(--spacing-9);
  }
  .xl\:gap-10 {
    gap: var(--spacing-10);
  }
  .xl\:gap-x-10 {
    column-gap: var(--spacing-10);
  }
  .xl\:gap-y-10 {
    row-gap: var(--spacing-10);
  }
  .xl\:gap-11 {
    gap: var(--spacing-11);
  }
  .xl\:gap-x-11 {
    column-gap: var(--spacing-11);
  }
  .xl\:gap-y-11 {
    row-gap: var(--spacing-11);
  }
  .xl\:gap-12 {
    gap: var(--spacing-12);
  }
  .xl\:gap-x-12 {
    column-gap: var(--spacing-12);
  }
  .xl\:gap-y-12 {
    row-gap: var(--spacing-12);
  }
  .xl\:gap-14 {
    gap: var(--spacing-14);
  }
  .xl\:gap-x-14 {
    column-gap: var(--spacing-14);
  }
  .xl\:gap-y-14 {
    row-gap: var(--spacing-14);
  }
  .xl\:gap-16 {
    gap: var(--spacing-16);
  }
  .xl\:gap-x-16 {
    column-gap: var(--spacing-16);
  }
  .xl\:gap-y-16 {
    row-gap: var(--spacing-16);
  }
  .xl\:gap-20 {
    gap: var(--spacing-20);
  }
  .xl\:gap-x-20 {
    column-gap: var(--spacing-20);
  }
  .xl\:gap-y-20 {
    row-gap: var(--spacing-20);
  }
  .xl\:gap-24 {
    gap: var(--spacing-24);
  }
  .xl\:gap-x-24 {
    column-gap: var(--spacing-24);
  }
  .xl\:gap-y-24 {
    row-gap: var(--spacing-24);
  }
  .xl\:gap-28 {
    gap: var(--spacing-28);
  }
  .xl\:gap-x-28 {
    column-gap: var(--spacing-28);
  }
  .xl\:gap-y-28 {
    row-gap: var(--spacing-28);
  }
  .xl\:gap-32 {
    gap: var(--spacing-32);
  }
  .xl\:gap-x-32 {
    column-gap: var(--spacing-32);
  }
  .xl\:gap-y-32 {
    row-gap: var(--spacing-32);
  }
  .xl\:gap-max {
    gap: var(--spacing-max);
  }
  .xl\:gap-x-max {
    column-gap: var(--spacing-max);
  }
  .xl\:gap-y-max {
    row-gap: var(--spacing-max);
  }
  .xl\:gap-full {
    gap: var(--spacing-full);
  }
  .xl\:gap-x-full {
    column-gap: var(--spacing-full);
  }
  .xl\:gap-y-full {
    row-gap: var(--spacing-full);
  }
}
.overflow-auto {
  overflow: auto;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-x-scroll {
  overflow-x: scroll;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.overflow-visible {
  overflow: visible;
}

.overflow-x-visible {
  overflow-x: visible;
}

.overflow-y-visible {
  overflow-y: visible;
}

.momentum-scrolling {
  -webkit-overflow-scrolling: touch;
}

.overscroll-contain {
  overscroll-behavior: contain;
}

.no-scrollbar {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  /* Hide scrollbar for IE, Edge and Firefox */
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

:root {
  --_scrollbar-width: 8px;
  --_scrollbar-thumb-bg: rgba(72, 57, 129, 0.5);
  --_scrollbar-thumb-bg-hover: rgba(72, 57, 129, 1);
  --_scrollbar-thumb-border-color: var(--color-white, #ffffff);
  --_scrollbar-thumb-radi: 4px;
  --_scrollbar-track-bg: var(--color-primary-tint-500, rgba(161, 153, 194, 0.5019607843));
}

::-webkit-scrollbar {
  width: var(--_scrollbar-width);
  height: var(--_scrollbar-width);
}

::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 4px;
}

::-webkit-scrollbar-track:hover {
  background: var(--_scrollbar-track-bg);
}

::-webkit-scrollbar-thumb {
  background: var(--_scrollbar-thumb-bg);
  border-radius: var(--_scrollbar-thumb-radi);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--_scrollbar-thumb-bg-hover);
}

:root {
  --space-separator: 0.25rem;
  --symbol: "|";
  --space-divider: 0.5rem;
}

:where(.separated > * + *, .separator) {
  --color-separator: var(--color-neutrals-200);
  --color: var(--color-separator, #b8b3bc);
}
:where(.separated > * + *, .separator):before {
  color: var(--color);
  content: var(--symbol, "|");
  margin-inline: var(--space-separator);
}

:is(.separated, .separator).bullet {
  --symbol: "•";
}
:is(.separated, .separator).dash {
  --symbol: "/";
}

:where(.divide-x, .divider-x, .divide-y, .divider-y) {
  --border-color: var(
    --color-neutrals-200,
    #b8b3bc
  );
  --border-width: 1px;
  --border-style: solid;
}

.grid :where(.divide-x > * + *, .divider-x) {
  display: flex;
  align-self: stretch;
}

:where(.divide-x > * + *, .divider-x) {
  display: inherit;
  align-self: stretch;
}
:where(.divide-x > * + *, .divider-x):before {
  border-left: var(--border-width) var(--border-style, solid) var(--border-color);
  content: "";
  margin-inline: var(--space-divider);
  align-self: stretch;
}

:where(.divide-y > * + *, .divider-y):before {
  display: block;
  border-top: var(--border-width) var(--border-style, solid) var(--border-color);
  content: "";
  margin-block: var(--space-divider);
}

:is(.divide-x, .divider-x, .divide-y, .divider-y).dashed {
  --border-style: dashed;
}
:is(.divide-x, .divider-x, .divide-y, .divider-y).dotted {
  --border-style: dotted;
}

.p-auto {
  padding: auto;
}
.px-auto {
  padding-inline: auto;
}
.py-auto {
  padding-block: auto;
}

.m-auto {
  margin: auto;
}
.mt-auto {
  margin-block-start: auto;
}
.mr-auto {
  margin-inline-end: auto;
}
.mb-auto {
  margin-block-end: auto;
}
.ml-auto {
  margin-inline-start: auto;
}
.mx-auto {
  margin-inline: auto;
}
.my-auto {
  margin-block: auto;
}

.p-0 {
  padding: var(--spacing-0);
}
.pt-0 {
  padding-block-start: var(--spacing-0);
}
.pr-0 {
  padding-inline-end: var(--spacing-0);
}
.pb-0 {
  padding-block-end: var(--spacing-0);
}
.pl-0 {
  padding-inline-start: var(--spacing-0);
}
.px-0 {
  padding-inline: var(--spacing-0);
}
.py-0 {
  padding-block: var(--spacing-0);
}
.p-inline-0 {
  padding-inline: var(--spacing-0);
}
.p-inline-start-0 {
  padding-inline-start: var(--spacing-0);
}
.p-inline-end-0 {
  padding-inline-end: var(--spacing-0);
}
.p-block-0 {
  padding-block: var(--spacing-0);
}
.p-block-start-0 {
  padding-block-start: var(--spacing-0);
}
.p-block-end-0 {
  padding-block-end: var(--spacing-0);
}

.m-0 {
  margin: var(--spacing-0);
}
.mt-0 {
  margin-block-start: var(--spacing-0);
}
.mr-0 {
  margin-inline-end: var(--spacing-0);
}
.mb-0 {
  margin-block-end: var(--spacing-0);
}
.ml-0 {
  margin-inline-start: var(--spacing-0);
}
.mx-0 {
  margin-inline: var(--spacing-0);
}
.my-0 {
  margin-block: var(--spacing-0);
}
.m-inline-0 {
  margin-inline: var(--spacing-0);
}
.m-inline-start-0 {
  margin-inline-start: var(--spacing-0);
}
.m-inline-end-0 {
  margin-inline-end: var(--spacing-0);
}
.m-block-0 {
  margin-block: var(--spacing-0);
}
.m-block-start-0 {
  margin-block-start: var(--spacing-0);
}
.m-block-end-0 {
  margin-block-end: var(--spacing-0);
}

.p-px {
  padding: var(--spacing-px);
}
.pt-px {
  padding-block-start: var(--spacing-px);
}
.pr-px {
  padding-inline-end: var(--spacing-px);
}
.pb-px {
  padding-block-end: var(--spacing-px);
}
.pl-px {
  padding-inline-start: var(--spacing-px);
}
.px-px {
  padding-inline: var(--spacing-px);
}
.py-px {
  padding-block: var(--spacing-px);
}
.p-inline-px {
  padding-inline: var(--spacing-px);
}
.p-inline-start-px {
  padding-inline-start: var(--spacing-px);
}
.p-inline-end-px {
  padding-inline-end: var(--spacing-px);
}
.p-block-px {
  padding-block: var(--spacing-px);
}
.p-block-start-px {
  padding-block-start: var(--spacing-px);
}
.p-block-end-px {
  padding-block-end: var(--spacing-px);
}

.m-px {
  margin: var(--spacing-px);
}
.mt-px {
  margin-block-start: var(--spacing-px);
}
.mr-px {
  margin-inline-end: var(--spacing-px);
}
.mb-px {
  margin-block-end: var(--spacing-px);
}
.ml-px {
  margin-inline-start: var(--spacing-px);
}
.mx-px {
  margin-inline: var(--spacing-px);
}
.my-px {
  margin-block: var(--spacing-px);
}
.m-inline-px {
  margin-inline: var(--spacing-px);
}
.m-inline-start-px {
  margin-inline-start: var(--spacing-px);
}
.m-inline-end-px {
  margin-inline-end: var(--spacing-px);
}
.m-block-px {
  margin-block: var(--spacing-px);
}
.m-block-start-px {
  margin-block-start: var(--spacing-px);
}
.m-block-end-px {
  margin-block-end: var(--spacing-px);
}

.p-sub-px {
  padding: var(--spacing-sub-px);
}
.pt-sub-px {
  padding-block-start: var(--spacing-sub-px);
}
.pr-sub-px {
  padding-inline-end: var(--spacing-sub-px);
}
.pb-sub-px {
  padding-block-end: var(--spacing-sub-px);
}
.pl-sub-px {
  padding-inline-start: var(--spacing-sub-px);
}
.px-sub-px {
  padding-inline: var(--spacing-sub-px);
}
.py-sub-px {
  padding-block: var(--spacing-sub-px);
}
.p-inline-sub-px {
  padding-inline: var(--spacing-sub-px);
}
.p-inline-start-sub-px {
  padding-inline-start: var(--spacing-sub-px);
}
.p-inline-end-sub-px {
  padding-inline-end: var(--spacing-sub-px);
}
.p-block-sub-px {
  padding-block: var(--spacing-sub-px);
}
.p-block-start-sub-px {
  padding-block-start: var(--spacing-sub-px);
}
.p-block-end-sub-px {
  padding-block-end: var(--spacing-sub-px);
}

.m-sub-px {
  margin: var(--spacing-sub-px);
}
.mt-sub-px {
  margin-block-start: var(--spacing-sub-px);
}
.mr-sub-px {
  margin-inline-end: var(--spacing-sub-px);
}
.mb-sub-px {
  margin-block-end: var(--spacing-sub-px);
}
.ml-sub-px {
  margin-inline-start: var(--spacing-sub-px);
}
.mx-sub-px {
  margin-inline: var(--spacing-sub-px);
}
.my-sub-px {
  margin-block: var(--spacing-sub-px);
}
.m-inline-sub-px {
  margin-inline: var(--spacing-sub-px);
}
.m-inline-start-sub-px {
  margin-inline-start: var(--spacing-sub-px);
}
.m-inline-end-sub-px {
  margin-inline-end: var(--spacing-sub-px);
}
.m-block-sub-px {
  margin-block: var(--spacing-sub-px);
}
.m-block-start-sub-px {
  margin-block-start: var(--spacing-sub-px);
}
.m-block-end-sub-px {
  margin-block-end: var(--spacing-sub-px);
}

.p-1 {
  padding: var(--spacing-1);
}
.pt-1 {
  padding-block-start: var(--spacing-1);
}
.pr-1 {
  padding-inline-end: var(--spacing-1);
}
.pb-1 {
  padding-block-end: var(--spacing-1);
}
.pl-1 {
  padding-inline-start: var(--spacing-1);
}
.px-1 {
  padding-inline: var(--spacing-1);
}
.py-1 {
  padding-block: var(--spacing-1);
}
.p-inline-1 {
  padding-inline: var(--spacing-1);
}
.p-inline-start-1 {
  padding-inline-start: var(--spacing-1);
}
.p-inline-end-1 {
  padding-inline-end: var(--spacing-1);
}
.p-block-1 {
  padding-block: var(--spacing-1);
}
.p-block-start-1 {
  padding-block-start: var(--spacing-1);
}
.p-block-end-1 {
  padding-block-end: var(--spacing-1);
}

.m-1 {
  margin: var(--spacing-1);
}
.mt-1 {
  margin-block-start: var(--spacing-1);
}
.mr-1 {
  margin-inline-end: var(--spacing-1);
}
.mb-1 {
  margin-block-end: var(--spacing-1);
}
.ml-1 {
  margin-inline-start: var(--spacing-1);
}
.mx-1 {
  margin-inline: var(--spacing-1);
}
.my-1 {
  margin-block: var(--spacing-1);
}
.m-inline-1 {
  margin-inline: var(--spacing-1);
}
.m-inline-start-1 {
  margin-inline-start: var(--spacing-1);
}
.m-inline-end-1 {
  margin-inline-end: var(--spacing-1);
}
.m-block-1 {
  margin-block: var(--spacing-1);
}
.m-block-start-1 {
  margin-block-start: var(--spacing-1);
}
.m-block-end-1 {
  margin-block-end: var(--spacing-1);
}

.p-sub-1 {
  padding: var(--spacing-sub-1);
}
.pt-sub-1 {
  padding-block-start: var(--spacing-sub-1);
}
.pr-sub-1 {
  padding-inline-end: var(--spacing-sub-1);
}
.pb-sub-1 {
  padding-block-end: var(--spacing-sub-1);
}
.pl-sub-1 {
  padding-inline-start: var(--spacing-sub-1);
}
.px-sub-1 {
  padding-inline: var(--spacing-sub-1);
}
.py-sub-1 {
  padding-block: var(--spacing-sub-1);
}
.p-inline-sub-1 {
  padding-inline: var(--spacing-sub-1);
}
.p-inline-start-sub-1 {
  padding-inline-start: var(--spacing-sub-1);
}
.p-inline-end-sub-1 {
  padding-inline-end: var(--spacing-sub-1);
}
.p-block-sub-1 {
  padding-block: var(--spacing-sub-1);
}
.p-block-start-sub-1 {
  padding-block-start: var(--spacing-sub-1);
}
.p-block-end-sub-1 {
  padding-block-end: var(--spacing-sub-1);
}

.m-sub-1 {
  margin: var(--spacing-sub-1);
}
.mt-sub-1 {
  margin-block-start: var(--spacing-sub-1);
}
.mr-sub-1 {
  margin-inline-end: var(--spacing-sub-1);
}
.mb-sub-1 {
  margin-block-end: var(--spacing-sub-1);
}
.ml-sub-1 {
  margin-inline-start: var(--spacing-sub-1);
}
.mx-sub-1 {
  margin-inline: var(--spacing-sub-1);
}
.my-sub-1 {
  margin-block: var(--spacing-sub-1);
}
.m-inline-sub-1 {
  margin-inline: var(--spacing-sub-1);
}
.m-inline-start-sub-1 {
  margin-inline-start: var(--spacing-sub-1);
}
.m-inline-end-sub-1 {
  margin-inline-end: var(--spacing-sub-1);
}
.m-block-sub-1 {
  margin-block: var(--spacing-sub-1);
}
.m-block-start-sub-1 {
  margin-block-start: var(--spacing-sub-1);
}
.m-block-end-sub-1 {
  margin-block-end: var(--spacing-sub-1);
}

.p-2 {
  padding: var(--spacing-2);
}
.pt-2 {
  padding-block-start: var(--spacing-2);
}
.pr-2 {
  padding-inline-end: var(--spacing-2);
}
.pb-2 {
  padding-block-end: var(--spacing-2);
}
.pl-2 {
  padding-inline-start: var(--spacing-2);
}
.px-2 {
  padding-inline: var(--spacing-2);
}
.py-2 {
  padding-block: var(--spacing-2);
}
.p-inline-2 {
  padding-inline: var(--spacing-2);
}
.p-inline-start-2 {
  padding-inline-start: var(--spacing-2);
}
.p-inline-end-2 {
  padding-inline-end: var(--spacing-2);
}
.p-block-2 {
  padding-block: var(--spacing-2);
}
.p-block-start-2 {
  padding-block-start: var(--spacing-2);
}
.p-block-end-2 {
  padding-block-end: var(--spacing-2);
}

.m-2 {
  margin: var(--spacing-2);
}
.mt-2 {
  margin-block-start: var(--spacing-2);
}
.mr-2 {
  margin-inline-end: var(--spacing-2);
}
.mb-2 {
  margin-block-end: var(--spacing-2);
}
.ml-2 {
  margin-inline-start: var(--spacing-2);
}
.mx-2 {
  margin-inline: var(--spacing-2);
}
.my-2 {
  margin-block: var(--spacing-2);
}
.m-inline-2 {
  margin-inline: var(--spacing-2);
}
.m-inline-start-2 {
  margin-inline-start: var(--spacing-2);
}
.m-inline-end-2 {
  margin-inline-end: var(--spacing-2);
}
.m-block-2 {
  margin-block: var(--spacing-2);
}
.m-block-start-2 {
  margin-block-start: var(--spacing-2);
}
.m-block-end-2 {
  margin-block-end: var(--spacing-2);
}

.p-sub-2 {
  padding: var(--spacing-sub-2);
}
.pt-sub-2 {
  padding-block-start: var(--spacing-sub-2);
}
.pr-sub-2 {
  padding-inline-end: var(--spacing-sub-2);
}
.pb-sub-2 {
  padding-block-end: var(--spacing-sub-2);
}
.pl-sub-2 {
  padding-inline-start: var(--spacing-sub-2);
}
.px-sub-2 {
  padding-inline: var(--spacing-sub-2);
}
.py-sub-2 {
  padding-block: var(--spacing-sub-2);
}
.p-inline-sub-2 {
  padding-inline: var(--spacing-sub-2);
}
.p-inline-start-sub-2 {
  padding-inline-start: var(--spacing-sub-2);
}
.p-inline-end-sub-2 {
  padding-inline-end: var(--spacing-sub-2);
}
.p-block-sub-2 {
  padding-block: var(--spacing-sub-2);
}
.p-block-start-sub-2 {
  padding-block-start: var(--spacing-sub-2);
}
.p-block-end-sub-2 {
  padding-block-end: var(--spacing-sub-2);
}

.m-sub-2 {
  margin: var(--spacing-sub-2);
}
.mt-sub-2 {
  margin-block-start: var(--spacing-sub-2);
}
.mr-sub-2 {
  margin-inline-end: var(--spacing-sub-2);
}
.mb-sub-2 {
  margin-block-end: var(--spacing-sub-2);
}
.ml-sub-2 {
  margin-inline-start: var(--spacing-sub-2);
}
.mx-sub-2 {
  margin-inline: var(--spacing-sub-2);
}
.my-sub-2 {
  margin-block: var(--spacing-sub-2);
}
.m-inline-sub-2 {
  margin-inline: var(--spacing-sub-2);
}
.m-inline-start-sub-2 {
  margin-inline-start: var(--spacing-sub-2);
}
.m-inline-end-sub-2 {
  margin-inline-end: var(--spacing-sub-2);
}
.m-block-sub-2 {
  margin-block: var(--spacing-sub-2);
}
.m-block-start-sub-2 {
  margin-block-start: var(--spacing-sub-2);
}
.m-block-end-sub-2 {
  margin-block-end: var(--spacing-sub-2);
}

.p-3 {
  padding: var(--spacing-3);
}
.pt-3 {
  padding-block-start: var(--spacing-3);
}
.pr-3 {
  padding-inline-end: var(--spacing-3);
}
.pb-3 {
  padding-block-end: var(--spacing-3);
}
.pl-3 {
  padding-inline-start: var(--spacing-3);
}
.px-3 {
  padding-inline: var(--spacing-3);
}
.py-3 {
  padding-block: var(--spacing-3);
}
.p-inline-3 {
  padding-inline: var(--spacing-3);
}
.p-inline-start-3 {
  padding-inline-start: var(--spacing-3);
}
.p-inline-end-3 {
  padding-inline-end: var(--spacing-3);
}
.p-block-3 {
  padding-block: var(--spacing-3);
}
.p-block-start-3 {
  padding-block-start: var(--spacing-3);
}
.p-block-end-3 {
  padding-block-end: var(--spacing-3);
}

.m-3 {
  margin: var(--spacing-3);
}
.mt-3 {
  margin-block-start: var(--spacing-3);
}
.mr-3 {
  margin-inline-end: var(--spacing-3);
}
.mb-3 {
  margin-block-end: var(--spacing-3);
}
.ml-3 {
  margin-inline-start: var(--spacing-3);
}
.mx-3 {
  margin-inline: var(--spacing-3);
}
.my-3 {
  margin-block: var(--spacing-3);
}
.m-inline-3 {
  margin-inline: var(--spacing-3);
}
.m-inline-start-3 {
  margin-inline-start: var(--spacing-3);
}
.m-inline-end-3 {
  margin-inline-end: var(--spacing-3);
}
.m-block-3 {
  margin-block: var(--spacing-3);
}
.m-block-start-3 {
  margin-block-start: var(--spacing-3);
}
.m-block-end-3 {
  margin-block-end: var(--spacing-3);
}

.p-sub-3 {
  padding: var(--spacing-sub-3);
}
.pt-sub-3 {
  padding-block-start: var(--spacing-sub-3);
}
.pr-sub-3 {
  padding-inline-end: var(--spacing-sub-3);
}
.pb-sub-3 {
  padding-block-end: var(--spacing-sub-3);
}
.pl-sub-3 {
  padding-inline-start: var(--spacing-sub-3);
}
.px-sub-3 {
  padding-inline: var(--spacing-sub-3);
}
.py-sub-3 {
  padding-block: var(--spacing-sub-3);
}
.p-inline-sub-3 {
  padding-inline: var(--spacing-sub-3);
}
.p-inline-start-sub-3 {
  padding-inline-start: var(--spacing-sub-3);
}
.p-inline-end-sub-3 {
  padding-inline-end: var(--spacing-sub-3);
}
.p-block-sub-3 {
  padding-block: var(--spacing-sub-3);
}
.p-block-start-sub-3 {
  padding-block-start: var(--spacing-sub-3);
}
.p-block-end-sub-3 {
  padding-block-end: var(--spacing-sub-3);
}

.m-sub-3 {
  margin: var(--spacing-sub-3);
}
.mt-sub-3 {
  margin-block-start: var(--spacing-sub-3);
}
.mr-sub-3 {
  margin-inline-end: var(--spacing-sub-3);
}
.mb-sub-3 {
  margin-block-end: var(--spacing-sub-3);
}
.ml-sub-3 {
  margin-inline-start: var(--spacing-sub-3);
}
.mx-sub-3 {
  margin-inline: var(--spacing-sub-3);
}
.my-sub-3 {
  margin-block: var(--spacing-sub-3);
}
.m-inline-sub-3 {
  margin-inline: var(--spacing-sub-3);
}
.m-inline-start-sub-3 {
  margin-inline-start: var(--spacing-sub-3);
}
.m-inline-end-sub-3 {
  margin-inline-end: var(--spacing-sub-3);
}
.m-block-sub-3 {
  margin-block: var(--spacing-sub-3);
}
.m-block-start-sub-3 {
  margin-block-start: var(--spacing-sub-3);
}
.m-block-end-sub-3 {
  margin-block-end: var(--spacing-sub-3);
}

.p-4 {
  padding: var(--spacing-4);
}
.pt-4 {
  padding-block-start: var(--spacing-4);
}
.pr-4 {
  padding-inline-end: var(--spacing-4);
}
.pb-4 {
  padding-block-end: var(--spacing-4);
}
.pl-4 {
  padding-inline-start: var(--spacing-4);
}
.px-4 {
  padding-inline: var(--spacing-4);
}
.py-4 {
  padding-block: var(--spacing-4);
}
.p-inline-4 {
  padding-inline: var(--spacing-4);
}
.p-inline-start-4 {
  padding-inline-start: var(--spacing-4);
}
.p-inline-end-4 {
  padding-inline-end: var(--spacing-4);
}
.p-block-4 {
  padding-block: var(--spacing-4);
}
.p-block-start-4 {
  padding-block-start: var(--spacing-4);
}
.p-block-end-4 {
  padding-block-end: var(--spacing-4);
}

.m-4 {
  margin: var(--spacing-4);
}
.mt-4 {
  margin-block-start: var(--spacing-4);
}
.mr-4 {
  margin-inline-end: var(--spacing-4);
}
.mb-4 {
  margin-block-end: var(--spacing-4);
}
.ml-4 {
  margin-inline-start: var(--spacing-4);
}
.mx-4 {
  margin-inline: var(--spacing-4);
}
.my-4 {
  margin-block: var(--spacing-4);
}
.m-inline-4 {
  margin-inline: var(--spacing-4);
}
.m-inline-start-4 {
  margin-inline-start: var(--spacing-4);
}
.m-inline-end-4 {
  margin-inline-end: var(--spacing-4);
}
.m-block-4 {
  margin-block: var(--spacing-4);
}
.m-block-start-4 {
  margin-block-start: var(--spacing-4);
}
.m-block-end-4 {
  margin-block-end: var(--spacing-4);
}

.p-sub-4 {
  padding: var(--spacing-sub-4);
}
.pt-sub-4 {
  padding-block-start: var(--spacing-sub-4);
}
.pr-sub-4 {
  padding-inline-end: var(--spacing-sub-4);
}
.pb-sub-4 {
  padding-block-end: var(--spacing-sub-4);
}
.pl-sub-4 {
  padding-inline-start: var(--spacing-sub-4);
}
.px-sub-4 {
  padding-inline: var(--spacing-sub-4);
}
.py-sub-4 {
  padding-block: var(--spacing-sub-4);
}
.p-inline-sub-4 {
  padding-inline: var(--spacing-sub-4);
}
.p-inline-start-sub-4 {
  padding-inline-start: var(--spacing-sub-4);
}
.p-inline-end-sub-4 {
  padding-inline-end: var(--spacing-sub-4);
}
.p-block-sub-4 {
  padding-block: var(--spacing-sub-4);
}
.p-block-start-sub-4 {
  padding-block-start: var(--spacing-sub-4);
}
.p-block-end-sub-4 {
  padding-block-end: var(--spacing-sub-4);
}

.m-sub-4 {
  margin: var(--spacing-sub-4);
}
.mt-sub-4 {
  margin-block-start: var(--spacing-sub-4);
}
.mr-sub-4 {
  margin-inline-end: var(--spacing-sub-4);
}
.mb-sub-4 {
  margin-block-end: var(--spacing-sub-4);
}
.ml-sub-4 {
  margin-inline-start: var(--spacing-sub-4);
}
.mx-sub-4 {
  margin-inline: var(--spacing-sub-4);
}
.my-sub-4 {
  margin-block: var(--spacing-sub-4);
}
.m-inline-sub-4 {
  margin-inline: var(--spacing-sub-4);
}
.m-inline-start-sub-4 {
  margin-inline-start: var(--spacing-sub-4);
}
.m-inline-end-sub-4 {
  margin-inline-end: var(--spacing-sub-4);
}
.m-block-sub-4 {
  margin-block: var(--spacing-sub-4);
}
.m-block-start-sub-4 {
  margin-block-start: var(--spacing-sub-4);
}
.m-block-end-sub-4 {
  margin-block-end: var(--spacing-sub-4);
}

.p-5 {
  padding: var(--spacing-5);
}
.pt-5 {
  padding-block-start: var(--spacing-5);
}
.pr-5 {
  padding-inline-end: var(--spacing-5);
}
.pb-5 {
  padding-block-end: var(--spacing-5);
}
.pl-5 {
  padding-inline-start: var(--spacing-5);
}
.px-5 {
  padding-inline: var(--spacing-5);
}
.py-5 {
  padding-block: var(--spacing-5);
}
.p-inline-5 {
  padding-inline: var(--spacing-5);
}
.p-inline-start-5 {
  padding-inline-start: var(--spacing-5);
}
.p-inline-end-5 {
  padding-inline-end: var(--spacing-5);
}
.p-block-5 {
  padding-block: var(--spacing-5);
}
.p-block-start-5 {
  padding-block-start: var(--spacing-5);
}
.p-block-end-5 {
  padding-block-end: var(--spacing-5);
}

.m-5 {
  margin: var(--spacing-5);
}
.mt-5 {
  margin-block-start: var(--spacing-5);
}
.mr-5 {
  margin-inline-end: var(--spacing-5);
}
.mb-5 {
  margin-block-end: var(--spacing-5);
}
.ml-5 {
  margin-inline-start: var(--spacing-5);
}
.mx-5 {
  margin-inline: var(--spacing-5);
}
.my-5 {
  margin-block: var(--spacing-5);
}
.m-inline-5 {
  margin-inline: var(--spacing-5);
}
.m-inline-start-5 {
  margin-inline-start: var(--spacing-5);
}
.m-inline-end-5 {
  margin-inline-end: var(--spacing-5);
}
.m-block-5 {
  margin-block: var(--spacing-5);
}
.m-block-start-5 {
  margin-block-start: var(--spacing-5);
}
.m-block-end-5 {
  margin-block-end: var(--spacing-5);
}

.p-6 {
  padding: var(--spacing-6);
}
.pt-6 {
  padding-block-start: var(--spacing-6);
}
.pr-6 {
  padding-inline-end: var(--spacing-6);
}
.pb-6 {
  padding-block-end: var(--spacing-6);
}
.pl-6 {
  padding-inline-start: var(--spacing-6);
}
.px-6 {
  padding-inline: var(--spacing-6);
}
.py-6 {
  padding-block: var(--spacing-6);
}
.p-inline-6 {
  padding-inline: var(--spacing-6);
}
.p-inline-start-6 {
  padding-inline-start: var(--spacing-6);
}
.p-inline-end-6 {
  padding-inline-end: var(--spacing-6);
}
.p-block-6 {
  padding-block: var(--spacing-6);
}
.p-block-start-6 {
  padding-block-start: var(--spacing-6);
}
.p-block-end-6 {
  padding-block-end: var(--spacing-6);
}

.m-6 {
  margin: var(--spacing-6);
}
.mt-6 {
  margin-block-start: var(--spacing-6);
}
.mr-6 {
  margin-inline-end: var(--spacing-6);
}
.mb-6 {
  margin-block-end: var(--spacing-6);
}
.ml-6 {
  margin-inline-start: var(--spacing-6);
}
.mx-6 {
  margin-inline: var(--spacing-6);
}
.my-6 {
  margin-block: var(--spacing-6);
}
.m-inline-6 {
  margin-inline: var(--spacing-6);
}
.m-inline-start-6 {
  margin-inline-start: var(--spacing-6);
}
.m-inline-end-6 {
  margin-inline-end: var(--spacing-6);
}
.m-block-6 {
  margin-block: var(--spacing-6);
}
.m-block-start-6 {
  margin-block-start: var(--spacing-6);
}
.m-block-end-6 {
  margin-block-end: var(--spacing-6);
}

.p-7 {
  padding: var(--spacing-7);
}
.pt-7 {
  padding-block-start: var(--spacing-7);
}
.pr-7 {
  padding-inline-end: var(--spacing-7);
}
.pb-7 {
  padding-block-end: var(--spacing-7);
}
.pl-7 {
  padding-inline-start: var(--spacing-7);
}
.px-7 {
  padding-inline: var(--spacing-7);
}
.py-7 {
  padding-block: var(--spacing-7);
}
.p-inline-7 {
  padding-inline: var(--spacing-7);
}
.p-inline-start-7 {
  padding-inline-start: var(--spacing-7);
}
.p-inline-end-7 {
  padding-inline-end: var(--spacing-7);
}
.p-block-7 {
  padding-block: var(--spacing-7);
}
.p-block-start-7 {
  padding-block-start: var(--spacing-7);
}
.p-block-end-7 {
  padding-block-end: var(--spacing-7);
}

.m-7 {
  margin: var(--spacing-7);
}
.mt-7 {
  margin-block-start: var(--spacing-7);
}
.mr-7 {
  margin-inline-end: var(--spacing-7);
}
.mb-7 {
  margin-block-end: var(--spacing-7);
}
.ml-7 {
  margin-inline-start: var(--spacing-7);
}
.mx-7 {
  margin-inline: var(--spacing-7);
}
.my-7 {
  margin-block: var(--spacing-7);
}
.m-inline-7 {
  margin-inline: var(--spacing-7);
}
.m-inline-start-7 {
  margin-inline-start: var(--spacing-7);
}
.m-inline-end-7 {
  margin-inline-end: var(--spacing-7);
}
.m-block-7 {
  margin-block: var(--spacing-7);
}
.m-block-start-7 {
  margin-block-start: var(--spacing-7);
}
.m-block-end-7 {
  margin-block-end: var(--spacing-7);
}

.p-8 {
  padding: var(--spacing-8);
}
.pt-8 {
  padding-block-start: var(--spacing-8);
}
.pr-8 {
  padding-inline-end: var(--spacing-8);
}
.pb-8 {
  padding-block-end: var(--spacing-8);
}
.pl-8 {
  padding-inline-start: var(--spacing-8);
}
.px-8 {
  padding-inline: var(--spacing-8);
}
.py-8 {
  padding-block: var(--spacing-8);
}
.p-inline-8 {
  padding-inline: var(--spacing-8);
}
.p-inline-start-8 {
  padding-inline-start: var(--spacing-8);
}
.p-inline-end-8 {
  padding-inline-end: var(--spacing-8);
}
.p-block-8 {
  padding-block: var(--spacing-8);
}
.p-block-start-8 {
  padding-block-start: var(--spacing-8);
}
.p-block-end-8 {
  padding-block-end: var(--spacing-8);
}

.m-8 {
  margin: var(--spacing-8);
}
.mt-8 {
  margin-block-start: var(--spacing-8);
}
.mr-8 {
  margin-inline-end: var(--spacing-8);
}
.mb-8 {
  margin-block-end: var(--spacing-8);
}
.ml-8 {
  margin-inline-start: var(--spacing-8);
}
.mx-8 {
  margin-inline: var(--spacing-8);
}
.my-8 {
  margin-block: var(--spacing-8);
}
.m-inline-8 {
  margin-inline: var(--spacing-8);
}
.m-inline-start-8 {
  margin-inline-start: var(--spacing-8);
}
.m-inline-end-8 {
  margin-inline-end: var(--spacing-8);
}
.m-block-8 {
  margin-block: var(--spacing-8);
}
.m-block-start-8 {
  margin-block-start: var(--spacing-8);
}
.m-block-end-8 {
  margin-block-end: var(--spacing-8);
}

.p-9 {
  padding: var(--spacing-9);
}
.pt-9 {
  padding-block-start: var(--spacing-9);
}
.pr-9 {
  padding-inline-end: var(--spacing-9);
}
.pb-9 {
  padding-block-end: var(--spacing-9);
}
.pl-9 {
  padding-inline-start: var(--spacing-9);
}
.px-9 {
  padding-inline: var(--spacing-9);
}
.py-9 {
  padding-block: var(--spacing-9);
}
.p-inline-9 {
  padding-inline: var(--spacing-9);
}
.p-inline-start-9 {
  padding-inline-start: var(--spacing-9);
}
.p-inline-end-9 {
  padding-inline-end: var(--spacing-9);
}
.p-block-9 {
  padding-block: var(--spacing-9);
}
.p-block-start-9 {
  padding-block-start: var(--spacing-9);
}
.p-block-end-9 {
  padding-block-end: var(--spacing-9);
}

.m-9 {
  margin: var(--spacing-9);
}
.mt-9 {
  margin-block-start: var(--spacing-9);
}
.mr-9 {
  margin-inline-end: var(--spacing-9);
}
.mb-9 {
  margin-block-end: var(--spacing-9);
}
.ml-9 {
  margin-inline-start: var(--spacing-9);
}
.mx-9 {
  margin-inline: var(--spacing-9);
}
.my-9 {
  margin-block: var(--spacing-9);
}
.m-inline-9 {
  margin-inline: var(--spacing-9);
}
.m-inline-start-9 {
  margin-inline-start: var(--spacing-9);
}
.m-inline-end-9 {
  margin-inline-end: var(--spacing-9);
}
.m-block-9 {
  margin-block: var(--spacing-9);
}
.m-block-start-9 {
  margin-block-start: var(--spacing-9);
}
.m-block-end-9 {
  margin-block-end: var(--spacing-9);
}

.p-10 {
  padding: var(--spacing-10);
}
.pt-10 {
  padding-block-start: var(--spacing-10);
}
.pr-10 {
  padding-inline-end: var(--spacing-10);
}
.pb-10 {
  padding-block-end: var(--spacing-10);
}
.pl-10 {
  padding-inline-start: var(--spacing-10);
}
.px-10 {
  padding-inline: var(--spacing-10);
}
.py-10 {
  padding-block: var(--spacing-10);
}
.p-inline-10 {
  padding-inline: var(--spacing-10);
}
.p-inline-start-10 {
  padding-inline-start: var(--spacing-10);
}
.p-inline-end-10 {
  padding-inline-end: var(--spacing-10);
}
.p-block-10 {
  padding-block: var(--spacing-10);
}
.p-block-start-10 {
  padding-block-start: var(--spacing-10);
}
.p-block-end-10 {
  padding-block-end: var(--spacing-10);
}

.m-10 {
  margin: var(--spacing-10);
}
.mt-10 {
  margin-block-start: var(--spacing-10);
}
.mr-10 {
  margin-inline-end: var(--spacing-10);
}
.mb-10 {
  margin-block-end: var(--spacing-10);
}
.ml-10 {
  margin-inline-start: var(--spacing-10);
}
.mx-10 {
  margin-inline: var(--spacing-10);
}
.my-10 {
  margin-block: var(--spacing-10);
}
.m-inline-10 {
  margin-inline: var(--spacing-10);
}
.m-inline-start-10 {
  margin-inline-start: var(--spacing-10);
}
.m-inline-end-10 {
  margin-inline-end: var(--spacing-10);
}
.m-block-10 {
  margin-block: var(--spacing-10);
}
.m-block-start-10 {
  margin-block-start: var(--spacing-10);
}
.m-block-end-10 {
  margin-block-end: var(--spacing-10);
}

.p-11 {
  padding: var(--spacing-11);
}
.pt-11 {
  padding-block-start: var(--spacing-11);
}
.pr-11 {
  padding-inline-end: var(--spacing-11);
}
.pb-11 {
  padding-block-end: var(--spacing-11);
}
.pl-11 {
  padding-inline-start: var(--spacing-11);
}
.px-11 {
  padding-inline: var(--spacing-11);
}
.py-11 {
  padding-block: var(--spacing-11);
}
.p-inline-11 {
  padding-inline: var(--spacing-11);
}
.p-inline-start-11 {
  padding-inline-start: var(--spacing-11);
}
.p-inline-end-11 {
  padding-inline-end: var(--spacing-11);
}
.p-block-11 {
  padding-block: var(--spacing-11);
}
.p-block-start-11 {
  padding-block-start: var(--spacing-11);
}
.p-block-end-11 {
  padding-block-end: var(--spacing-11);
}

.m-11 {
  margin: var(--spacing-11);
}
.mt-11 {
  margin-block-start: var(--spacing-11);
}
.mr-11 {
  margin-inline-end: var(--spacing-11);
}
.mb-11 {
  margin-block-end: var(--spacing-11);
}
.ml-11 {
  margin-inline-start: var(--spacing-11);
}
.mx-11 {
  margin-inline: var(--spacing-11);
}
.my-11 {
  margin-block: var(--spacing-11);
}
.m-inline-11 {
  margin-inline: var(--spacing-11);
}
.m-inline-start-11 {
  margin-inline-start: var(--spacing-11);
}
.m-inline-end-11 {
  margin-inline-end: var(--spacing-11);
}
.m-block-11 {
  margin-block: var(--spacing-11);
}
.m-block-start-11 {
  margin-block-start: var(--spacing-11);
}
.m-block-end-11 {
  margin-block-end: var(--spacing-11);
}

.p-12 {
  padding: var(--spacing-12);
}
.pt-12 {
  padding-block-start: var(--spacing-12);
}
.pr-12 {
  padding-inline-end: var(--spacing-12);
}
.pb-12 {
  padding-block-end: var(--spacing-12);
}
.pl-12 {
  padding-inline-start: var(--spacing-12);
}
.px-12 {
  padding-inline: var(--spacing-12);
}
.py-12 {
  padding-block: var(--spacing-12);
}
.p-inline-12 {
  padding-inline: var(--spacing-12);
}
.p-inline-start-12 {
  padding-inline-start: var(--spacing-12);
}
.p-inline-end-12 {
  padding-inline-end: var(--spacing-12);
}
.p-block-12 {
  padding-block: var(--spacing-12);
}
.p-block-start-12 {
  padding-block-start: var(--spacing-12);
}
.p-block-end-12 {
  padding-block-end: var(--spacing-12);
}

.m-12 {
  margin: var(--spacing-12);
}
.mt-12 {
  margin-block-start: var(--spacing-12);
}
.mr-12 {
  margin-inline-end: var(--spacing-12);
}
.mb-12 {
  margin-block-end: var(--spacing-12);
}
.ml-12 {
  margin-inline-start: var(--spacing-12);
}
.mx-12 {
  margin-inline: var(--spacing-12);
}
.my-12 {
  margin-block: var(--spacing-12);
}
.m-inline-12 {
  margin-inline: var(--spacing-12);
}
.m-inline-start-12 {
  margin-inline-start: var(--spacing-12);
}
.m-inline-end-12 {
  margin-inline-end: var(--spacing-12);
}
.m-block-12 {
  margin-block: var(--spacing-12);
}
.m-block-start-12 {
  margin-block-start: var(--spacing-12);
}
.m-block-end-12 {
  margin-block-end: var(--spacing-12);
}

.p-14 {
  padding: var(--spacing-14);
}
.pt-14 {
  padding-block-start: var(--spacing-14);
}
.pr-14 {
  padding-inline-end: var(--spacing-14);
}
.pb-14 {
  padding-block-end: var(--spacing-14);
}
.pl-14 {
  padding-inline-start: var(--spacing-14);
}
.px-14 {
  padding-inline: var(--spacing-14);
}
.py-14 {
  padding-block: var(--spacing-14);
}
.p-inline-14 {
  padding-inline: var(--spacing-14);
}
.p-inline-start-14 {
  padding-inline-start: var(--spacing-14);
}
.p-inline-end-14 {
  padding-inline-end: var(--spacing-14);
}
.p-block-14 {
  padding-block: var(--spacing-14);
}
.p-block-start-14 {
  padding-block-start: var(--spacing-14);
}
.p-block-end-14 {
  padding-block-end: var(--spacing-14);
}

.m-14 {
  margin: var(--spacing-14);
}
.mt-14 {
  margin-block-start: var(--spacing-14);
}
.mr-14 {
  margin-inline-end: var(--spacing-14);
}
.mb-14 {
  margin-block-end: var(--spacing-14);
}
.ml-14 {
  margin-inline-start: var(--spacing-14);
}
.mx-14 {
  margin-inline: var(--spacing-14);
}
.my-14 {
  margin-block: var(--spacing-14);
}
.m-inline-14 {
  margin-inline: var(--spacing-14);
}
.m-inline-start-14 {
  margin-inline-start: var(--spacing-14);
}
.m-inline-end-14 {
  margin-inline-end: var(--spacing-14);
}
.m-block-14 {
  margin-block: var(--spacing-14);
}
.m-block-start-14 {
  margin-block-start: var(--spacing-14);
}
.m-block-end-14 {
  margin-block-end: var(--spacing-14);
}

.p-16 {
  padding: var(--spacing-16);
}
.pt-16 {
  padding-block-start: var(--spacing-16);
}
.pr-16 {
  padding-inline-end: var(--spacing-16);
}
.pb-16 {
  padding-block-end: var(--spacing-16);
}
.pl-16 {
  padding-inline-start: var(--spacing-16);
}
.px-16 {
  padding-inline: var(--spacing-16);
}
.py-16 {
  padding-block: var(--spacing-16);
}
.p-inline-16 {
  padding-inline: var(--spacing-16);
}
.p-inline-start-16 {
  padding-inline-start: var(--spacing-16);
}
.p-inline-end-16 {
  padding-inline-end: var(--spacing-16);
}
.p-block-16 {
  padding-block: var(--spacing-16);
}
.p-block-start-16 {
  padding-block-start: var(--spacing-16);
}
.p-block-end-16 {
  padding-block-end: var(--spacing-16);
}

.m-16 {
  margin: var(--spacing-16);
}
.mt-16 {
  margin-block-start: var(--spacing-16);
}
.mr-16 {
  margin-inline-end: var(--spacing-16);
}
.mb-16 {
  margin-block-end: var(--spacing-16);
}
.ml-16 {
  margin-inline-start: var(--spacing-16);
}
.mx-16 {
  margin-inline: var(--spacing-16);
}
.my-16 {
  margin-block: var(--spacing-16);
}
.m-inline-16 {
  margin-inline: var(--spacing-16);
}
.m-inline-start-16 {
  margin-inline-start: var(--spacing-16);
}
.m-inline-end-16 {
  margin-inline-end: var(--spacing-16);
}
.m-block-16 {
  margin-block: var(--spacing-16);
}
.m-block-start-16 {
  margin-block-start: var(--spacing-16);
}
.m-block-end-16 {
  margin-block-end: var(--spacing-16);
}

.p-20 {
  padding: var(--spacing-20);
}
.pt-20 {
  padding-block-start: var(--spacing-20);
}
.pr-20 {
  padding-inline-end: var(--spacing-20);
}
.pb-20 {
  padding-block-end: var(--spacing-20);
}
.pl-20 {
  padding-inline-start: var(--spacing-20);
}
.px-20 {
  padding-inline: var(--spacing-20);
}
.py-20 {
  padding-block: var(--spacing-20);
}
.p-inline-20 {
  padding-inline: var(--spacing-20);
}
.p-inline-start-20 {
  padding-inline-start: var(--spacing-20);
}
.p-inline-end-20 {
  padding-inline-end: var(--spacing-20);
}
.p-block-20 {
  padding-block: var(--spacing-20);
}
.p-block-start-20 {
  padding-block-start: var(--spacing-20);
}
.p-block-end-20 {
  padding-block-end: var(--spacing-20);
}

.m-20 {
  margin: var(--spacing-20);
}
.mt-20 {
  margin-block-start: var(--spacing-20);
}
.mr-20 {
  margin-inline-end: var(--spacing-20);
}
.mb-20 {
  margin-block-end: var(--spacing-20);
}
.ml-20 {
  margin-inline-start: var(--spacing-20);
}
.mx-20 {
  margin-inline: var(--spacing-20);
}
.my-20 {
  margin-block: var(--spacing-20);
}
.m-inline-20 {
  margin-inline: var(--spacing-20);
}
.m-inline-start-20 {
  margin-inline-start: var(--spacing-20);
}
.m-inline-end-20 {
  margin-inline-end: var(--spacing-20);
}
.m-block-20 {
  margin-block: var(--spacing-20);
}
.m-block-start-20 {
  margin-block-start: var(--spacing-20);
}
.m-block-end-20 {
  margin-block-end: var(--spacing-20);
}

.p-24 {
  padding: var(--spacing-24);
}
.pt-24 {
  padding-block-start: var(--spacing-24);
}
.pr-24 {
  padding-inline-end: var(--spacing-24);
}
.pb-24 {
  padding-block-end: var(--spacing-24);
}
.pl-24 {
  padding-inline-start: var(--spacing-24);
}
.px-24 {
  padding-inline: var(--spacing-24);
}
.py-24 {
  padding-block: var(--spacing-24);
}
.p-inline-24 {
  padding-inline: var(--spacing-24);
}
.p-inline-start-24 {
  padding-inline-start: var(--spacing-24);
}
.p-inline-end-24 {
  padding-inline-end: var(--spacing-24);
}
.p-block-24 {
  padding-block: var(--spacing-24);
}
.p-block-start-24 {
  padding-block-start: var(--spacing-24);
}
.p-block-end-24 {
  padding-block-end: var(--spacing-24);
}

.m-24 {
  margin: var(--spacing-24);
}
.mt-24 {
  margin-block-start: var(--spacing-24);
}
.mr-24 {
  margin-inline-end: var(--spacing-24);
}
.mb-24 {
  margin-block-end: var(--spacing-24);
}
.ml-24 {
  margin-inline-start: var(--spacing-24);
}
.mx-24 {
  margin-inline: var(--spacing-24);
}
.my-24 {
  margin-block: var(--spacing-24);
}
.m-inline-24 {
  margin-inline: var(--spacing-24);
}
.m-inline-start-24 {
  margin-inline-start: var(--spacing-24);
}
.m-inline-end-24 {
  margin-inline-end: var(--spacing-24);
}
.m-block-24 {
  margin-block: var(--spacing-24);
}
.m-block-start-24 {
  margin-block-start: var(--spacing-24);
}
.m-block-end-24 {
  margin-block-end: var(--spacing-24);
}

.p-28 {
  padding: var(--spacing-28);
}
.pt-28 {
  padding-block-start: var(--spacing-28);
}
.pr-28 {
  padding-inline-end: var(--spacing-28);
}
.pb-28 {
  padding-block-end: var(--spacing-28);
}
.pl-28 {
  padding-inline-start: var(--spacing-28);
}
.px-28 {
  padding-inline: var(--spacing-28);
}
.py-28 {
  padding-block: var(--spacing-28);
}
.p-inline-28 {
  padding-inline: var(--spacing-28);
}
.p-inline-start-28 {
  padding-inline-start: var(--spacing-28);
}
.p-inline-end-28 {
  padding-inline-end: var(--spacing-28);
}
.p-block-28 {
  padding-block: var(--spacing-28);
}
.p-block-start-28 {
  padding-block-start: var(--spacing-28);
}
.p-block-end-28 {
  padding-block-end: var(--spacing-28);
}

.m-28 {
  margin: var(--spacing-28);
}
.mt-28 {
  margin-block-start: var(--spacing-28);
}
.mr-28 {
  margin-inline-end: var(--spacing-28);
}
.mb-28 {
  margin-block-end: var(--spacing-28);
}
.ml-28 {
  margin-inline-start: var(--spacing-28);
}
.mx-28 {
  margin-inline: var(--spacing-28);
}
.my-28 {
  margin-block: var(--spacing-28);
}
.m-inline-28 {
  margin-inline: var(--spacing-28);
}
.m-inline-start-28 {
  margin-inline-start: var(--spacing-28);
}
.m-inline-end-28 {
  margin-inline-end: var(--spacing-28);
}
.m-block-28 {
  margin-block: var(--spacing-28);
}
.m-block-start-28 {
  margin-block-start: var(--spacing-28);
}
.m-block-end-28 {
  margin-block-end: var(--spacing-28);
}

.p-32 {
  padding: var(--spacing-32);
}
.pt-32 {
  padding-block-start: var(--spacing-32);
}
.pr-32 {
  padding-inline-end: var(--spacing-32);
}
.pb-32 {
  padding-block-end: var(--spacing-32);
}
.pl-32 {
  padding-inline-start: var(--spacing-32);
}
.px-32 {
  padding-inline: var(--spacing-32);
}
.py-32 {
  padding-block: var(--spacing-32);
}
.p-inline-32 {
  padding-inline: var(--spacing-32);
}
.p-inline-start-32 {
  padding-inline-start: var(--spacing-32);
}
.p-inline-end-32 {
  padding-inline-end: var(--spacing-32);
}
.p-block-32 {
  padding-block: var(--spacing-32);
}
.p-block-start-32 {
  padding-block-start: var(--spacing-32);
}
.p-block-end-32 {
  padding-block-end: var(--spacing-32);
}

.m-32 {
  margin: var(--spacing-32);
}
.mt-32 {
  margin-block-start: var(--spacing-32);
}
.mr-32 {
  margin-inline-end: var(--spacing-32);
}
.mb-32 {
  margin-block-end: var(--spacing-32);
}
.ml-32 {
  margin-inline-start: var(--spacing-32);
}
.mx-32 {
  margin-inline: var(--spacing-32);
}
.my-32 {
  margin-block: var(--spacing-32);
}
.m-inline-32 {
  margin-inline: var(--spacing-32);
}
.m-inline-start-32 {
  margin-inline-start: var(--spacing-32);
}
.m-inline-end-32 {
  margin-inline-end: var(--spacing-32);
}
.m-block-32 {
  margin-block: var(--spacing-32);
}
.m-block-start-32 {
  margin-block-start: var(--spacing-32);
}
.m-block-end-32 {
  margin-block-end: var(--spacing-32);
}

.p-max {
  padding: var(--spacing-max);
}
.pt-max {
  padding-block-start: var(--spacing-max);
}
.pr-max {
  padding-inline-end: var(--spacing-max);
}
.pb-max {
  padding-block-end: var(--spacing-max);
}
.pl-max {
  padding-inline-start: var(--spacing-max);
}
.px-max {
  padding-inline: var(--spacing-max);
}
.py-max {
  padding-block: var(--spacing-max);
}
.p-inline-max {
  padding-inline: var(--spacing-max);
}
.p-inline-start-max {
  padding-inline-start: var(--spacing-max);
}
.p-inline-end-max {
  padding-inline-end: var(--spacing-max);
}
.p-block-max {
  padding-block: var(--spacing-max);
}
.p-block-start-max {
  padding-block-start: var(--spacing-max);
}
.p-block-end-max {
  padding-block-end: var(--spacing-max);
}

.m-max {
  margin: var(--spacing-max);
}
.mt-max {
  margin-block-start: var(--spacing-max);
}
.mr-max {
  margin-inline-end: var(--spacing-max);
}
.mb-max {
  margin-block-end: var(--spacing-max);
}
.ml-max {
  margin-inline-start: var(--spacing-max);
}
.mx-max {
  margin-inline: var(--spacing-max);
}
.my-max {
  margin-block: var(--spacing-max);
}
.m-inline-max {
  margin-inline: var(--spacing-max);
}
.m-inline-start-max {
  margin-inline-start: var(--spacing-max);
}
.m-inline-end-max {
  margin-inline-end: var(--spacing-max);
}
.m-block-max {
  margin-block: var(--spacing-max);
}
.m-block-start-max {
  margin-block-start: var(--spacing-max);
}
.m-block-end-max {
  margin-block-end: var(--spacing-max);
}

.p-full {
  padding: var(--spacing-full);
}
.pt-full {
  padding-block-start: var(--spacing-full);
}
.pr-full {
  padding-inline-end: var(--spacing-full);
}
.pb-full {
  padding-block-end: var(--spacing-full);
}
.pl-full {
  padding-inline-start: var(--spacing-full);
}
.px-full {
  padding-inline: var(--spacing-full);
}
.py-full {
  padding-block: var(--spacing-full);
}
.p-inline-full {
  padding-inline: var(--spacing-full);
}
.p-inline-start-full {
  padding-inline-start: var(--spacing-full);
}
.p-inline-end-full {
  padding-inline-end: var(--spacing-full);
}
.p-block-full {
  padding-block: var(--spacing-full);
}
.p-block-start-full {
  padding-block-start: var(--spacing-full);
}
.p-block-end-full {
  padding-block-end: var(--spacing-full);
}

.m-full {
  margin: var(--spacing-full);
}
.mt-full {
  margin-block-start: var(--spacing-full);
}
.mr-full {
  margin-inline-end: var(--spacing-full);
}
.mb-full {
  margin-block-end: var(--spacing-full);
}
.ml-full {
  margin-inline-start: var(--spacing-full);
}
.mx-full {
  margin-inline: var(--spacing-full);
}
.my-full {
  margin-block: var(--spacing-full);
}
.m-inline-full {
  margin-inline: var(--spacing-full);
}
.m-inline-start-full {
  margin-inline-start: var(--spacing-full);
}
.m-inline-end-full {
  margin-inline-end: var(--spacing-full);
}
.m-block-full {
  margin-block: var(--spacing-full);
}
.m-block-start-full {
  margin-block-start: var(--spacing-full);
}
.m-block-end-full {
  margin-block-end: var(--spacing-full);
}

@media (min-width: 32rem) {
  .xs\:p-0 {
    padding: var(--spacing-0);
  }
  .xs\:pt-0 {
    padding-block-start: var(--spacing-0);
  }
  .xs\:pr-0 {
    padding-inline-end: var(--spacing-0);
  }
  .xs\:pb-0 {
    padding-block-end: var(--spacing-0);
  }
  .xs\:pl-0 {
    padding-inline-start: var(--spacing-0);
  }
  .xs\:px-0 {
    padding-inline: var(--spacing-0);
  }
  .xs\:py-0 {
    padding-block: var(--spacing-0);
  }
  .xs\:m-0 {
    margin: var(--spacing-0);
  }
  .xs\:mt-0 {
    margin-block-start: var(--spacing-0);
  }
  .xs\:mr-0 {
    margin-inline-end: var(--spacing-0);
  }
  .xs\:mb-0 {
    margin-block-end: var(--spacing-0);
  }
  .xs\:ml-0 {
    margin-inline-start: var(--spacing-0);
  }
  .xs\:mx-0 {
    margin-inline: var(--spacing-0);
  }
  .xs\:my-0 {
    margin-block: var(--spacing-0);
  }
  .xs\:p-px {
    padding: var(--spacing-px);
  }
  .xs\:pt-px {
    padding-block-start: var(--spacing-px);
  }
  .xs\:pr-px {
    padding-inline-end: var(--spacing-px);
  }
  .xs\:pb-px {
    padding-block-end: var(--spacing-px);
  }
  .xs\:pl-px {
    padding-inline-start: var(--spacing-px);
  }
  .xs\:px-px {
    padding-inline: var(--spacing-px);
  }
  .xs\:py-px {
    padding-block: var(--spacing-px);
  }
  .xs\:m-px {
    margin: var(--spacing-px);
  }
  .xs\:mt-px {
    margin-block-start: var(--spacing-px);
  }
  .xs\:mr-px {
    margin-inline-end: var(--spacing-px);
  }
  .xs\:mb-px {
    margin-block-end: var(--spacing-px);
  }
  .xs\:ml-px {
    margin-inline-start: var(--spacing-px);
  }
  .xs\:mx-px {
    margin-inline: var(--spacing-px);
  }
  .xs\:my-px {
    margin-block: var(--spacing-px);
  }
  .xs\:p-sub-px {
    padding: var(--spacing-sub-px);
  }
  .xs\:pt-sub-px {
    padding-block-start: var(--spacing-sub-px);
  }
  .xs\:pr-sub-px {
    padding-inline-end: var(--spacing-sub-px);
  }
  .xs\:pb-sub-px {
    padding-block-end: var(--spacing-sub-px);
  }
  .xs\:pl-sub-px {
    padding-inline-start: var(--spacing-sub-px);
  }
  .xs\:px-sub-px {
    padding-inline: var(--spacing-sub-px);
  }
  .xs\:py-sub-px {
    padding-block: var(--spacing-sub-px);
  }
  .xs\:m-sub-px {
    margin: var(--spacing-sub-px);
  }
  .xs\:mt-sub-px {
    margin-block-start: var(--spacing-sub-px);
  }
  .xs\:mr-sub-px {
    margin-inline-end: var(--spacing-sub-px);
  }
  .xs\:mb-sub-px {
    margin-block-end: var(--spacing-sub-px);
  }
  .xs\:ml-sub-px {
    margin-inline-start: var(--spacing-sub-px);
  }
  .xs\:mx-sub-px {
    margin-inline: var(--spacing-sub-px);
  }
  .xs\:my-sub-px {
    margin-block: var(--spacing-sub-px);
  }
  .xs\:p-1 {
    padding: var(--spacing-1);
  }
  .xs\:pt-1 {
    padding-block-start: var(--spacing-1);
  }
  .xs\:pr-1 {
    padding-inline-end: var(--spacing-1);
  }
  .xs\:pb-1 {
    padding-block-end: var(--spacing-1);
  }
  .xs\:pl-1 {
    padding-inline-start: var(--spacing-1);
  }
  .xs\:px-1 {
    padding-inline: var(--spacing-1);
  }
  .xs\:py-1 {
    padding-block: var(--spacing-1);
  }
  .xs\:m-1 {
    margin: var(--spacing-1);
  }
  .xs\:mt-1 {
    margin-block-start: var(--spacing-1);
  }
  .xs\:mr-1 {
    margin-inline-end: var(--spacing-1);
  }
  .xs\:mb-1 {
    margin-block-end: var(--spacing-1);
  }
  .xs\:ml-1 {
    margin-inline-start: var(--spacing-1);
  }
  .xs\:mx-1 {
    margin-inline: var(--spacing-1);
  }
  .xs\:my-1 {
    margin-block: var(--spacing-1);
  }
  .xs\:p-sub-1 {
    padding: var(--spacing-sub-1);
  }
  .xs\:pt-sub-1 {
    padding-block-start: var(--spacing-sub-1);
  }
  .xs\:pr-sub-1 {
    padding-inline-end: var(--spacing-sub-1);
  }
  .xs\:pb-sub-1 {
    padding-block-end: var(--spacing-sub-1);
  }
  .xs\:pl-sub-1 {
    padding-inline-start: var(--spacing-sub-1);
  }
  .xs\:px-sub-1 {
    padding-inline: var(--spacing-sub-1);
  }
  .xs\:py-sub-1 {
    padding-block: var(--spacing-sub-1);
  }
  .xs\:m-sub-1 {
    margin: var(--spacing-sub-1);
  }
  .xs\:mt-sub-1 {
    margin-block-start: var(--spacing-sub-1);
  }
  .xs\:mr-sub-1 {
    margin-inline-end: var(--spacing-sub-1);
  }
  .xs\:mb-sub-1 {
    margin-block-end: var(--spacing-sub-1);
  }
  .xs\:ml-sub-1 {
    margin-inline-start: var(--spacing-sub-1);
  }
  .xs\:mx-sub-1 {
    margin-inline: var(--spacing-sub-1);
  }
  .xs\:my-sub-1 {
    margin-block: var(--spacing-sub-1);
  }
  .xs\:p-2 {
    padding: var(--spacing-2);
  }
  .xs\:pt-2 {
    padding-block-start: var(--spacing-2);
  }
  .xs\:pr-2 {
    padding-inline-end: var(--spacing-2);
  }
  .xs\:pb-2 {
    padding-block-end: var(--spacing-2);
  }
  .xs\:pl-2 {
    padding-inline-start: var(--spacing-2);
  }
  .xs\:px-2 {
    padding-inline: var(--spacing-2);
  }
  .xs\:py-2 {
    padding-block: var(--spacing-2);
  }
  .xs\:m-2 {
    margin: var(--spacing-2);
  }
  .xs\:mt-2 {
    margin-block-start: var(--spacing-2);
  }
  .xs\:mr-2 {
    margin-inline-end: var(--spacing-2);
  }
  .xs\:mb-2 {
    margin-block-end: var(--spacing-2);
  }
  .xs\:ml-2 {
    margin-inline-start: var(--spacing-2);
  }
  .xs\:mx-2 {
    margin-inline: var(--spacing-2);
  }
  .xs\:my-2 {
    margin-block: var(--spacing-2);
  }
  .xs\:p-sub-2 {
    padding: var(--spacing-sub-2);
  }
  .xs\:pt-sub-2 {
    padding-block-start: var(--spacing-sub-2);
  }
  .xs\:pr-sub-2 {
    padding-inline-end: var(--spacing-sub-2);
  }
  .xs\:pb-sub-2 {
    padding-block-end: var(--spacing-sub-2);
  }
  .xs\:pl-sub-2 {
    padding-inline-start: var(--spacing-sub-2);
  }
  .xs\:px-sub-2 {
    padding-inline: var(--spacing-sub-2);
  }
  .xs\:py-sub-2 {
    padding-block: var(--spacing-sub-2);
  }
  .xs\:m-sub-2 {
    margin: var(--spacing-sub-2);
  }
  .xs\:mt-sub-2 {
    margin-block-start: var(--spacing-sub-2);
  }
  .xs\:mr-sub-2 {
    margin-inline-end: var(--spacing-sub-2);
  }
  .xs\:mb-sub-2 {
    margin-block-end: var(--spacing-sub-2);
  }
  .xs\:ml-sub-2 {
    margin-inline-start: var(--spacing-sub-2);
  }
  .xs\:mx-sub-2 {
    margin-inline: var(--spacing-sub-2);
  }
  .xs\:my-sub-2 {
    margin-block: var(--spacing-sub-2);
  }
  .xs\:p-3 {
    padding: var(--spacing-3);
  }
  .xs\:pt-3 {
    padding-block-start: var(--spacing-3);
  }
  .xs\:pr-3 {
    padding-inline-end: var(--spacing-3);
  }
  .xs\:pb-3 {
    padding-block-end: var(--spacing-3);
  }
  .xs\:pl-3 {
    padding-inline-start: var(--spacing-3);
  }
  .xs\:px-3 {
    padding-inline: var(--spacing-3);
  }
  .xs\:py-3 {
    padding-block: var(--spacing-3);
  }
  .xs\:m-3 {
    margin: var(--spacing-3);
  }
  .xs\:mt-3 {
    margin-block-start: var(--spacing-3);
  }
  .xs\:mr-3 {
    margin-inline-end: var(--spacing-3);
  }
  .xs\:mb-3 {
    margin-block-end: var(--spacing-3);
  }
  .xs\:ml-3 {
    margin-inline-start: var(--spacing-3);
  }
  .xs\:mx-3 {
    margin-inline: var(--spacing-3);
  }
  .xs\:my-3 {
    margin-block: var(--spacing-3);
  }
  .xs\:p-sub-3 {
    padding: var(--spacing-sub-3);
  }
  .xs\:pt-sub-3 {
    padding-block-start: var(--spacing-sub-3);
  }
  .xs\:pr-sub-3 {
    padding-inline-end: var(--spacing-sub-3);
  }
  .xs\:pb-sub-3 {
    padding-block-end: var(--spacing-sub-3);
  }
  .xs\:pl-sub-3 {
    padding-inline-start: var(--spacing-sub-3);
  }
  .xs\:px-sub-3 {
    padding-inline: var(--spacing-sub-3);
  }
  .xs\:py-sub-3 {
    padding-block: var(--spacing-sub-3);
  }
  .xs\:m-sub-3 {
    margin: var(--spacing-sub-3);
  }
  .xs\:mt-sub-3 {
    margin-block-start: var(--spacing-sub-3);
  }
  .xs\:mr-sub-3 {
    margin-inline-end: var(--spacing-sub-3);
  }
  .xs\:mb-sub-3 {
    margin-block-end: var(--spacing-sub-3);
  }
  .xs\:ml-sub-3 {
    margin-inline-start: var(--spacing-sub-3);
  }
  .xs\:mx-sub-3 {
    margin-inline: var(--spacing-sub-3);
  }
  .xs\:my-sub-3 {
    margin-block: var(--spacing-sub-3);
  }
  .xs\:p-4 {
    padding: var(--spacing-4);
  }
  .xs\:pt-4 {
    padding-block-start: var(--spacing-4);
  }
  .xs\:pr-4 {
    padding-inline-end: var(--spacing-4);
  }
  .xs\:pb-4 {
    padding-block-end: var(--spacing-4);
  }
  .xs\:pl-4 {
    padding-inline-start: var(--spacing-4);
  }
  .xs\:px-4 {
    padding-inline: var(--spacing-4);
  }
  .xs\:py-4 {
    padding-block: var(--spacing-4);
  }
  .xs\:m-4 {
    margin: var(--spacing-4);
  }
  .xs\:mt-4 {
    margin-block-start: var(--spacing-4);
  }
  .xs\:mr-4 {
    margin-inline-end: var(--spacing-4);
  }
  .xs\:mb-4 {
    margin-block-end: var(--spacing-4);
  }
  .xs\:ml-4 {
    margin-inline-start: var(--spacing-4);
  }
  .xs\:mx-4 {
    margin-inline: var(--spacing-4);
  }
  .xs\:my-4 {
    margin-block: var(--spacing-4);
  }
  .xs\:p-sub-4 {
    padding: var(--spacing-sub-4);
  }
  .xs\:pt-sub-4 {
    padding-block-start: var(--spacing-sub-4);
  }
  .xs\:pr-sub-4 {
    padding-inline-end: var(--spacing-sub-4);
  }
  .xs\:pb-sub-4 {
    padding-block-end: var(--spacing-sub-4);
  }
  .xs\:pl-sub-4 {
    padding-inline-start: var(--spacing-sub-4);
  }
  .xs\:px-sub-4 {
    padding-inline: var(--spacing-sub-4);
  }
  .xs\:py-sub-4 {
    padding-block: var(--spacing-sub-4);
  }
  .xs\:m-sub-4 {
    margin: var(--spacing-sub-4);
  }
  .xs\:mt-sub-4 {
    margin-block-start: var(--spacing-sub-4);
  }
  .xs\:mr-sub-4 {
    margin-inline-end: var(--spacing-sub-4);
  }
  .xs\:mb-sub-4 {
    margin-block-end: var(--spacing-sub-4);
  }
  .xs\:ml-sub-4 {
    margin-inline-start: var(--spacing-sub-4);
  }
  .xs\:mx-sub-4 {
    margin-inline: var(--spacing-sub-4);
  }
  .xs\:my-sub-4 {
    margin-block: var(--spacing-sub-4);
  }
  .xs\:p-5 {
    padding: var(--spacing-5);
  }
  .xs\:pt-5 {
    padding-block-start: var(--spacing-5);
  }
  .xs\:pr-5 {
    padding-inline-end: var(--spacing-5);
  }
  .xs\:pb-5 {
    padding-block-end: var(--spacing-5);
  }
  .xs\:pl-5 {
    padding-inline-start: var(--spacing-5);
  }
  .xs\:px-5 {
    padding-inline: var(--spacing-5);
  }
  .xs\:py-5 {
    padding-block: var(--spacing-5);
  }
  .xs\:m-5 {
    margin: var(--spacing-5);
  }
  .xs\:mt-5 {
    margin-block-start: var(--spacing-5);
  }
  .xs\:mr-5 {
    margin-inline-end: var(--spacing-5);
  }
  .xs\:mb-5 {
    margin-block-end: var(--spacing-5);
  }
  .xs\:ml-5 {
    margin-inline-start: var(--spacing-5);
  }
  .xs\:mx-5 {
    margin-inline: var(--spacing-5);
  }
  .xs\:my-5 {
    margin-block: var(--spacing-5);
  }
  .xs\:p-6 {
    padding: var(--spacing-6);
  }
  .xs\:pt-6 {
    padding-block-start: var(--spacing-6);
  }
  .xs\:pr-6 {
    padding-inline-end: var(--spacing-6);
  }
  .xs\:pb-6 {
    padding-block-end: var(--spacing-6);
  }
  .xs\:pl-6 {
    padding-inline-start: var(--spacing-6);
  }
  .xs\:px-6 {
    padding-inline: var(--spacing-6);
  }
  .xs\:py-6 {
    padding-block: var(--spacing-6);
  }
  .xs\:m-6 {
    margin: var(--spacing-6);
  }
  .xs\:mt-6 {
    margin-block-start: var(--spacing-6);
  }
  .xs\:mr-6 {
    margin-inline-end: var(--spacing-6);
  }
  .xs\:mb-6 {
    margin-block-end: var(--spacing-6);
  }
  .xs\:ml-6 {
    margin-inline-start: var(--spacing-6);
  }
  .xs\:mx-6 {
    margin-inline: var(--spacing-6);
  }
  .xs\:my-6 {
    margin-block: var(--spacing-6);
  }
  .xs\:p-7 {
    padding: var(--spacing-7);
  }
  .xs\:pt-7 {
    padding-block-start: var(--spacing-7);
  }
  .xs\:pr-7 {
    padding-inline-end: var(--spacing-7);
  }
  .xs\:pb-7 {
    padding-block-end: var(--spacing-7);
  }
  .xs\:pl-7 {
    padding-inline-start: var(--spacing-7);
  }
  .xs\:px-7 {
    padding-inline: var(--spacing-7);
  }
  .xs\:py-7 {
    padding-block: var(--spacing-7);
  }
  .xs\:m-7 {
    margin: var(--spacing-7);
  }
  .xs\:mt-7 {
    margin-block-start: var(--spacing-7);
  }
  .xs\:mr-7 {
    margin-inline-end: var(--spacing-7);
  }
  .xs\:mb-7 {
    margin-block-end: var(--spacing-7);
  }
  .xs\:ml-7 {
    margin-inline-start: var(--spacing-7);
  }
  .xs\:mx-7 {
    margin-inline: var(--spacing-7);
  }
  .xs\:my-7 {
    margin-block: var(--spacing-7);
  }
  .xs\:p-8 {
    padding: var(--spacing-8);
  }
  .xs\:pt-8 {
    padding-block-start: var(--spacing-8);
  }
  .xs\:pr-8 {
    padding-inline-end: var(--spacing-8);
  }
  .xs\:pb-8 {
    padding-block-end: var(--spacing-8);
  }
  .xs\:pl-8 {
    padding-inline-start: var(--spacing-8);
  }
  .xs\:px-8 {
    padding-inline: var(--spacing-8);
  }
  .xs\:py-8 {
    padding-block: var(--spacing-8);
  }
  .xs\:m-8 {
    margin: var(--spacing-8);
  }
  .xs\:mt-8 {
    margin-block-start: var(--spacing-8);
  }
  .xs\:mr-8 {
    margin-inline-end: var(--spacing-8);
  }
  .xs\:mb-8 {
    margin-block-end: var(--spacing-8);
  }
  .xs\:ml-8 {
    margin-inline-start: var(--spacing-8);
  }
  .xs\:mx-8 {
    margin-inline: var(--spacing-8);
  }
  .xs\:my-8 {
    margin-block: var(--spacing-8);
  }
  .xs\:p-9 {
    padding: var(--spacing-9);
  }
  .xs\:pt-9 {
    padding-block-start: var(--spacing-9);
  }
  .xs\:pr-9 {
    padding-inline-end: var(--spacing-9);
  }
  .xs\:pb-9 {
    padding-block-end: var(--spacing-9);
  }
  .xs\:pl-9 {
    padding-inline-start: var(--spacing-9);
  }
  .xs\:px-9 {
    padding-inline: var(--spacing-9);
  }
  .xs\:py-9 {
    padding-block: var(--spacing-9);
  }
  .xs\:m-9 {
    margin: var(--spacing-9);
  }
  .xs\:mt-9 {
    margin-block-start: var(--spacing-9);
  }
  .xs\:mr-9 {
    margin-inline-end: var(--spacing-9);
  }
  .xs\:mb-9 {
    margin-block-end: var(--spacing-9);
  }
  .xs\:ml-9 {
    margin-inline-start: var(--spacing-9);
  }
  .xs\:mx-9 {
    margin-inline: var(--spacing-9);
  }
  .xs\:my-9 {
    margin-block: var(--spacing-9);
  }
  .xs\:p-10 {
    padding: var(--spacing-10);
  }
  .xs\:pt-10 {
    padding-block-start: var(--spacing-10);
  }
  .xs\:pr-10 {
    padding-inline-end: var(--spacing-10);
  }
  .xs\:pb-10 {
    padding-block-end: var(--spacing-10);
  }
  .xs\:pl-10 {
    padding-inline-start: var(--spacing-10);
  }
  .xs\:px-10 {
    padding-inline: var(--spacing-10);
  }
  .xs\:py-10 {
    padding-block: var(--spacing-10);
  }
  .xs\:m-10 {
    margin: var(--spacing-10);
  }
  .xs\:mt-10 {
    margin-block-start: var(--spacing-10);
  }
  .xs\:mr-10 {
    margin-inline-end: var(--spacing-10);
  }
  .xs\:mb-10 {
    margin-block-end: var(--spacing-10);
  }
  .xs\:ml-10 {
    margin-inline-start: var(--spacing-10);
  }
  .xs\:mx-10 {
    margin-inline: var(--spacing-10);
  }
  .xs\:my-10 {
    margin-block: var(--spacing-10);
  }
  .xs\:p-11 {
    padding: var(--spacing-11);
  }
  .xs\:pt-11 {
    padding-block-start: var(--spacing-11);
  }
  .xs\:pr-11 {
    padding-inline-end: var(--spacing-11);
  }
  .xs\:pb-11 {
    padding-block-end: var(--spacing-11);
  }
  .xs\:pl-11 {
    padding-inline-start: var(--spacing-11);
  }
  .xs\:px-11 {
    padding-inline: var(--spacing-11);
  }
  .xs\:py-11 {
    padding-block: var(--spacing-11);
  }
  .xs\:m-11 {
    margin: var(--spacing-11);
  }
  .xs\:mt-11 {
    margin-block-start: var(--spacing-11);
  }
  .xs\:mr-11 {
    margin-inline-end: var(--spacing-11);
  }
  .xs\:mb-11 {
    margin-block-end: var(--spacing-11);
  }
  .xs\:ml-11 {
    margin-inline-start: var(--spacing-11);
  }
  .xs\:mx-11 {
    margin-inline: var(--spacing-11);
  }
  .xs\:my-11 {
    margin-block: var(--spacing-11);
  }
  .xs\:p-12 {
    padding: var(--spacing-12);
  }
  .xs\:pt-12 {
    padding-block-start: var(--spacing-12);
  }
  .xs\:pr-12 {
    padding-inline-end: var(--spacing-12);
  }
  .xs\:pb-12 {
    padding-block-end: var(--spacing-12);
  }
  .xs\:pl-12 {
    padding-inline-start: var(--spacing-12);
  }
  .xs\:px-12 {
    padding-inline: var(--spacing-12);
  }
  .xs\:py-12 {
    padding-block: var(--spacing-12);
  }
  .xs\:m-12 {
    margin: var(--spacing-12);
  }
  .xs\:mt-12 {
    margin-block-start: var(--spacing-12);
  }
  .xs\:mr-12 {
    margin-inline-end: var(--spacing-12);
  }
  .xs\:mb-12 {
    margin-block-end: var(--spacing-12);
  }
  .xs\:ml-12 {
    margin-inline-start: var(--spacing-12);
  }
  .xs\:mx-12 {
    margin-inline: var(--spacing-12);
  }
  .xs\:my-12 {
    margin-block: var(--spacing-12);
  }
  .xs\:p-14 {
    padding: var(--spacing-14);
  }
  .xs\:pt-14 {
    padding-block-start: var(--spacing-14);
  }
  .xs\:pr-14 {
    padding-inline-end: var(--spacing-14);
  }
  .xs\:pb-14 {
    padding-block-end: var(--spacing-14);
  }
  .xs\:pl-14 {
    padding-inline-start: var(--spacing-14);
  }
  .xs\:px-14 {
    padding-inline: var(--spacing-14);
  }
  .xs\:py-14 {
    padding-block: var(--spacing-14);
  }
  .xs\:m-14 {
    margin: var(--spacing-14);
  }
  .xs\:mt-14 {
    margin-block-start: var(--spacing-14);
  }
  .xs\:mr-14 {
    margin-inline-end: var(--spacing-14);
  }
  .xs\:mb-14 {
    margin-block-end: var(--spacing-14);
  }
  .xs\:ml-14 {
    margin-inline-start: var(--spacing-14);
  }
  .xs\:mx-14 {
    margin-inline: var(--spacing-14);
  }
  .xs\:my-14 {
    margin-block: var(--spacing-14);
  }
  .xs\:p-16 {
    padding: var(--spacing-16);
  }
  .xs\:pt-16 {
    padding-block-start: var(--spacing-16);
  }
  .xs\:pr-16 {
    padding-inline-end: var(--spacing-16);
  }
  .xs\:pb-16 {
    padding-block-end: var(--spacing-16);
  }
  .xs\:pl-16 {
    padding-inline-start: var(--spacing-16);
  }
  .xs\:px-16 {
    padding-inline: var(--spacing-16);
  }
  .xs\:py-16 {
    padding-block: var(--spacing-16);
  }
  .xs\:m-16 {
    margin: var(--spacing-16);
  }
  .xs\:mt-16 {
    margin-block-start: var(--spacing-16);
  }
  .xs\:mr-16 {
    margin-inline-end: var(--spacing-16);
  }
  .xs\:mb-16 {
    margin-block-end: var(--spacing-16);
  }
  .xs\:ml-16 {
    margin-inline-start: var(--spacing-16);
  }
  .xs\:mx-16 {
    margin-inline: var(--spacing-16);
  }
  .xs\:my-16 {
    margin-block: var(--spacing-16);
  }
  .xs\:p-20 {
    padding: var(--spacing-20);
  }
  .xs\:pt-20 {
    padding-block-start: var(--spacing-20);
  }
  .xs\:pr-20 {
    padding-inline-end: var(--spacing-20);
  }
  .xs\:pb-20 {
    padding-block-end: var(--spacing-20);
  }
  .xs\:pl-20 {
    padding-inline-start: var(--spacing-20);
  }
  .xs\:px-20 {
    padding-inline: var(--spacing-20);
  }
  .xs\:py-20 {
    padding-block: var(--spacing-20);
  }
  .xs\:m-20 {
    margin: var(--spacing-20);
  }
  .xs\:mt-20 {
    margin-block-start: var(--spacing-20);
  }
  .xs\:mr-20 {
    margin-inline-end: var(--spacing-20);
  }
  .xs\:mb-20 {
    margin-block-end: var(--spacing-20);
  }
  .xs\:ml-20 {
    margin-inline-start: var(--spacing-20);
  }
  .xs\:mx-20 {
    margin-inline: var(--spacing-20);
  }
  .xs\:my-20 {
    margin-block: var(--spacing-20);
  }
  .xs\:p-24 {
    padding: var(--spacing-24);
  }
  .xs\:pt-24 {
    padding-block-start: var(--spacing-24);
  }
  .xs\:pr-24 {
    padding-inline-end: var(--spacing-24);
  }
  .xs\:pb-24 {
    padding-block-end: var(--spacing-24);
  }
  .xs\:pl-24 {
    padding-inline-start: var(--spacing-24);
  }
  .xs\:px-24 {
    padding-inline: var(--spacing-24);
  }
  .xs\:py-24 {
    padding-block: var(--spacing-24);
  }
  .xs\:m-24 {
    margin: var(--spacing-24);
  }
  .xs\:mt-24 {
    margin-block-start: var(--spacing-24);
  }
  .xs\:mr-24 {
    margin-inline-end: var(--spacing-24);
  }
  .xs\:mb-24 {
    margin-block-end: var(--spacing-24);
  }
  .xs\:ml-24 {
    margin-inline-start: var(--spacing-24);
  }
  .xs\:mx-24 {
    margin-inline: var(--spacing-24);
  }
  .xs\:my-24 {
    margin-block: var(--spacing-24);
  }
  .xs\:p-28 {
    padding: var(--spacing-28);
  }
  .xs\:pt-28 {
    padding-block-start: var(--spacing-28);
  }
  .xs\:pr-28 {
    padding-inline-end: var(--spacing-28);
  }
  .xs\:pb-28 {
    padding-block-end: var(--spacing-28);
  }
  .xs\:pl-28 {
    padding-inline-start: var(--spacing-28);
  }
  .xs\:px-28 {
    padding-inline: var(--spacing-28);
  }
  .xs\:py-28 {
    padding-block: var(--spacing-28);
  }
  .xs\:m-28 {
    margin: var(--spacing-28);
  }
  .xs\:mt-28 {
    margin-block-start: var(--spacing-28);
  }
  .xs\:mr-28 {
    margin-inline-end: var(--spacing-28);
  }
  .xs\:mb-28 {
    margin-block-end: var(--spacing-28);
  }
  .xs\:ml-28 {
    margin-inline-start: var(--spacing-28);
  }
  .xs\:mx-28 {
    margin-inline: var(--spacing-28);
  }
  .xs\:my-28 {
    margin-block: var(--spacing-28);
  }
  .xs\:p-32 {
    padding: var(--spacing-32);
  }
  .xs\:pt-32 {
    padding-block-start: var(--spacing-32);
  }
  .xs\:pr-32 {
    padding-inline-end: var(--spacing-32);
  }
  .xs\:pb-32 {
    padding-block-end: var(--spacing-32);
  }
  .xs\:pl-32 {
    padding-inline-start: var(--spacing-32);
  }
  .xs\:px-32 {
    padding-inline: var(--spacing-32);
  }
  .xs\:py-32 {
    padding-block: var(--spacing-32);
  }
  .xs\:m-32 {
    margin: var(--spacing-32);
  }
  .xs\:mt-32 {
    margin-block-start: var(--spacing-32);
  }
  .xs\:mr-32 {
    margin-inline-end: var(--spacing-32);
  }
  .xs\:mb-32 {
    margin-block-end: var(--spacing-32);
  }
  .xs\:ml-32 {
    margin-inline-start: var(--spacing-32);
  }
  .xs\:mx-32 {
    margin-inline: var(--spacing-32);
  }
  .xs\:my-32 {
    margin-block: var(--spacing-32);
  }
  .xs\:p-max {
    padding: var(--spacing-max);
  }
  .xs\:pt-max {
    padding-block-start: var(--spacing-max);
  }
  .xs\:pr-max {
    padding-inline-end: var(--spacing-max);
  }
  .xs\:pb-max {
    padding-block-end: var(--spacing-max);
  }
  .xs\:pl-max {
    padding-inline-start: var(--spacing-max);
  }
  .xs\:px-max {
    padding-inline: var(--spacing-max);
  }
  .xs\:py-max {
    padding-block: var(--spacing-max);
  }
  .xs\:m-max {
    margin: var(--spacing-max);
  }
  .xs\:mt-max {
    margin-block-start: var(--spacing-max);
  }
  .xs\:mr-max {
    margin-inline-end: var(--spacing-max);
  }
  .xs\:mb-max {
    margin-block-end: var(--spacing-max);
  }
  .xs\:ml-max {
    margin-inline-start: var(--spacing-max);
  }
  .xs\:mx-max {
    margin-inline: var(--spacing-max);
  }
  .xs\:my-max {
    margin-block: var(--spacing-max);
  }
  .xs\:p-full {
    padding: var(--spacing-full);
  }
  .xs\:pt-full {
    padding-block-start: var(--spacing-full);
  }
  .xs\:pr-full {
    padding-inline-end: var(--spacing-full);
  }
  .xs\:pb-full {
    padding-block-end: var(--spacing-full);
  }
  .xs\:pl-full {
    padding-inline-start: var(--spacing-full);
  }
  .xs\:px-full {
    padding-inline: var(--spacing-full);
  }
  .xs\:py-full {
    padding-block: var(--spacing-full);
  }
  .xs\:m-full {
    margin: var(--spacing-full);
  }
  .xs\:mt-full {
    margin-block-start: var(--spacing-full);
  }
  .xs\:mr-full {
    margin-inline-end: var(--spacing-full);
  }
  .xs\:mb-full {
    margin-block-end: var(--spacing-full);
  }
  .xs\:ml-full {
    margin-inline-start: var(--spacing-full);
  }
  .xs\:mx-full {
    margin-inline: var(--spacing-full);
  }
  .xs\:my-full {
    margin-block: var(--spacing-full);
  }
  .xs\:p-auto {
    padding: auto;
  }
  .xs\:px-auto {
    padding-inline: auto;
  }
  .xs\:py-auto {
    padding-block: auto;
  }
  .xs\:m-auto {
    margin: auto;
  }
  .xs\:mt-auto {
    margin-block-start: auto;
  }
  .xs\:mr-auto {
    margin-inline-end: auto;
  }
  .xs\:mb-auto {
    margin-block-end: auto;
  }
  .xs\:ml-auto {
    margin-inline-start: auto;
  }
  .xs\:mx-auto {
    margin-inline: auto;
  }
  .xs\:my-auto {
    margin-block: auto;
  }
}
@media (min-width: 48rem) {
  .sm\:p-0 {
    padding: var(--spacing-0);
  }
  .sm\:pt-0 {
    padding-block-start: var(--spacing-0);
  }
  .sm\:pr-0 {
    padding-inline-end: var(--spacing-0);
  }
  .sm\:pb-0 {
    padding-block-end: var(--spacing-0);
  }
  .sm\:pl-0 {
    padding-inline-start: var(--spacing-0);
  }
  .sm\:px-0 {
    padding-inline: var(--spacing-0);
  }
  .sm\:py-0 {
    padding-block: var(--spacing-0);
  }
  .sm\:m-0 {
    margin: var(--spacing-0);
  }
  .sm\:mt-0 {
    margin-block-start: var(--spacing-0);
  }
  .sm\:mr-0 {
    margin-inline-end: var(--spacing-0);
  }
  .sm\:mb-0 {
    margin-block-end: var(--spacing-0);
  }
  .sm\:ml-0 {
    margin-inline-start: var(--spacing-0);
  }
  .sm\:mx-0 {
    margin-inline: var(--spacing-0);
  }
  .sm\:my-0 {
    margin-block: var(--spacing-0);
  }
  .sm\:p-px {
    padding: var(--spacing-px);
  }
  .sm\:pt-px {
    padding-block-start: var(--spacing-px);
  }
  .sm\:pr-px {
    padding-inline-end: var(--spacing-px);
  }
  .sm\:pb-px {
    padding-block-end: var(--spacing-px);
  }
  .sm\:pl-px {
    padding-inline-start: var(--spacing-px);
  }
  .sm\:px-px {
    padding-inline: var(--spacing-px);
  }
  .sm\:py-px {
    padding-block: var(--spacing-px);
  }
  .sm\:m-px {
    margin: var(--spacing-px);
  }
  .sm\:mt-px {
    margin-block-start: var(--spacing-px);
  }
  .sm\:mr-px {
    margin-inline-end: var(--spacing-px);
  }
  .sm\:mb-px {
    margin-block-end: var(--spacing-px);
  }
  .sm\:ml-px {
    margin-inline-start: var(--spacing-px);
  }
  .sm\:mx-px {
    margin-inline: var(--spacing-px);
  }
  .sm\:my-px {
    margin-block: var(--spacing-px);
  }
  .sm\:p-sub-px {
    padding: var(--spacing-sub-px);
  }
  .sm\:pt-sub-px {
    padding-block-start: var(--spacing-sub-px);
  }
  .sm\:pr-sub-px {
    padding-inline-end: var(--spacing-sub-px);
  }
  .sm\:pb-sub-px {
    padding-block-end: var(--spacing-sub-px);
  }
  .sm\:pl-sub-px {
    padding-inline-start: var(--spacing-sub-px);
  }
  .sm\:px-sub-px {
    padding-inline: var(--spacing-sub-px);
  }
  .sm\:py-sub-px {
    padding-block: var(--spacing-sub-px);
  }
  .sm\:m-sub-px {
    margin: var(--spacing-sub-px);
  }
  .sm\:mt-sub-px {
    margin-block-start: var(--spacing-sub-px);
  }
  .sm\:mr-sub-px {
    margin-inline-end: var(--spacing-sub-px);
  }
  .sm\:mb-sub-px {
    margin-block-end: var(--spacing-sub-px);
  }
  .sm\:ml-sub-px {
    margin-inline-start: var(--spacing-sub-px);
  }
  .sm\:mx-sub-px {
    margin-inline: var(--spacing-sub-px);
  }
  .sm\:my-sub-px {
    margin-block: var(--spacing-sub-px);
  }
  .sm\:p-1 {
    padding: var(--spacing-1);
  }
  .sm\:pt-1 {
    padding-block-start: var(--spacing-1);
  }
  .sm\:pr-1 {
    padding-inline-end: var(--spacing-1);
  }
  .sm\:pb-1 {
    padding-block-end: var(--spacing-1);
  }
  .sm\:pl-1 {
    padding-inline-start: var(--spacing-1);
  }
  .sm\:px-1 {
    padding-inline: var(--spacing-1);
  }
  .sm\:py-1 {
    padding-block: var(--spacing-1);
  }
  .sm\:m-1 {
    margin: var(--spacing-1);
  }
  .sm\:mt-1 {
    margin-block-start: var(--spacing-1);
  }
  .sm\:mr-1 {
    margin-inline-end: var(--spacing-1);
  }
  .sm\:mb-1 {
    margin-block-end: var(--spacing-1);
  }
  .sm\:ml-1 {
    margin-inline-start: var(--spacing-1);
  }
  .sm\:mx-1 {
    margin-inline: var(--spacing-1);
  }
  .sm\:my-1 {
    margin-block: var(--spacing-1);
  }
  .sm\:p-sub-1 {
    padding: var(--spacing-sub-1);
  }
  .sm\:pt-sub-1 {
    padding-block-start: var(--spacing-sub-1);
  }
  .sm\:pr-sub-1 {
    padding-inline-end: var(--spacing-sub-1);
  }
  .sm\:pb-sub-1 {
    padding-block-end: var(--spacing-sub-1);
  }
  .sm\:pl-sub-1 {
    padding-inline-start: var(--spacing-sub-1);
  }
  .sm\:px-sub-1 {
    padding-inline: var(--spacing-sub-1);
  }
  .sm\:py-sub-1 {
    padding-block: var(--spacing-sub-1);
  }
  .sm\:m-sub-1 {
    margin: var(--spacing-sub-1);
  }
  .sm\:mt-sub-1 {
    margin-block-start: var(--spacing-sub-1);
  }
  .sm\:mr-sub-1 {
    margin-inline-end: var(--spacing-sub-1);
  }
  .sm\:mb-sub-1 {
    margin-block-end: var(--spacing-sub-1);
  }
  .sm\:ml-sub-1 {
    margin-inline-start: var(--spacing-sub-1);
  }
  .sm\:mx-sub-1 {
    margin-inline: var(--spacing-sub-1);
  }
  .sm\:my-sub-1 {
    margin-block: var(--spacing-sub-1);
  }
  .sm\:p-2 {
    padding: var(--spacing-2);
  }
  .sm\:pt-2 {
    padding-block-start: var(--spacing-2);
  }
  .sm\:pr-2 {
    padding-inline-end: var(--spacing-2);
  }
  .sm\:pb-2 {
    padding-block-end: var(--spacing-2);
  }
  .sm\:pl-2 {
    padding-inline-start: var(--spacing-2);
  }
  .sm\:px-2 {
    padding-inline: var(--spacing-2);
  }
  .sm\:py-2 {
    padding-block: var(--spacing-2);
  }
  .sm\:m-2 {
    margin: var(--spacing-2);
  }
  .sm\:mt-2 {
    margin-block-start: var(--spacing-2);
  }
  .sm\:mr-2 {
    margin-inline-end: var(--spacing-2);
  }
  .sm\:mb-2 {
    margin-block-end: var(--spacing-2);
  }
  .sm\:ml-2 {
    margin-inline-start: var(--spacing-2);
  }
  .sm\:mx-2 {
    margin-inline: var(--spacing-2);
  }
  .sm\:my-2 {
    margin-block: var(--spacing-2);
  }
  .sm\:p-sub-2 {
    padding: var(--spacing-sub-2);
  }
  .sm\:pt-sub-2 {
    padding-block-start: var(--spacing-sub-2);
  }
  .sm\:pr-sub-2 {
    padding-inline-end: var(--spacing-sub-2);
  }
  .sm\:pb-sub-2 {
    padding-block-end: var(--spacing-sub-2);
  }
  .sm\:pl-sub-2 {
    padding-inline-start: var(--spacing-sub-2);
  }
  .sm\:px-sub-2 {
    padding-inline: var(--spacing-sub-2);
  }
  .sm\:py-sub-2 {
    padding-block: var(--spacing-sub-2);
  }
  .sm\:m-sub-2 {
    margin: var(--spacing-sub-2);
  }
  .sm\:mt-sub-2 {
    margin-block-start: var(--spacing-sub-2);
  }
  .sm\:mr-sub-2 {
    margin-inline-end: var(--spacing-sub-2);
  }
  .sm\:mb-sub-2 {
    margin-block-end: var(--spacing-sub-2);
  }
  .sm\:ml-sub-2 {
    margin-inline-start: var(--spacing-sub-2);
  }
  .sm\:mx-sub-2 {
    margin-inline: var(--spacing-sub-2);
  }
  .sm\:my-sub-2 {
    margin-block: var(--spacing-sub-2);
  }
  .sm\:p-3 {
    padding: var(--spacing-3);
  }
  .sm\:pt-3 {
    padding-block-start: var(--spacing-3);
  }
  .sm\:pr-3 {
    padding-inline-end: var(--spacing-3);
  }
  .sm\:pb-3 {
    padding-block-end: var(--spacing-3);
  }
  .sm\:pl-3 {
    padding-inline-start: var(--spacing-3);
  }
  .sm\:px-3 {
    padding-inline: var(--spacing-3);
  }
  .sm\:py-3 {
    padding-block: var(--spacing-3);
  }
  .sm\:m-3 {
    margin: var(--spacing-3);
  }
  .sm\:mt-3 {
    margin-block-start: var(--spacing-3);
  }
  .sm\:mr-3 {
    margin-inline-end: var(--spacing-3);
  }
  .sm\:mb-3 {
    margin-block-end: var(--spacing-3);
  }
  .sm\:ml-3 {
    margin-inline-start: var(--spacing-3);
  }
  .sm\:mx-3 {
    margin-inline: var(--spacing-3);
  }
  .sm\:my-3 {
    margin-block: var(--spacing-3);
  }
  .sm\:p-sub-3 {
    padding: var(--spacing-sub-3);
  }
  .sm\:pt-sub-3 {
    padding-block-start: var(--spacing-sub-3);
  }
  .sm\:pr-sub-3 {
    padding-inline-end: var(--spacing-sub-3);
  }
  .sm\:pb-sub-3 {
    padding-block-end: var(--spacing-sub-3);
  }
  .sm\:pl-sub-3 {
    padding-inline-start: var(--spacing-sub-3);
  }
  .sm\:px-sub-3 {
    padding-inline: var(--spacing-sub-3);
  }
  .sm\:py-sub-3 {
    padding-block: var(--spacing-sub-3);
  }
  .sm\:m-sub-3 {
    margin: var(--spacing-sub-3);
  }
  .sm\:mt-sub-3 {
    margin-block-start: var(--spacing-sub-3);
  }
  .sm\:mr-sub-3 {
    margin-inline-end: var(--spacing-sub-3);
  }
  .sm\:mb-sub-3 {
    margin-block-end: var(--spacing-sub-3);
  }
  .sm\:ml-sub-3 {
    margin-inline-start: var(--spacing-sub-3);
  }
  .sm\:mx-sub-3 {
    margin-inline: var(--spacing-sub-3);
  }
  .sm\:my-sub-3 {
    margin-block: var(--spacing-sub-3);
  }
  .sm\:p-4 {
    padding: var(--spacing-4);
  }
  .sm\:pt-4 {
    padding-block-start: var(--spacing-4);
  }
  .sm\:pr-4 {
    padding-inline-end: var(--spacing-4);
  }
  .sm\:pb-4 {
    padding-block-end: var(--spacing-4);
  }
  .sm\:pl-4 {
    padding-inline-start: var(--spacing-4);
  }
  .sm\:px-4 {
    padding-inline: var(--spacing-4);
  }
  .sm\:py-4 {
    padding-block: var(--spacing-4);
  }
  .sm\:m-4 {
    margin: var(--spacing-4);
  }
  .sm\:mt-4 {
    margin-block-start: var(--spacing-4);
  }
  .sm\:mr-4 {
    margin-inline-end: var(--spacing-4);
  }
  .sm\:mb-4 {
    margin-block-end: var(--spacing-4);
  }
  .sm\:ml-4 {
    margin-inline-start: var(--spacing-4);
  }
  .sm\:mx-4 {
    margin-inline: var(--spacing-4);
  }
  .sm\:my-4 {
    margin-block: var(--spacing-4);
  }
  .sm\:p-sub-4 {
    padding: var(--spacing-sub-4);
  }
  .sm\:pt-sub-4 {
    padding-block-start: var(--spacing-sub-4);
  }
  .sm\:pr-sub-4 {
    padding-inline-end: var(--spacing-sub-4);
  }
  .sm\:pb-sub-4 {
    padding-block-end: var(--spacing-sub-4);
  }
  .sm\:pl-sub-4 {
    padding-inline-start: var(--spacing-sub-4);
  }
  .sm\:px-sub-4 {
    padding-inline: var(--spacing-sub-4);
  }
  .sm\:py-sub-4 {
    padding-block: var(--spacing-sub-4);
  }
  .sm\:m-sub-4 {
    margin: var(--spacing-sub-4);
  }
  .sm\:mt-sub-4 {
    margin-block-start: var(--spacing-sub-4);
  }
  .sm\:mr-sub-4 {
    margin-inline-end: var(--spacing-sub-4);
  }
  .sm\:mb-sub-4 {
    margin-block-end: var(--spacing-sub-4);
  }
  .sm\:ml-sub-4 {
    margin-inline-start: var(--spacing-sub-4);
  }
  .sm\:mx-sub-4 {
    margin-inline: var(--spacing-sub-4);
  }
  .sm\:my-sub-4 {
    margin-block: var(--spacing-sub-4);
  }
  .sm\:p-5 {
    padding: var(--spacing-5);
  }
  .sm\:pt-5 {
    padding-block-start: var(--spacing-5);
  }
  .sm\:pr-5 {
    padding-inline-end: var(--spacing-5);
  }
  .sm\:pb-5 {
    padding-block-end: var(--spacing-5);
  }
  .sm\:pl-5 {
    padding-inline-start: var(--spacing-5);
  }
  .sm\:px-5 {
    padding-inline: var(--spacing-5);
  }
  .sm\:py-5 {
    padding-block: var(--spacing-5);
  }
  .sm\:m-5 {
    margin: var(--spacing-5);
  }
  .sm\:mt-5 {
    margin-block-start: var(--spacing-5);
  }
  .sm\:mr-5 {
    margin-inline-end: var(--spacing-5);
  }
  .sm\:mb-5 {
    margin-block-end: var(--spacing-5);
  }
  .sm\:ml-5 {
    margin-inline-start: var(--spacing-5);
  }
  .sm\:mx-5 {
    margin-inline: var(--spacing-5);
  }
  .sm\:my-5 {
    margin-block: var(--spacing-5);
  }
  .sm\:p-6 {
    padding: var(--spacing-6);
  }
  .sm\:pt-6 {
    padding-block-start: var(--spacing-6);
  }
  .sm\:pr-6 {
    padding-inline-end: var(--spacing-6);
  }
  .sm\:pb-6 {
    padding-block-end: var(--spacing-6);
  }
  .sm\:pl-6 {
    padding-inline-start: var(--spacing-6);
  }
  .sm\:px-6 {
    padding-inline: var(--spacing-6);
  }
  .sm\:py-6 {
    padding-block: var(--spacing-6);
  }
  .sm\:m-6 {
    margin: var(--spacing-6);
  }
  .sm\:mt-6 {
    margin-block-start: var(--spacing-6);
  }
  .sm\:mr-6 {
    margin-inline-end: var(--spacing-6);
  }
  .sm\:mb-6 {
    margin-block-end: var(--spacing-6);
  }
  .sm\:ml-6 {
    margin-inline-start: var(--spacing-6);
  }
  .sm\:mx-6 {
    margin-inline: var(--spacing-6);
  }
  .sm\:my-6 {
    margin-block: var(--spacing-6);
  }
  .sm\:p-7 {
    padding: var(--spacing-7);
  }
  .sm\:pt-7 {
    padding-block-start: var(--spacing-7);
  }
  .sm\:pr-7 {
    padding-inline-end: var(--spacing-7);
  }
  .sm\:pb-7 {
    padding-block-end: var(--spacing-7);
  }
  .sm\:pl-7 {
    padding-inline-start: var(--spacing-7);
  }
  .sm\:px-7 {
    padding-inline: var(--spacing-7);
  }
  .sm\:py-7 {
    padding-block: var(--spacing-7);
  }
  .sm\:m-7 {
    margin: var(--spacing-7);
  }
  .sm\:mt-7 {
    margin-block-start: var(--spacing-7);
  }
  .sm\:mr-7 {
    margin-inline-end: var(--spacing-7);
  }
  .sm\:mb-7 {
    margin-block-end: var(--spacing-7);
  }
  .sm\:ml-7 {
    margin-inline-start: var(--spacing-7);
  }
  .sm\:mx-7 {
    margin-inline: var(--spacing-7);
  }
  .sm\:my-7 {
    margin-block: var(--spacing-7);
  }
  .sm\:p-8 {
    padding: var(--spacing-8);
  }
  .sm\:pt-8 {
    padding-block-start: var(--spacing-8);
  }
  .sm\:pr-8 {
    padding-inline-end: var(--spacing-8);
  }
  .sm\:pb-8 {
    padding-block-end: var(--spacing-8);
  }
  .sm\:pl-8 {
    padding-inline-start: var(--spacing-8);
  }
  .sm\:px-8 {
    padding-inline: var(--spacing-8);
  }
  .sm\:py-8 {
    padding-block: var(--spacing-8);
  }
  .sm\:m-8 {
    margin: var(--spacing-8);
  }
  .sm\:mt-8 {
    margin-block-start: var(--spacing-8);
  }
  .sm\:mr-8 {
    margin-inline-end: var(--spacing-8);
  }
  .sm\:mb-8 {
    margin-block-end: var(--spacing-8);
  }
  .sm\:ml-8 {
    margin-inline-start: var(--spacing-8);
  }
  .sm\:mx-8 {
    margin-inline: var(--spacing-8);
  }
  .sm\:my-8 {
    margin-block: var(--spacing-8);
  }
  .sm\:p-9 {
    padding: var(--spacing-9);
  }
  .sm\:pt-9 {
    padding-block-start: var(--spacing-9);
  }
  .sm\:pr-9 {
    padding-inline-end: var(--spacing-9);
  }
  .sm\:pb-9 {
    padding-block-end: var(--spacing-9);
  }
  .sm\:pl-9 {
    padding-inline-start: var(--spacing-9);
  }
  .sm\:px-9 {
    padding-inline: var(--spacing-9);
  }
  .sm\:py-9 {
    padding-block: var(--spacing-9);
  }
  .sm\:m-9 {
    margin: var(--spacing-9);
  }
  .sm\:mt-9 {
    margin-block-start: var(--spacing-9);
  }
  .sm\:mr-9 {
    margin-inline-end: var(--spacing-9);
  }
  .sm\:mb-9 {
    margin-block-end: var(--spacing-9);
  }
  .sm\:ml-9 {
    margin-inline-start: var(--spacing-9);
  }
  .sm\:mx-9 {
    margin-inline: var(--spacing-9);
  }
  .sm\:my-9 {
    margin-block: var(--spacing-9);
  }
  .sm\:p-10 {
    padding: var(--spacing-10);
  }
  .sm\:pt-10 {
    padding-block-start: var(--spacing-10);
  }
  .sm\:pr-10 {
    padding-inline-end: var(--spacing-10);
  }
  .sm\:pb-10 {
    padding-block-end: var(--spacing-10);
  }
  .sm\:pl-10 {
    padding-inline-start: var(--spacing-10);
  }
  .sm\:px-10 {
    padding-inline: var(--spacing-10);
  }
  .sm\:py-10 {
    padding-block: var(--spacing-10);
  }
  .sm\:m-10 {
    margin: var(--spacing-10);
  }
  .sm\:mt-10 {
    margin-block-start: var(--spacing-10);
  }
  .sm\:mr-10 {
    margin-inline-end: var(--spacing-10);
  }
  .sm\:mb-10 {
    margin-block-end: var(--spacing-10);
  }
  .sm\:ml-10 {
    margin-inline-start: var(--spacing-10);
  }
  .sm\:mx-10 {
    margin-inline: var(--spacing-10);
  }
  .sm\:my-10 {
    margin-block: var(--spacing-10);
  }
  .sm\:p-11 {
    padding: var(--spacing-11);
  }
  .sm\:pt-11 {
    padding-block-start: var(--spacing-11);
  }
  .sm\:pr-11 {
    padding-inline-end: var(--spacing-11);
  }
  .sm\:pb-11 {
    padding-block-end: var(--spacing-11);
  }
  .sm\:pl-11 {
    padding-inline-start: var(--spacing-11);
  }
  .sm\:px-11 {
    padding-inline: var(--spacing-11);
  }
  .sm\:py-11 {
    padding-block: var(--spacing-11);
  }
  .sm\:m-11 {
    margin: var(--spacing-11);
  }
  .sm\:mt-11 {
    margin-block-start: var(--spacing-11);
  }
  .sm\:mr-11 {
    margin-inline-end: var(--spacing-11);
  }
  .sm\:mb-11 {
    margin-block-end: var(--spacing-11);
  }
  .sm\:ml-11 {
    margin-inline-start: var(--spacing-11);
  }
  .sm\:mx-11 {
    margin-inline: var(--spacing-11);
  }
  .sm\:my-11 {
    margin-block: var(--spacing-11);
  }
  .sm\:p-12 {
    padding: var(--spacing-12);
  }
  .sm\:pt-12 {
    padding-block-start: var(--spacing-12);
  }
  .sm\:pr-12 {
    padding-inline-end: var(--spacing-12);
  }
  .sm\:pb-12 {
    padding-block-end: var(--spacing-12);
  }
  .sm\:pl-12 {
    padding-inline-start: var(--spacing-12);
  }
  .sm\:px-12 {
    padding-inline: var(--spacing-12);
  }
  .sm\:py-12 {
    padding-block: var(--spacing-12);
  }
  .sm\:m-12 {
    margin: var(--spacing-12);
  }
  .sm\:mt-12 {
    margin-block-start: var(--spacing-12);
  }
  .sm\:mr-12 {
    margin-inline-end: var(--spacing-12);
  }
  .sm\:mb-12 {
    margin-block-end: var(--spacing-12);
  }
  .sm\:ml-12 {
    margin-inline-start: var(--spacing-12);
  }
  .sm\:mx-12 {
    margin-inline: var(--spacing-12);
  }
  .sm\:my-12 {
    margin-block: var(--spacing-12);
  }
  .sm\:p-14 {
    padding: var(--spacing-14);
  }
  .sm\:pt-14 {
    padding-block-start: var(--spacing-14);
  }
  .sm\:pr-14 {
    padding-inline-end: var(--spacing-14);
  }
  .sm\:pb-14 {
    padding-block-end: var(--spacing-14);
  }
  .sm\:pl-14 {
    padding-inline-start: var(--spacing-14);
  }
  .sm\:px-14 {
    padding-inline: var(--spacing-14);
  }
  .sm\:py-14 {
    padding-block: var(--spacing-14);
  }
  .sm\:m-14 {
    margin: var(--spacing-14);
  }
  .sm\:mt-14 {
    margin-block-start: var(--spacing-14);
  }
  .sm\:mr-14 {
    margin-inline-end: var(--spacing-14);
  }
  .sm\:mb-14 {
    margin-block-end: var(--spacing-14);
  }
  .sm\:ml-14 {
    margin-inline-start: var(--spacing-14);
  }
  .sm\:mx-14 {
    margin-inline: var(--spacing-14);
  }
  .sm\:my-14 {
    margin-block: var(--spacing-14);
  }
  .sm\:p-16 {
    padding: var(--spacing-16);
  }
  .sm\:pt-16 {
    padding-block-start: var(--spacing-16);
  }
  .sm\:pr-16 {
    padding-inline-end: var(--spacing-16);
  }
  .sm\:pb-16 {
    padding-block-end: var(--spacing-16);
  }
  .sm\:pl-16 {
    padding-inline-start: var(--spacing-16);
  }
  .sm\:px-16 {
    padding-inline: var(--spacing-16);
  }
  .sm\:py-16 {
    padding-block: var(--spacing-16);
  }
  .sm\:m-16 {
    margin: var(--spacing-16);
  }
  .sm\:mt-16 {
    margin-block-start: var(--spacing-16);
  }
  .sm\:mr-16 {
    margin-inline-end: var(--spacing-16);
  }
  .sm\:mb-16 {
    margin-block-end: var(--spacing-16);
  }
  .sm\:ml-16 {
    margin-inline-start: var(--spacing-16);
  }
  .sm\:mx-16 {
    margin-inline: var(--spacing-16);
  }
  .sm\:my-16 {
    margin-block: var(--spacing-16);
  }
  .sm\:p-20 {
    padding: var(--spacing-20);
  }
  .sm\:pt-20 {
    padding-block-start: var(--spacing-20);
  }
  .sm\:pr-20 {
    padding-inline-end: var(--spacing-20);
  }
  .sm\:pb-20 {
    padding-block-end: var(--spacing-20);
  }
  .sm\:pl-20 {
    padding-inline-start: var(--spacing-20);
  }
  .sm\:px-20 {
    padding-inline: var(--spacing-20);
  }
  .sm\:py-20 {
    padding-block: var(--spacing-20);
  }
  .sm\:m-20 {
    margin: var(--spacing-20);
  }
  .sm\:mt-20 {
    margin-block-start: var(--spacing-20);
  }
  .sm\:mr-20 {
    margin-inline-end: var(--spacing-20);
  }
  .sm\:mb-20 {
    margin-block-end: var(--spacing-20);
  }
  .sm\:ml-20 {
    margin-inline-start: var(--spacing-20);
  }
  .sm\:mx-20 {
    margin-inline: var(--spacing-20);
  }
  .sm\:my-20 {
    margin-block: var(--spacing-20);
  }
  .sm\:p-24 {
    padding: var(--spacing-24);
  }
  .sm\:pt-24 {
    padding-block-start: var(--spacing-24);
  }
  .sm\:pr-24 {
    padding-inline-end: var(--spacing-24);
  }
  .sm\:pb-24 {
    padding-block-end: var(--spacing-24);
  }
  .sm\:pl-24 {
    padding-inline-start: var(--spacing-24);
  }
  .sm\:px-24 {
    padding-inline: var(--spacing-24);
  }
  .sm\:py-24 {
    padding-block: var(--spacing-24);
  }
  .sm\:m-24 {
    margin: var(--spacing-24);
  }
  .sm\:mt-24 {
    margin-block-start: var(--spacing-24);
  }
  .sm\:mr-24 {
    margin-inline-end: var(--spacing-24);
  }
  .sm\:mb-24 {
    margin-block-end: var(--spacing-24);
  }
  .sm\:ml-24 {
    margin-inline-start: var(--spacing-24);
  }
  .sm\:mx-24 {
    margin-inline: var(--spacing-24);
  }
  .sm\:my-24 {
    margin-block: var(--spacing-24);
  }
  .sm\:p-28 {
    padding: var(--spacing-28);
  }
  .sm\:pt-28 {
    padding-block-start: var(--spacing-28);
  }
  .sm\:pr-28 {
    padding-inline-end: var(--spacing-28);
  }
  .sm\:pb-28 {
    padding-block-end: var(--spacing-28);
  }
  .sm\:pl-28 {
    padding-inline-start: var(--spacing-28);
  }
  .sm\:px-28 {
    padding-inline: var(--spacing-28);
  }
  .sm\:py-28 {
    padding-block: var(--spacing-28);
  }
  .sm\:m-28 {
    margin: var(--spacing-28);
  }
  .sm\:mt-28 {
    margin-block-start: var(--spacing-28);
  }
  .sm\:mr-28 {
    margin-inline-end: var(--spacing-28);
  }
  .sm\:mb-28 {
    margin-block-end: var(--spacing-28);
  }
  .sm\:ml-28 {
    margin-inline-start: var(--spacing-28);
  }
  .sm\:mx-28 {
    margin-inline: var(--spacing-28);
  }
  .sm\:my-28 {
    margin-block: var(--spacing-28);
  }
  .sm\:p-32 {
    padding: var(--spacing-32);
  }
  .sm\:pt-32 {
    padding-block-start: var(--spacing-32);
  }
  .sm\:pr-32 {
    padding-inline-end: var(--spacing-32);
  }
  .sm\:pb-32 {
    padding-block-end: var(--spacing-32);
  }
  .sm\:pl-32 {
    padding-inline-start: var(--spacing-32);
  }
  .sm\:px-32 {
    padding-inline: var(--spacing-32);
  }
  .sm\:py-32 {
    padding-block: var(--spacing-32);
  }
  .sm\:m-32 {
    margin: var(--spacing-32);
  }
  .sm\:mt-32 {
    margin-block-start: var(--spacing-32);
  }
  .sm\:mr-32 {
    margin-inline-end: var(--spacing-32);
  }
  .sm\:mb-32 {
    margin-block-end: var(--spacing-32);
  }
  .sm\:ml-32 {
    margin-inline-start: var(--spacing-32);
  }
  .sm\:mx-32 {
    margin-inline: var(--spacing-32);
  }
  .sm\:my-32 {
    margin-block: var(--spacing-32);
  }
  .sm\:p-max {
    padding: var(--spacing-max);
  }
  .sm\:pt-max {
    padding-block-start: var(--spacing-max);
  }
  .sm\:pr-max {
    padding-inline-end: var(--spacing-max);
  }
  .sm\:pb-max {
    padding-block-end: var(--spacing-max);
  }
  .sm\:pl-max {
    padding-inline-start: var(--spacing-max);
  }
  .sm\:px-max {
    padding-inline: var(--spacing-max);
  }
  .sm\:py-max {
    padding-block: var(--spacing-max);
  }
  .sm\:m-max {
    margin: var(--spacing-max);
  }
  .sm\:mt-max {
    margin-block-start: var(--spacing-max);
  }
  .sm\:mr-max {
    margin-inline-end: var(--spacing-max);
  }
  .sm\:mb-max {
    margin-block-end: var(--spacing-max);
  }
  .sm\:ml-max {
    margin-inline-start: var(--spacing-max);
  }
  .sm\:mx-max {
    margin-inline: var(--spacing-max);
  }
  .sm\:my-max {
    margin-block: var(--spacing-max);
  }
  .sm\:p-full {
    padding: var(--spacing-full);
  }
  .sm\:pt-full {
    padding-block-start: var(--spacing-full);
  }
  .sm\:pr-full {
    padding-inline-end: var(--spacing-full);
  }
  .sm\:pb-full {
    padding-block-end: var(--spacing-full);
  }
  .sm\:pl-full {
    padding-inline-start: var(--spacing-full);
  }
  .sm\:px-full {
    padding-inline: var(--spacing-full);
  }
  .sm\:py-full {
    padding-block: var(--spacing-full);
  }
  .sm\:m-full {
    margin: var(--spacing-full);
  }
  .sm\:mt-full {
    margin-block-start: var(--spacing-full);
  }
  .sm\:mr-full {
    margin-inline-end: var(--spacing-full);
  }
  .sm\:mb-full {
    margin-block-end: var(--spacing-full);
  }
  .sm\:ml-full {
    margin-inline-start: var(--spacing-full);
  }
  .sm\:mx-full {
    margin-inline: var(--spacing-full);
  }
  .sm\:my-full {
    margin-block: var(--spacing-full);
  }
  .sm\:p-auto {
    padding: auto;
  }
  .sm\:px-auto {
    padding-inline: auto;
  }
  .sm\:py-auto {
    padding-block: auto;
  }
  .sm\:m-auto {
    margin: auto;
  }
  .sm\:mt-auto {
    margin-block-start: auto;
  }
  .sm\:mr-auto {
    margin-inline-end: auto;
  }
  .sm\:mb-auto {
    margin-block-end: auto;
  }
  .sm\:ml-auto {
    margin-inline-start: auto;
  }
  .sm\:mx-auto {
    margin-inline: auto;
  }
  .sm\:my-auto {
    margin-block: auto;
  }
}
@media (min-width: 64rem) {
  .md\:p-0 {
    padding: var(--spacing-0);
  }
  .md\:pt-0 {
    padding-block-start: var(--spacing-0);
  }
  .md\:pr-0 {
    padding-inline-end: var(--spacing-0);
  }
  .md\:pb-0 {
    padding-block-end: var(--spacing-0);
  }
  .md\:pl-0 {
    padding-inline-start: var(--spacing-0);
  }
  .md\:px-0 {
    padding-inline: var(--spacing-0);
  }
  .md\:py-0 {
    padding-block: var(--spacing-0);
  }
  .md\:m-0 {
    margin: var(--spacing-0);
  }
  .md\:mt-0 {
    margin-block-start: var(--spacing-0);
  }
  .md\:mr-0 {
    margin-inline-end: var(--spacing-0);
  }
  .md\:mb-0 {
    margin-block-end: var(--spacing-0);
  }
  .md\:ml-0 {
    margin-inline-start: var(--spacing-0);
  }
  .md\:mx-0 {
    margin-inline: var(--spacing-0);
  }
  .md\:my-0 {
    margin-block: var(--spacing-0);
  }
  .md\:p-px {
    padding: var(--spacing-px);
  }
  .md\:pt-px {
    padding-block-start: var(--spacing-px);
  }
  .md\:pr-px {
    padding-inline-end: var(--spacing-px);
  }
  .md\:pb-px {
    padding-block-end: var(--spacing-px);
  }
  .md\:pl-px {
    padding-inline-start: var(--spacing-px);
  }
  .md\:px-px {
    padding-inline: var(--spacing-px);
  }
  .md\:py-px {
    padding-block: var(--spacing-px);
  }
  .md\:m-px {
    margin: var(--spacing-px);
  }
  .md\:mt-px {
    margin-block-start: var(--spacing-px);
  }
  .md\:mr-px {
    margin-inline-end: var(--spacing-px);
  }
  .md\:mb-px {
    margin-block-end: var(--spacing-px);
  }
  .md\:ml-px {
    margin-inline-start: var(--spacing-px);
  }
  .md\:mx-px {
    margin-inline: var(--spacing-px);
  }
  .md\:my-px {
    margin-block: var(--spacing-px);
  }
  .md\:p-sub-px {
    padding: var(--spacing-sub-px);
  }
  .md\:pt-sub-px {
    padding-block-start: var(--spacing-sub-px);
  }
  .md\:pr-sub-px {
    padding-inline-end: var(--spacing-sub-px);
  }
  .md\:pb-sub-px {
    padding-block-end: var(--spacing-sub-px);
  }
  .md\:pl-sub-px {
    padding-inline-start: var(--spacing-sub-px);
  }
  .md\:px-sub-px {
    padding-inline: var(--spacing-sub-px);
  }
  .md\:py-sub-px {
    padding-block: var(--spacing-sub-px);
  }
  .md\:m-sub-px {
    margin: var(--spacing-sub-px);
  }
  .md\:mt-sub-px {
    margin-block-start: var(--spacing-sub-px);
  }
  .md\:mr-sub-px {
    margin-inline-end: var(--spacing-sub-px);
  }
  .md\:mb-sub-px {
    margin-block-end: var(--spacing-sub-px);
  }
  .md\:ml-sub-px {
    margin-inline-start: var(--spacing-sub-px);
  }
  .md\:mx-sub-px {
    margin-inline: var(--spacing-sub-px);
  }
  .md\:my-sub-px {
    margin-block: var(--spacing-sub-px);
  }
  .md\:p-1 {
    padding: var(--spacing-1);
  }
  .md\:pt-1 {
    padding-block-start: var(--spacing-1);
  }
  .md\:pr-1 {
    padding-inline-end: var(--spacing-1);
  }
  .md\:pb-1 {
    padding-block-end: var(--spacing-1);
  }
  .md\:pl-1 {
    padding-inline-start: var(--spacing-1);
  }
  .md\:px-1 {
    padding-inline: var(--spacing-1);
  }
  .md\:py-1 {
    padding-block: var(--spacing-1);
  }
  .md\:m-1 {
    margin: var(--spacing-1);
  }
  .md\:mt-1 {
    margin-block-start: var(--spacing-1);
  }
  .md\:mr-1 {
    margin-inline-end: var(--spacing-1);
  }
  .md\:mb-1 {
    margin-block-end: var(--spacing-1);
  }
  .md\:ml-1 {
    margin-inline-start: var(--spacing-1);
  }
  .md\:mx-1 {
    margin-inline: var(--spacing-1);
  }
  .md\:my-1 {
    margin-block: var(--spacing-1);
  }
  .md\:p-sub-1 {
    padding: var(--spacing-sub-1);
  }
  .md\:pt-sub-1 {
    padding-block-start: var(--spacing-sub-1);
  }
  .md\:pr-sub-1 {
    padding-inline-end: var(--spacing-sub-1);
  }
  .md\:pb-sub-1 {
    padding-block-end: var(--spacing-sub-1);
  }
  .md\:pl-sub-1 {
    padding-inline-start: var(--spacing-sub-1);
  }
  .md\:px-sub-1 {
    padding-inline: var(--spacing-sub-1);
  }
  .md\:py-sub-1 {
    padding-block: var(--spacing-sub-1);
  }
  .md\:m-sub-1 {
    margin: var(--spacing-sub-1);
  }
  .md\:mt-sub-1 {
    margin-block-start: var(--spacing-sub-1);
  }
  .md\:mr-sub-1 {
    margin-inline-end: var(--spacing-sub-1);
  }
  .md\:mb-sub-1 {
    margin-block-end: var(--spacing-sub-1);
  }
  .md\:ml-sub-1 {
    margin-inline-start: var(--spacing-sub-1);
  }
  .md\:mx-sub-1 {
    margin-inline: var(--spacing-sub-1);
  }
  .md\:my-sub-1 {
    margin-block: var(--spacing-sub-1);
  }
  .md\:p-2 {
    padding: var(--spacing-2);
  }
  .md\:pt-2 {
    padding-block-start: var(--spacing-2);
  }
  .md\:pr-2 {
    padding-inline-end: var(--spacing-2);
  }
  .md\:pb-2 {
    padding-block-end: var(--spacing-2);
  }
  .md\:pl-2 {
    padding-inline-start: var(--spacing-2);
  }
  .md\:px-2 {
    padding-inline: var(--spacing-2);
  }
  .md\:py-2 {
    padding-block: var(--spacing-2);
  }
  .md\:m-2 {
    margin: var(--spacing-2);
  }
  .md\:mt-2 {
    margin-block-start: var(--spacing-2);
  }
  .md\:mr-2 {
    margin-inline-end: var(--spacing-2);
  }
  .md\:mb-2 {
    margin-block-end: var(--spacing-2);
  }
  .md\:ml-2 {
    margin-inline-start: var(--spacing-2);
  }
  .md\:mx-2 {
    margin-inline: var(--spacing-2);
  }
  .md\:my-2 {
    margin-block: var(--spacing-2);
  }
  .md\:p-sub-2 {
    padding: var(--spacing-sub-2);
  }
  .md\:pt-sub-2 {
    padding-block-start: var(--spacing-sub-2);
  }
  .md\:pr-sub-2 {
    padding-inline-end: var(--spacing-sub-2);
  }
  .md\:pb-sub-2 {
    padding-block-end: var(--spacing-sub-2);
  }
  .md\:pl-sub-2 {
    padding-inline-start: var(--spacing-sub-2);
  }
  .md\:px-sub-2 {
    padding-inline: var(--spacing-sub-2);
  }
  .md\:py-sub-2 {
    padding-block: var(--spacing-sub-2);
  }
  .md\:m-sub-2 {
    margin: var(--spacing-sub-2);
  }
  .md\:mt-sub-2 {
    margin-block-start: var(--spacing-sub-2);
  }
  .md\:mr-sub-2 {
    margin-inline-end: var(--spacing-sub-2);
  }
  .md\:mb-sub-2 {
    margin-block-end: var(--spacing-sub-2);
  }
  .md\:ml-sub-2 {
    margin-inline-start: var(--spacing-sub-2);
  }
  .md\:mx-sub-2 {
    margin-inline: var(--spacing-sub-2);
  }
  .md\:my-sub-2 {
    margin-block: var(--spacing-sub-2);
  }
  .md\:p-3 {
    padding: var(--spacing-3);
  }
  .md\:pt-3 {
    padding-block-start: var(--spacing-3);
  }
  .md\:pr-3 {
    padding-inline-end: var(--spacing-3);
  }
  .md\:pb-3 {
    padding-block-end: var(--spacing-3);
  }
  .md\:pl-3 {
    padding-inline-start: var(--spacing-3);
  }
  .md\:px-3 {
    padding-inline: var(--spacing-3);
  }
  .md\:py-3 {
    padding-block: var(--spacing-3);
  }
  .md\:m-3 {
    margin: var(--spacing-3);
  }
  .md\:mt-3 {
    margin-block-start: var(--spacing-3);
  }
  .md\:mr-3 {
    margin-inline-end: var(--spacing-3);
  }
  .md\:mb-3 {
    margin-block-end: var(--spacing-3);
  }
  .md\:ml-3 {
    margin-inline-start: var(--spacing-3);
  }
  .md\:mx-3 {
    margin-inline: var(--spacing-3);
  }
  .md\:my-3 {
    margin-block: var(--spacing-3);
  }
  .md\:p-sub-3 {
    padding: var(--spacing-sub-3);
  }
  .md\:pt-sub-3 {
    padding-block-start: var(--spacing-sub-3);
  }
  .md\:pr-sub-3 {
    padding-inline-end: var(--spacing-sub-3);
  }
  .md\:pb-sub-3 {
    padding-block-end: var(--spacing-sub-3);
  }
  .md\:pl-sub-3 {
    padding-inline-start: var(--spacing-sub-3);
  }
  .md\:px-sub-3 {
    padding-inline: var(--spacing-sub-3);
  }
  .md\:py-sub-3 {
    padding-block: var(--spacing-sub-3);
  }
  .md\:m-sub-3 {
    margin: var(--spacing-sub-3);
  }
  .md\:mt-sub-3 {
    margin-block-start: var(--spacing-sub-3);
  }
  .md\:mr-sub-3 {
    margin-inline-end: var(--spacing-sub-3);
  }
  .md\:mb-sub-3 {
    margin-block-end: var(--spacing-sub-3);
  }
  .md\:ml-sub-3 {
    margin-inline-start: var(--spacing-sub-3);
  }
  .md\:mx-sub-3 {
    margin-inline: var(--spacing-sub-3);
  }
  .md\:my-sub-3 {
    margin-block: var(--spacing-sub-3);
  }
  .md\:p-4 {
    padding: var(--spacing-4);
  }
  .md\:pt-4 {
    padding-block-start: var(--spacing-4);
  }
  .md\:pr-4 {
    padding-inline-end: var(--spacing-4);
  }
  .md\:pb-4 {
    padding-block-end: var(--spacing-4);
  }
  .md\:pl-4 {
    padding-inline-start: var(--spacing-4);
  }
  .md\:px-4 {
    padding-inline: var(--spacing-4);
  }
  .md\:py-4 {
    padding-block: var(--spacing-4);
  }
  .md\:m-4 {
    margin: var(--spacing-4);
  }
  .md\:mt-4 {
    margin-block-start: var(--spacing-4);
  }
  .md\:mr-4 {
    margin-inline-end: var(--spacing-4);
  }
  .md\:mb-4 {
    margin-block-end: var(--spacing-4);
  }
  .md\:ml-4 {
    margin-inline-start: var(--spacing-4);
  }
  .md\:mx-4 {
    margin-inline: var(--spacing-4);
  }
  .md\:my-4 {
    margin-block: var(--spacing-4);
  }
  .md\:p-sub-4 {
    padding: var(--spacing-sub-4);
  }
  .md\:pt-sub-4 {
    padding-block-start: var(--spacing-sub-4);
  }
  .md\:pr-sub-4 {
    padding-inline-end: var(--spacing-sub-4);
  }
  .md\:pb-sub-4 {
    padding-block-end: var(--spacing-sub-4);
  }
  .md\:pl-sub-4 {
    padding-inline-start: var(--spacing-sub-4);
  }
  .md\:px-sub-4 {
    padding-inline: var(--spacing-sub-4);
  }
  .md\:py-sub-4 {
    padding-block: var(--spacing-sub-4);
  }
  .md\:m-sub-4 {
    margin: var(--spacing-sub-4);
  }
  .md\:mt-sub-4 {
    margin-block-start: var(--spacing-sub-4);
  }
  .md\:mr-sub-4 {
    margin-inline-end: var(--spacing-sub-4);
  }
  .md\:mb-sub-4 {
    margin-block-end: var(--spacing-sub-4);
  }
  .md\:ml-sub-4 {
    margin-inline-start: var(--spacing-sub-4);
  }
  .md\:mx-sub-4 {
    margin-inline: var(--spacing-sub-4);
  }
  .md\:my-sub-4 {
    margin-block: var(--spacing-sub-4);
  }
  .md\:p-5 {
    padding: var(--spacing-5);
  }
  .md\:pt-5 {
    padding-block-start: var(--spacing-5);
  }
  .md\:pr-5 {
    padding-inline-end: var(--spacing-5);
  }
  .md\:pb-5 {
    padding-block-end: var(--spacing-5);
  }
  .md\:pl-5 {
    padding-inline-start: var(--spacing-5);
  }
  .md\:px-5 {
    padding-inline: var(--spacing-5);
  }
  .md\:py-5 {
    padding-block: var(--spacing-5);
  }
  .md\:m-5 {
    margin: var(--spacing-5);
  }
  .md\:mt-5 {
    margin-block-start: var(--spacing-5);
  }
  .md\:mr-5 {
    margin-inline-end: var(--spacing-5);
  }
  .md\:mb-5 {
    margin-block-end: var(--spacing-5);
  }
  .md\:ml-5 {
    margin-inline-start: var(--spacing-5);
  }
  .md\:mx-5 {
    margin-inline: var(--spacing-5);
  }
  .md\:my-5 {
    margin-block: var(--spacing-5);
  }
  .md\:p-6 {
    padding: var(--spacing-6);
  }
  .md\:pt-6 {
    padding-block-start: var(--spacing-6);
  }
  .md\:pr-6 {
    padding-inline-end: var(--spacing-6);
  }
  .md\:pb-6 {
    padding-block-end: var(--spacing-6);
  }
  .md\:pl-6 {
    padding-inline-start: var(--spacing-6);
  }
  .md\:px-6 {
    padding-inline: var(--spacing-6);
  }
  .md\:py-6 {
    padding-block: var(--spacing-6);
  }
  .md\:m-6 {
    margin: var(--spacing-6);
  }
  .md\:mt-6 {
    margin-block-start: var(--spacing-6);
  }
  .md\:mr-6 {
    margin-inline-end: var(--spacing-6);
  }
  .md\:mb-6 {
    margin-block-end: var(--spacing-6);
  }
  .md\:ml-6 {
    margin-inline-start: var(--spacing-6);
  }
  .md\:mx-6 {
    margin-inline: var(--spacing-6);
  }
  .md\:my-6 {
    margin-block: var(--spacing-6);
  }
  .md\:p-7 {
    padding: var(--spacing-7);
  }
  .md\:pt-7 {
    padding-block-start: var(--spacing-7);
  }
  .md\:pr-7 {
    padding-inline-end: var(--spacing-7);
  }
  .md\:pb-7 {
    padding-block-end: var(--spacing-7);
  }
  .md\:pl-7 {
    padding-inline-start: var(--spacing-7);
  }
  .md\:px-7 {
    padding-inline: var(--spacing-7);
  }
  .md\:py-7 {
    padding-block: var(--spacing-7);
  }
  .md\:m-7 {
    margin: var(--spacing-7);
  }
  .md\:mt-7 {
    margin-block-start: var(--spacing-7);
  }
  .md\:mr-7 {
    margin-inline-end: var(--spacing-7);
  }
  .md\:mb-7 {
    margin-block-end: var(--spacing-7);
  }
  .md\:ml-7 {
    margin-inline-start: var(--spacing-7);
  }
  .md\:mx-7 {
    margin-inline: var(--spacing-7);
  }
  .md\:my-7 {
    margin-block: var(--spacing-7);
  }
  .md\:p-8 {
    padding: var(--spacing-8);
  }
  .md\:pt-8 {
    padding-block-start: var(--spacing-8);
  }
  .md\:pr-8 {
    padding-inline-end: var(--spacing-8);
  }
  .md\:pb-8 {
    padding-block-end: var(--spacing-8);
  }
  .md\:pl-8 {
    padding-inline-start: var(--spacing-8);
  }
  .md\:px-8 {
    padding-inline: var(--spacing-8);
  }
  .md\:py-8 {
    padding-block: var(--spacing-8);
  }
  .md\:m-8 {
    margin: var(--spacing-8);
  }
  .md\:mt-8 {
    margin-block-start: var(--spacing-8);
  }
  .md\:mr-8 {
    margin-inline-end: var(--spacing-8);
  }
  .md\:mb-8 {
    margin-block-end: var(--spacing-8);
  }
  .md\:ml-8 {
    margin-inline-start: var(--spacing-8);
  }
  .md\:mx-8 {
    margin-inline: var(--spacing-8);
  }
  .md\:my-8 {
    margin-block: var(--spacing-8);
  }
  .md\:p-9 {
    padding: var(--spacing-9);
  }
  .md\:pt-9 {
    padding-block-start: var(--spacing-9);
  }
  .md\:pr-9 {
    padding-inline-end: var(--spacing-9);
  }
  .md\:pb-9 {
    padding-block-end: var(--spacing-9);
  }
  .md\:pl-9 {
    padding-inline-start: var(--spacing-9);
  }
  .md\:px-9 {
    padding-inline: var(--spacing-9);
  }
  .md\:py-9 {
    padding-block: var(--spacing-9);
  }
  .md\:m-9 {
    margin: var(--spacing-9);
  }
  .md\:mt-9 {
    margin-block-start: var(--spacing-9);
  }
  .md\:mr-9 {
    margin-inline-end: var(--spacing-9);
  }
  .md\:mb-9 {
    margin-block-end: var(--spacing-9);
  }
  .md\:ml-9 {
    margin-inline-start: var(--spacing-9);
  }
  .md\:mx-9 {
    margin-inline: var(--spacing-9);
  }
  .md\:my-9 {
    margin-block: var(--spacing-9);
  }
  .md\:p-10 {
    padding: var(--spacing-10);
  }
  .md\:pt-10 {
    padding-block-start: var(--spacing-10);
  }
  .md\:pr-10 {
    padding-inline-end: var(--spacing-10);
  }
  .md\:pb-10 {
    padding-block-end: var(--spacing-10);
  }
  .md\:pl-10 {
    padding-inline-start: var(--spacing-10);
  }
  .md\:px-10 {
    padding-inline: var(--spacing-10);
  }
  .md\:py-10 {
    padding-block: var(--spacing-10);
  }
  .md\:m-10 {
    margin: var(--spacing-10);
  }
  .md\:mt-10 {
    margin-block-start: var(--spacing-10);
  }
  .md\:mr-10 {
    margin-inline-end: var(--spacing-10);
  }
  .md\:mb-10 {
    margin-block-end: var(--spacing-10);
  }
  .md\:ml-10 {
    margin-inline-start: var(--spacing-10);
  }
  .md\:mx-10 {
    margin-inline: var(--spacing-10);
  }
  .md\:my-10 {
    margin-block: var(--spacing-10);
  }
  .md\:p-11 {
    padding: var(--spacing-11);
  }
  .md\:pt-11 {
    padding-block-start: var(--spacing-11);
  }
  .md\:pr-11 {
    padding-inline-end: var(--spacing-11);
  }
  .md\:pb-11 {
    padding-block-end: var(--spacing-11);
  }
  .md\:pl-11 {
    padding-inline-start: var(--spacing-11);
  }
  .md\:px-11 {
    padding-inline: var(--spacing-11);
  }
  .md\:py-11 {
    padding-block: var(--spacing-11);
  }
  .md\:m-11 {
    margin: var(--spacing-11);
  }
  .md\:mt-11 {
    margin-block-start: var(--spacing-11);
  }
  .md\:mr-11 {
    margin-inline-end: var(--spacing-11);
  }
  .md\:mb-11 {
    margin-block-end: var(--spacing-11);
  }
  .md\:ml-11 {
    margin-inline-start: var(--spacing-11);
  }
  .md\:mx-11 {
    margin-inline: var(--spacing-11);
  }
  .md\:my-11 {
    margin-block: var(--spacing-11);
  }
  .md\:p-12 {
    padding: var(--spacing-12);
  }
  .md\:pt-12 {
    padding-block-start: var(--spacing-12);
  }
  .md\:pr-12 {
    padding-inline-end: var(--spacing-12);
  }
  .md\:pb-12 {
    padding-block-end: var(--spacing-12);
  }
  .md\:pl-12 {
    padding-inline-start: var(--spacing-12);
  }
  .md\:px-12 {
    padding-inline: var(--spacing-12);
  }
  .md\:py-12 {
    padding-block: var(--spacing-12);
  }
  .md\:m-12 {
    margin: var(--spacing-12);
  }
  .md\:mt-12 {
    margin-block-start: var(--spacing-12);
  }
  .md\:mr-12 {
    margin-inline-end: var(--spacing-12);
  }
  .md\:mb-12 {
    margin-block-end: var(--spacing-12);
  }
  .md\:ml-12 {
    margin-inline-start: var(--spacing-12);
  }
  .md\:mx-12 {
    margin-inline: var(--spacing-12);
  }
  .md\:my-12 {
    margin-block: var(--spacing-12);
  }
  .md\:p-14 {
    padding: var(--spacing-14);
  }
  .md\:pt-14 {
    padding-block-start: var(--spacing-14);
  }
  .md\:pr-14 {
    padding-inline-end: var(--spacing-14);
  }
  .md\:pb-14 {
    padding-block-end: var(--spacing-14);
  }
  .md\:pl-14 {
    padding-inline-start: var(--spacing-14);
  }
  .md\:px-14 {
    padding-inline: var(--spacing-14);
  }
  .md\:py-14 {
    padding-block: var(--spacing-14);
  }
  .md\:m-14 {
    margin: var(--spacing-14);
  }
  .md\:mt-14 {
    margin-block-start: var(--spacing-14);
  }
  .md\:mr-14 {
    margin-inline-end: var(--spacing-14);
  }
  .md\:mb-14 {
    margin-block-end: var(--spacing-14);
  }
  .md\:ml-14 {
    margin-inline-start: var(--spacing-14);
  }
  .md\:mx-14 {
    margin-inline: var(--spacing-14);
  }
  .md\:my-14 {
    margin-block: var(--spacing-14);
  }
  .md\:p-16 {
    padding: var(--spacing-16);
  }
  .md\:pt-16 {
    padding-block-start: var(--spacing-16);
  }
  .md\:pr-16 {
    padding-inline-end: var(--spacing-16);
  }
  .md\:pb-16 {
    padding-block-end: var(--spacing-16);
  }
  .md\:pl-16 {
    padding-inline-start: var(--spacing-16);
  }
  .md\:px-16 {
    padding-inline: var(--spacing-16);
  }
  .md\:py-16 {
    padding-block: var(--spacing-16);
  }
  .md\:m-16 {
    margin: var(--spacing-16);
  }
  .md\:mt-16 {
    margin-block-start: var(--spacing-16);
  }
  .md\:mr-16 {
    margin-inline-end: var(--spacing-16);
  }
  .md\:mb-16 {
    margin-block-end: var(--spacing-16);
  }
  .md\:ml-16 {
    margin-inline-start: var(--spacing-16);
  }
  .md\:mx-16 {
    margin-inline: var(--spacing-16);
  }
  .md\:my-16 {
    margin-block: var(--spacing-16);
  }
  .md\:p-20 {
    padding: var(--spacing-20);
  }
  .md\:pt-20 {
    padding-block-start: var(--spacing-20);
  }
  .md\:pr-20 {
    padding-inline-end: var(--spacing-20);
  }
  .md\:pb-20 {
    padding-block-end: var(--spacing-20);
  }
  .md\:pl-20 {
    padding-inline-start: var(--spacing-20);
  }
  .md\:px-20 {
    padding-inline: var(--spacing-20);
  }
  .md\:py-20 {
    padding-block: var(--spacing-20);
  }
  .md\:m-20 {
    margin: var(--spacing-20);
  }
  .md\:mt-20 {
    margin-block-start: var(--spacing-20);
  }
  .md\:mr-20 {
    margin-inline-end: var(--spacing-20);
  }
  .md\:mb-20 {
    margin-block-end: var(--spacing-20);
  }
  .md\:ml-20 {
    margin-inline-start: var(--spacing-20);
  }
  .md\:mx-20 {
    margin-inline: var(--spacing-20);
  }
  .md\:my-20 {
    margin-block: var(--spacing-20);
  }
  .md\:p-24 {
    padding: var(--spacing-24);
  }
  .md\:pt-24 {
    padding-block-start: var(--spacing-24);
  }
  .md\:pr-24 {
    padding-inline-end: var(--spacing-24);
  }
  .md\:pb-24 {
    padding-block-end: var(--spacing-24);
  }
  .md\:pl-24 {
    padding-inline-start: var(--spacing-24);
  }
  .md\:px-24 {
    padding-inline: var(--spacing-24);
  }
  .md\:py-24 {
    padding-block: var(--spacing-24);
  }
  .md\:m-24 {
    margin: var(--spacing-24);
  }
  .md\:mt-24 {
    margin-block-start: var(--spacing-24);
  }
  .md\:mr-24 {
    margin-inline-end: var(--spacing-24);
  }
  .md\:mb-24 {
    margin-block-end: var(--spacing-24);
  }
  .md\:ml-24 {
    margin-inline-start: var(--spacing-24);
  }
  .md\:mx-24 {
    margin-inline: var(--spacing-24);
  }
  .md\:my-24 {
    margin-block: var(--spacing-24);
  }
  .md\:p-28 {
    padding: var(--spacing-28);
  }
  .md\:pt-28 {
    padding-block-start: var(--spacing-28);
  }
  .md\:pr-28 {
    padding-inline-end: var(--spacing-28);
  }
  .md\:pb-28 {
    padding-block-end: var(--spacing-28);
  }
  .md\:pl-28 {
    padding-inline-start: var(--spacing-28);
  }
  .md\:px-28 {
    padding-inline: var(--spacing-28);
  }
  .md\:py-28 {
    padding-block: var(--spacing-28);
  }
  .md\:m-28 {
    margin: var(--spacing-28);
  }
  .md\:mt-28 {
    margin-block-start: var(--spacing-28);
  }
  .md\:mr-28 {
    margin-inline-end: var(--spacing-28);
  }
  .md\:mb-28 {
    margin-block-end: var(--spacing-28);
  }
  .md\:ml-28 {
    margin-inline-start: var(--spacing-28);
  }
  .md\:mx-28 {
    margin-inline: var(--spacing-28);
  }
  .md\:my-28 {
    margin-block: var(--spacing-28);
  }
  .md\:p-32 {
    padding: var(--spacing-32);
  }
  .md\:pt-32 {
    padding-block-start: var(--spacing-32);
  }
  .md\:pr-32 {
    padding-inline-end: var(--spacing-32);
  }
  .md\:pb-32 {
    padding-block-end: var(--spacing-32);
  }
  .md\:pl-32 {
    padding-inline-start: var(--spacing-32);
  }
  .md\:px-32 {
    padding-inline: var(--spacing-32);
  }
  .md\:py-32 {
    padding-block: var(--spacing-32);
  }
  .md\:m-32 {
    margin: var(--spacing-32);
  }
  .md\:mt-32 {
    margin-block-start: var(--spacing-32);
  }
  .md\:mr-32 {
    margin-inline-end: var(--spacing-32);
  }
  .md\:mb-32 {
    margin-block-end: var(--spacing-32);
  }
  .md\:ml-32 {
    margin-inline-start: var(--spacing-32);
  }
  .md\:mx-32 {
    margin-inline: var(--spacing-32);
  }
  .md\:my-32 {
    margin-block: var(--spacing-32);
  }
  .md\:p-max {
    padding: var(--spacing-max);
  }
  .md\:pt-max {
    padding-block-start: var(--spacing-max);
  }
  .md\:pr-max {
    padding-inline-end: var(--spacing-max);
  }
  .md\:pb-max {
    padding-block-end: var(--spacing-max);
  }
  .md\:pl-max {
    padding-inline-start: var(--spacing-max);
  }
  .md\:px-max {
    padding-inline: var(--spacing-max);
  }
  .md\:py-max {
    padding-block: var(--spacing-max);
  }
  .md\:m-max {
    margin: var(--spacing-max);
  }
  .md\:mt-max {
    margin-block-start: var(--spacing-max);
  }
  .md\:mr-max {
    margin-inline-end: var(--spacing-max);
  }
  .md\:mb-max {
    margin-block-end: var(--spacing-max);
  }
  .md\:ml-max {
    margin-inline-start: var(--spacing-max);
  }
  .md\:mx-max {
    margin-inline: var(--spacing-max);
  }
  .md\:my-max {
    margin-block: var(--spacing-max);
  }
  .md\:p-full {
    padding: var(--spacing-full);
  }
  .md\:pt-full {
    padding-block-start: var(--spacing-full);
  }
  .md\:pr-full {
    padding-inline-end: var(--spacing-full);
  }
  .md\:pb-full {
    padding-block-end: var(--spacing-full);
  }
  .md\:pl-full {
    padding-inline-start: var(--spacing-full);
  }
  .md\:px-full {
    padding-inline: var(--spacing-full);
  }
  .md\:py-full {
    padding-block: var(--spacing-full);
  }
  .md\:m-full {
    margin: var(--spacing-full);
  }
  .md\:mt-full {
    margin-block-start: var(--spacing-full);
  }
  .md\:mr-full {
    margin-inline-end: var(--spacing-full);
  }
  .md\:mb-full {
    margin-block-end: var(--spacing-full);
  }
  .md\:ml-full {
    margin-inline-start: var(--spacing-full);
  }
  .md\:mx-full {
    margin-inline: var(--spacing-full);
  }
  .md\:my-full {
    margin-block: var(--spacing-full);
  }
  .md\:p-auto {
    padding: auto;
  }
  .md\:px-auto {
    padding-inline: auto;
  }
  .md\:py-auto {
    padding-block: auto;
  }
  .md\:m-auto {
    margin: auto;
  }
  .md\:mt-auto {
    margin-block-start: auto;
  }
  .md\:mr-auto {
    margin-inline-end: auto;
  }
  .md\:mb-auto {
    margin-block-end: auto;
  }
  .md\:ml-auto {
    margin-inline-start: auto;
  }
  .md\:mx-auto {
    margin-inline: auto;
  }
  .md\:my-auto {
    margin-block: auto;
  }
}
@media (min-width: 80rem) {
  .lg\:p-0 {
    padding: var(--spacing-0);
  }
  .lg\:pt-0 {
    padding-block-start: var(--spacing-0);
  }
  .lg\:pr-0 {
    padding-inline-end: var(--spacing-0);
  }
  .lg\:pb-0 {
    padding-block-end: var(--spacing-0);
  }
  .lg\:pl-0 {
    padding-inline-start: var(--spacing-0);
  }
  .lg\:px-0 {
    padding-inline: var(--spacing-0);
  }
  .lg\:py-0 {
    padding-block: var(--spacing-0);
  }
  .lg\:m-0 {
    margin: var(--spacing-0);
  }
  .lg\:mt-0 {
    margin-block-start: var(--spacing-0);
  }
  .lg\:mr-0 {
    margin-inline-end: var(--spacing-0);
  }
  .lg\:mb-0 {
    margin-block-end: var(--spacing-0);
  }
  .lg\:ml-0 {
    margin-inline-start: var(--spacing-0);
  }
  .lg\:mx-0 {
    margin-inline: var(--spacing-0);
  }
  .lg\:my-0 {
    margin-block: var(--spacing-0);
  }
  .lg\:p-px {
    padding: var(--spacing-px);
  }
  .lg\:pt-px {
    padding-block-start: var(--spacing-px);
  }
  .lg\:pr-px {
    padding-inline-end: var(--spacing-px);
  }
  .lg\:pb-px {
    padding-block-end: var(--spacing-px);
  }
  .lg\:pl-px {
    padding-inline-start: var(--spacing-px);
  }
  .lg\:px-px {
    padding-inline: var(--spacing-px);
  }
  .lg\:py-px {
    padding-block: var(--spacing-px);
  }
  .lg\:m-px {
    margin: var(--spacing-px);
  }
  .lg\:mt-px {
    margin-block-start: var(--spacing-px);
  }
  .lg\:mr-px {
    margin-inline-end: var(--spacing-px);
  }
  .lg\:mb-px {
    margin-block-end: var(--spacing-px);
  }
  .lg\:ml-px {
    margin-inline-start: var(--spacing-px);
  }
  .lg\:mx-px {
    margin-inline: var(--spacing-px);
  }
  .lg\:my-px {
    margin-block: var(--spacing-px);
  }
  .lg\:p-sub-px {
    padding: var(--spacing-sub-px);
  }
  .lg\:pt-sub-px {
    padding-block-start: var(--spacing-sub-px);
  }
  .lg\:pr-sub-px {
    padding-inline-end: var(--spacing-sub-px);
  }
  .lg\:pb-sub-px {
    padding-block-end: var(--spacing-sub-px);
  }
  .lg\:pl-sub-px {
    padding-inline-start: var(--spacing-sub-px);
  }
  .lg\:px-sub-px {
    padding-inline: var(--spacing-sub-px);
  }
  .lg\:py-sub-px {
    padding-block: var(--spacing-sub-px);
  }
  .lg\:m-sub-px {
    margin: var(--spacing-sub-px);
  }
  .lg\:mt-sub-px {
    margin-block-start: var(--spacing-sub-px);
  }
  .lg\:mr-sub-px {
    margin-inline-end: var(--spacing-sub-px);
  }
  .lg\:mb-sub-px {
    margin-block-end: var(--spacing-sub-px);
  }
  .lg\:ml-sub-px {
    margin-inline-start: var(--spacing-sub-px);
  }
  .lg\:mx-sub-px {
    margin-inline: var(--spacing-sub-px);
  }
  .lg\:my-sub-px {
    margin-block: var(--spacing-sub-px);
  }
  .lg\:p-1 {
    padding: var(--spacing-1);
  }
  .lg\:pt-1 {
    padding-block-start: var(--spacing-1);
  }
  .lg\:pr-1 {
    padding-inline-end: var(--spacing-1);
  }
  .lg\:pb-1 {
    padding-block-end: var(--spacing-1);
  }
  .lg\:pl-1 {
    padding-inline-start: var(--spacing-1);
  }
  .lg\:px-1 {
    padding-inline: var(--spacing-1);
  }
  .lg\:py-1 {
    padding-block: var(--spacing-1);
  }
  .lg\:m-1 {
    margin: var(--spacing-1);
  }
  .lg\:mt-1 {
    margin-block-start: var(--spacing-1);
  }
  .lg\:mr-1 {
    margin-inline-end: var(--spacing-1);
  }
  .lg\:mb-1 {
    margin-block-end: var(--spacing-1);
  }
  .lg\:ml-1 {
    margin-inline-start: var(--spacing-1);
  }
  .lg\:mx-1 {
    margin-inline: var(--spacing-1);
  }
  .lg\:my-1 {
    margin-block: var(--spacing-1);
  }
  .lg\:p-sub-1 {
    padding: var(--spacing-sub-1);
  }
  .lg\:pt-sub-1 {
    padding-block-start: var(--spacing-sub-1);
  }
  .lg\:pr-sub-1 {
    padding-inline-end: var(--spacing-sub-1);
  }
  .lg\:pb-sub-1 {
    padding-block-end: var(--spacing-sub-1);
  }
  .lg\:pl-sub-1 {
    padding-inline-start: var(--spacing-sub-1);
  }
  .lg\:px-sub-1 {
    padding-inline: var(--spacing-sub-1);
  }
  .lg\:py-sub-1 {
    padding-block: var(--spacing-sub-1);
  }
  .lg\:m-sub-1 {
    margin: var(--spacing-sub-1);
  }
  .lg\:mt-sub-1 {
    margin-block-start: var(--spacing-sub-1);
  }
  .lg\:mr-sub-1 {
    margin-inline-end: var(--spacing-sub-1);
  }
  .lg\:mb-sub-1 {
    margin-block-end: var(--spacing-sub-1);
  }
  .lg\:ml-sub-1 {
    margin-inline-start: var(--spacing-sub-1);
  }
  .lg\:mx-sub-1 {
    margin-inline: var(--spacing-sub-1);
  }
  .lg\:my-sub-1 {
    margin-block: var(--spacing-sub-1);
  }
  .lg\:p-2 {
    padding: var(--spacing-2);
  }
  .lg\:pt-2 {
    padding-block-start: var(--spacing-2);
  }
  .lg\:pr-2 {
    padding-inline-end: var(--spacing-2);
  }
  .lg\:pb-2 {
    padding-block-end: var(--spacing-2);
  }
  .lg\:pl-2 {
    padding-inline-start: var(--spacing-2);
  }
  .lg\:px-2 {
    padding-inline: var(--spacing-2);
  }
  .lg\:py-2 {
    padding-block: var(--spacing-2);
  }
  .lg\:m-2 {
    margin: var(--spacing-2);
  }
  .lg\:mt-2 {
    margin-block-start: var(--spacing-2);
  }
  .lg\:mr-2 {
    margin-inline-end: var(--spacing-2);
  }
  .lg\:mb-2 {
    margin-block-end: var(--spacing-2);
  }
  .lg\:ml-2 {
    margin-inline-start: var(--spacing-2);
  }
  .lg\:mx-2 {
    margin-inline: var(--spacing-2);
  }
  .lg\:my-2 {
    margin-block: var(--spacing-2);
  }
  .lg\:p-sub-2 {
    padding: var(--spacing-sub-2);
  }
  .lg\:pt-sub-2 {
    padding-block-start: var(--spacing-sub-2);
  }
  .lg\:pr-sub-2 {
    padding-inline-end: var(--spacing-sub-2);
  }
  .lg\:pb-sub-2 {
    padding-block-end: var(--spacing-sub-2);
  }
  .lg\:pl-sub-2 {
    padding-inline-start: var(--spacing-sub-2);
  }
  .lg\:px-sub-2 {
    padding-inline: var(--spacing-sub-2);
  }
  .lg\:py-sub-2 {
    padding-block: var(--spacing-sub-2);
  }
  .lg\:m-sub-2 {
    margin: var(--spacing-sub-2);
  }
  .lg\:mt-sub-2 {
    margin-block-start: var(--spacing-sub-2);
  }
  .lg\:mr-sub-2 {
    margin-inline-end: var(--spacing-sub-2);
  }
  .lg\:mb-sub-2 {
    margin-block-end: var(--spacing-sub-2);
  }
  .lg\:ml-sub-2 {
    margin-inline-start: var(--spacing-sub-2);
  }
  .lg\:mx-sub-2 {
    margin-inline: var(--spacing-sub-2);
  }
  .lg\:my-sub-2 {
    margin-block: var(--spacing-sub-2);
  }
  .lg\:p-3 {
    padding: var(--spacing-3);
  }
  .lg\:pt-3 {
    padding-block-start: var(--spacing-3);
  }
  .lg\:pr-3 {
    padding-inline-end: var(--spacing-3);
  }
  .lg\:pb-3 {
    padding-block-end: var(--spacing-3);
  }
  .lg\:pl-3 {
    padding-inline-start: var(--spacing-3);
  }
  .lg\:px-3 {
    padding-inline: var(--spacing-3);
  }
  .lg\:py-3 {
    padding-block: var(--spacing-3);
  }
  .lg\:m-3 {
    margin: var(--spacing-3);
  }
  .lg\:mt-3 {
    margin-block-start: var(--spacing-3);
  }
  .lg\:mr-3 {
    margin-inline-end: var(--spacing-3);
  }
  .lg\:mb-3 {
    margin-block-end: var(--spacing-3);
  }
  .lg\:ml-3 {
    margin-inline-start: var(--spacing-3);
  }
  .lg\:mx-3 {
    margin-inline: var(--spacing-3);
  }
  .lg\:my-3 {
    margin-block: var(--spacing-3);
  }
  .lg\:p-sub-3 {
    padding: var(--spacing-sub-3);
  }
  .lg\:pt-sub-3 {
    padding-block-start: var(--spacing-sub-3);
  }
  .lg\:pr-sub-3 {
    padding-inline-end: var(--spacing-sub-3);
  }
  .lg\:pb-sub-3 {
    padding-block-end: var(--spacing-sub-3);
  }
  .lg\:pl-sub-3 {
    padding-inline-start: var(--spacing-sub-3);
  }
  .lg\:px-sub-3 {
    padding-inline: var(--spacing-sub-3);
  }
  .lg\:py-sub-3 {
    padding-block: var(--spacing-sub-3);
  }
  .lg\:m-sub-3 {
    margin: var(--spacing-sub-3);
  }
  .lg\:mt-sub-3 {
    margin-block-start: var(--spacing-sub-3);
  }
  .lg\:mr-sub-3 {
    margin-inline-end: var(--spacing-sub-3);
  }
  .lg\:mb-sub-3 {
    margin-block-end: var(--spacing-sub-3);
  }
  .lg\:ml-sub-3 {
    margin-inline-start: var(--spacing-sub-3);
  }
  .lg\:mx-sub-3 {
    margin-inline: var(--spacing-sub-3);
  }
  .lg\:my-sub-3 {
    margin-block: var(--spacing-sub-3);
  }
  .lg\:p-4 {
    padding: var(--spacing-4);
  }
  .lg\:pt-4 {
    padding-block-start: var(--spacing-4);
  }
  .lg\:pr-4 {
    padding-inline-end: var(--spacing-4);
  }
  .lg\:pb-4 {
    padding-block-end: var(--spacing-4);
  }
  .lg\:pl-4 {
    padding-inline-start: var(--spacing-4);
  }
  .lg\:px-4 {
    padding-inline: var(--spacing-4);
  }
  .lg\:py-4 {
    padding-block: var(--spacing-4);
  }
  .lg\:m-4 {
    margin: var(--spacing-4);
  }
  .lg\:mt-4 {
    margin-block-start: var(--spacing-4);
  }
  .lg\:mr-4 {
    margin-inline-end: var(--spacing-4);
  }
  .lg\:mb-4 {
    margin-block-end: var(--spacing-4);
  }
  .lg\:ml-4 {
    margin-inline-start: var(--spacing-4);
  }
  .lg\:mx-4 {
    margin-inline: var(--spacing-4);
  }
  .lg\:my-4 {
    margin-block: var(--spacing-4);
  }
  .lg\:p-sub-4 {
    padding: var(--spacing-sub-4);
  }
  .lg\:pt-sub-4 {
    padding-block-start: var(--spacing-sub-4);
  }
  .lg\:pr-sub-4 {
    padding-inline-end: var(--spacing-sub-4);
  }
  .lg\:pb-sub-4 {
    padding-block-end: var(--spacing-sub-4);
  }
  .lg\:pl-sub-4 {
    padding-inline-start: var(--spacing-sub-4);
  }
  .lg\:px-sub-4 {
    padding-inline: var(--spacing-sub-4);
  }
  .lg\:py-sub-4 {
    padding-block: var(--spacing-sub-4);
  }
  .lg\:m-sub-4 {
    margin: var(--spacing-sub-4);
  }
  .lg\:mt-sub-4 {
    margin-block-start: var(--spacing-sub-4);
  }
  .lg\:mr-sub-4 {
    margin-inline-end: var(--spacing-sub-4);
  }
  .lg\:mb-sub-4 {
    margin-block-end: var(--spacing-sub-4);
  }
  .lg\:ml-sub-4 {
    margin-inline-start: var(--spacing-sub-4);
  }
  .lg\:mx-sub-4 {
    margin-inline: var(--spacing-sub-4);
  }
  .lg\:my-sub-4 {
    margin-block: var(--spacing-sub-4);
  }
  .lg\:p-5 {
    padding: var(--spacing-5);
  }
  .lg\:pt-5 {
    padding-block-start: var(--spacing-5);
  }
  .lg\:pr-5 {
    padding-inline-end: var(--spacing-5);
  }
  .lg\:pb-5 {
    padding-block-end: var(--spacing-5);
  }
  .lg\:pl-5 {
    padding-inline-start: var(--spacing-5);
  }
  .lg\:px-5 {
    padding-inline: var(--spacing-5);
  }
  .lg\:py-5 {
    padding-block: var(--spacing-5);
  }
  .lg\:m-5 {
    margin: var(--spacing-5);
  }
  .lg\:mt-5 {
    margin-block-start: var(--spacing-5);
  }
  .lg\:mr-5 {
    margin-inline-end: var(--spacing-5);
  }
  .lg\:mb-5 {
    margin-block-end: var(--spacing-5);
  }
  .lg\:ml-5 {
    margin-inline-start: var(--spacing-5);
  }
  .lg\:mx-5 {
    margin-inline: var(--spacing-5);
  }
  .lg\:my-5 {
    margin-block: var(--spacing-5);
  }
  .lg\:p-6 {
    padding: var(--spacing-6);
  }
  .lg\:pt-6 {
    padding-block-start: var(--spacing-6);
  }
  .lg\:pr-6 {
    padding-inline-end: var(--spacing-6);
  }
  .lg\:pb-6 {
    padding-block-end: var(--spacing-6);
  }
  .lg\:pl-6 {
    padding-inline-start: var(--spacing-6);
  }
  .lg\:px-6 {
    padding-inline: var(--spacing-6);
  }
  .lg\:py-6 {
    padding-block: var(--spacing-6);
  }
  .lg\:m-6 {
    margin: var(--spacing-6);
  }
  .lg\:mt-6 {
    margin-block-start: var(--spacing-6);
  }
  .lg\:mr-6 {
    margin-inline-end: var(--spacing-6);
  }
  .lg\:mb-6 {
    margin-block-end: var(--spacing-6);
  }
  .lg\:ml-6 {
    margin-inline-start: var(--spacing-6);
  }
  .lg\:mx-6 {
    margin-inline: var(--spacing-6);
  }
  .lg\:my-6 {
    margin-block: var(--spacing-6);
  }
  .lg\:p-7 {
    padding: var(--spacing-7);
  }
  .lg\:pt-7 {
    padding-block-start: var(--spacing-7);
  }
  .lg\:pr-7 {
    padding-inline-end: var(--spacing-7);
  }
  .lg\:pb-7 {
    padding-block-end: var(--spacing-7);
  }
  .lg\:pl-7 {
    padding-inline-start: var(--spacing-7);
  }
  .lg\:px-7 {
    padding-inline: var(--spacing-7);
  }
  .lg\:py-7 {
    padding-block: var(--spacing-7);
  }
  .lg\:m-7 {
    margin: var(--spacing-7);
  }
  .lg\:mt-7 {
    margin-block-start: var(--spacing-7);
  }
  .lg\:mr-7 {
    margin-inline-end: var(--spacing-7);
  }
  .lg\:mb-7 {
    margin-block-end: var(--spacing-7);
  }
  .lg\:ml-7 {
    margin-inline-start: var(--spacing-7);
  }
  .lg\:mx-7 {
    margin-inline: var(--spacing-7);
  }
  .lg\:my-7 {
    margin-block: var(--spacing-7);
  }
  .lg\:p-8 {
    padding: var(--spacing-8);
  }
  .lg\:pt-8 {
    padding-block-start: var(--spacing-8);
  }
  .lg\:pr-8 {
    padding-inline-end: var(--spacing-8);
  }
  .lg\:pb-8 {
    padding-block-end: var(--spacing-8);
  }
  .lg\:pl-8 {
    padding-inline-start: var(--spacing-8);
  }
  .lg\:px-8 {
    padding-inline: var(--spacing-8);
  }
  .lg\:py-8 {
    padding-block: var(--spacing-8);
  }
  .lg\:m-8 {
    margin: var(--spacing-8);
  }
  .lg\:mt-8 {
    margin-block-start: var(--spacing-8);
  }
  .lg\:mr-8 {
    margin-inline-end: var(--spacing-8);
  }
  .lg\:mb-8 {
    margin-block-end: var(--spacing-8);
  }
  .lg\:ml-8 {
    margin-inline-start: var(--spacing-8);
  }
  .lg\:mx-8 {
    margin-inline: var(--spacing-8);
  }
  .lg\:my-8 {
    margin-block: var(--spacing-8);
  }
  .lg\:p-9 {
    padding: var(--spacing-9);
  }
  .lg\:pt-9 {
    padding-block-start: var(--spacing-9);
  }
  .lg\:pr-9 {
    padding-inline-end: var(--spacing-9);
  }
  .lg\:pb-9 {
    padding-block-end: var(--spacing-9);
  }
  .lg\:pl-9 {
    padding-inline-start: var(--spacing-9);
  }
  .lg\:px-9 {
    padding-inline: var(--spacing-9);
  }
  .lg\:py-9 {
    padding-block: var(--spacing-9);
  }
  .lg\:m-9 {
    margin: var(--spacing-9);
  }
  .lg\:mt-9 {
    margin-block-start: var(--spacing-9);
  }
  .lg\:mr-9 {
    margin-inline-end: var(--spacing-9);
  }
  .lg\:mb-9 {
    margin-block-end: var(--spacing-9);
  }
  .lg\:ml-9 {
    margin-inline-start: var(--spacing-9);
  }
  .lg\:mx-9 {
    margin-inline: var(--spacing-9);
  }
  .lg\:my-9 {
    margin-block: var(--spacing-9);
  }
  .lg\:p-10 {
    padding: var(--spacing-10);
  }
  .lg\:pt-10 {
    padding-block-start: var(--spacing-10);
  }
  .lg\:pr-10 {
    padding-inline-end: var(--spacing-10);
  }
  .lg\:pb-10 {
    padding-block-end: var(--spacing-10);
  }
  .lg\:pl-10 {
    padding-inline-start: var(--spacing-10);
  }
  .lg\:px-10 {
    padding-inline: var(--spacing-10);
  }
  .lg\:py-10 {
    padding-block: var(--spacing-10);
  }
  .lg\:m-10 {
    margin: var(--spacing-10);
  }
  .lg\:mt-10 {
    margin-block-start: var(--spacing-10);
  }
  .lg\:mr-10 {
    margin-inline-end: var(--spacing-10);
  }
  .lg\:mb-10 {
    margin-block-end: var(--spacing-10);
  }
  .lg\:ml-10 {
    margin-inline-start: var(--spacing-10);
  }
  .lg\:mx-10 {
    margin-inline: var(--spacing-10);
  }
  .lg\:my-10 {
    margin-block: var(--spacing-10);
  }
  .lg\:p-11 {
    padding: var(--spacing-11);
  }
  .lg\:pt-11 {
    padding-block-start: var(--spacing-11);
  }
  .lg\:pr-11 {
    padding-inline-end: var(--spacing-11);
  }
  .lg\:pb-11 {
    padding-block-end: var(--spacing-11);
  }
  .lg\:pl-11 {
    padding-inline-start: var(--spacing-11);
  }
  .lg\:px-11 {
    padding-inline: var(--spacing-11);
  }
  .lg\:py-11 {
    padding-block: var(--spacing-11);
  }
  .lg\:m-11 {
    margin: var(--spacing-11);
  }
  .lg\:mt-11 {
    margin-block-start: var(--spacing-11);
  }
  .lg\:mr-11 {
    margin-inline-end: var(--spacing-11);
  }
  .lg\:mb-11 {
    margin-block-end: var(--spacing-11);
  }
  .lg\:ml-11 {
    margin-inline-start: var(--spacing-11);
  }
  .lg\:mx-11 {
    margin-inline: var(--spacing-11);
  }
  .lg\:my-11 {
    margin-block: var(--spacing-11);
  }
  .lg\:p-12 {
    padding: var(--spacing-12);
  }
  .lg\:pt-12 {
    padding-block-start: var(--spacing-12);
  }
  .lg\:pr-12 {
    padding-inline-end: var(--spacing-12);
  }
  .lg\:pb-12 {
    padding-block-end: var(--spacing-12);
  }
  .lg\:pl-12 {
    padding-inline-start: var(--spacing-12);
  }
  .lg\:px-12 {
    padding-inline: var(--spacing-12);
  }
  .lg\:py-12 {
    padding-block: var(--spacing-12);
  }
  .lg\:m-12 {
    margin: var(--spacing-12);
  }
  .lg\:mt-12 {
    margin-block-start: var(--spacing-12);
  }
  .lg\:mr-12 {
    margin-inline-end: var(--spacing-12);
  }
  .lg\:mb-12 {
    margin-block-end: var(--spacing-12);
  }
  .lg\:ml-12 {
    margin-inline-start: var(--spacing-12);
  }
  .lg\:mx-12 {
    margin-inline: var(--spacing-12);
  }
  .lg\:my-12 {
    margin-block: var(--spacing-12);
  }
  .lg\:p-14 {
    padding: var(--spacing-14);
  }
  .lg\:pt-14 {
    padding-block-start: var(--spacing-14);
  }
  .lg\:pr-14 {
    padding-inline-end: var(--spacing-14);
  }
  .lg\:pb-14 {
    padding-block-end: var(--spacing-14);
  }
  .lg\:pl-14 {
    padding-inline-start: var(--spacing-14);
  }
  .lg\:px-14 {
    padding-inline: var(--spacing-14);
  }
  .lg\:py-14 {
    padding-block: var(--spacing-14);
  }
  .lg\:m-14 {
    margin: var(--spacing-14);
  }
  .lg\:mt-14 {
    margin-block-start: var(--spacing-14);
  }
  .lg\:mr-14 {
    margin-inline-end: var(--spacing-14);
  }
  .lg\:mb-14 {
    margin-block-end: var(--spacing-14);
  }
  .lg\:ml-14 {
    margin-inline-start: var(--spacing-14);
  }
  .lg\:mx-14 {
    margin-inline: var(--spacing-14);
  }
  .lg\:my-14 {
    margin-block: var(--spacing-14);
  }
  .lg\:p-16 {
    padding: var(--spacing-16);
  }
  .lg\:pt-16 {
    padding-block-start: var(--spacing-16);
  }
  .lg\:pr-16 {
    padding-inline-end: var(--spacing-16);
  }
  .lg\:pb-16 {
    padding-block-end: var(--spacing-16);
  }
  .lg\:pl-16 {
    padding-inline-start: var(--spacing-16);
  }
  .lg\:px-16 {
    padding-inline: var(--spacing-16);
  }
  .lg\:py-16 {
    padding-block: var(--spacing-16);
  }
  .lg\:m-16 {
    margin: var(--spacing-16);
  }
  .lg\:mt-16 {
    margin-block-start: var(--spacing-16);
  }
  .lg\:mr-16 {
    margin-inline-end: var(--spacing-16);
  }
  .lg\:mb-16 {
    margin-block-end: var(--spacing-16);
  }
  .lg\:ml-16 {
    margin-inline-start: var(--spacing-16);
  }
  .lg\:mx-16 {
    margin-inline: var(--spacing-16);
  }
  .lg\:my-16 {
    margin-block: var(--spacing-16);
  }
  .lg\:p-20 {
    padding: var(--spacing-20);
  }
  .lg\:pt-20 {
    padding-block-start: var(--spacing-20);
  }
  .lg\:pr-20 {
    padding-inline-end: var(--spacing-20);
  }
  .lg\:pb-20 {
    padding-block-end: var(--spacing-20);
  }
  .lg\:pl-20 {
    padding-inline-start: var(--spacing-20);
  }
  .lg\:px-20 {
    padding-inline: var(--spacing-20);
  }
  .lg\:py-20 {
    padding-block: var(--spacing-20);
  }
  .lg\:m-20 {
    margin: var(--spacing-20);
  }
  .lg\:mt-20 {
    margin-block-start: var(--spacing-20);
  }
  .lg\:mr-20 {
    margin-inline-end: var(--spacing-20);
  }
  .lg\:mb-20 {
    margin-block-end: var(--spacing-20);
  }
  .lg\:ml-20 {
    margin-inline-start: var(--spacing-20);
  }
  .lg\:mx-20 {
    margin-inline: var(--spacing-20);
  }
  .lg\:my-20 {
    margin-block: var(--spacing-20);
  }
  .lg\:p-24 {
    padding: var(--spacing-24);
  }
  .lg\:pt-24 {
    padding-block-start: var(--spacing-24);
  }
  .lg\:pr-24 {
    padding-inline-end: var(--spacing-24);
  }
  .lg\:pb-24 {
    padding-block-end: var(--spacing-24);
  }
  .lg\:pl-24 {
    padding-inline-start: var(--spacing-24);
  }
  .lg\:px-24 {
    padding-inline: var(--spacing-24);
  }
  .lg\:py-24 {
    padding-block: var(--spacing-24);
  }
  .lg\:m-24 {
    margin: var(--spacing-24);
  }
  .lg\:mt-24 {
    margin-block-start: var(--spacing-24);
  }
  .lg\:mr-24 {
    margin-inline-end: var(--spacing-24);
  }
  .lg\:mb-24 {
    margin-block-end: var(--spacing-24);
  }
  .lg\:ml-24 {
    margin-inline-start: var(--spacing-24);
  }
  .lg\:mx-24 {
    margin-inline: var(--spacing-24);
  }
  .lg\:my-24 {
    margin-block: var(--spacing-24);
  }
  .lg\:p-28 {
    padding: var(--spacing-28);
  }
  .lg\:pt-28 {
    padding-block-start: var(--spacing-28);
  }
  .lg\:pr-28 {
    padding-inline-end: var(--spacing-28);
  }
  .lg\:pb-28 {
    padding-block-end: var(--spacing-28);
  }
  .lg\:pl-28 {
    padding-inline-start: var(--spacing-28);
  }
  .lg\:px-28 {
    padding-inline: var(--spacing-28);
  }
  .lg\:py-28 {
    padding-block: var(--spacing-28);
  }
  .lg\:m-28 {
    margin: var(--spacing-28);
  }
  .lg\:mt-28 {
    margin-block-start: var(--spacing-28);
  }
  .lg\:mr-28 {
    margin-inline-end: var(--spacing-28);
  }
  .lg\:mb-28 {
    margin-block-end: var(--spacing-28);
  }
  .lg\:ml-28 {
    margin-inline-start: var(--spacing-28);
  }
  .lg\:mx-28 {
    margin-inline: var(--spacing-28);
  }
  .lg\:my-28 {
    margin-block: var(--spacing-28);
  }
  .lg\:p-32 {
    padding: var(--spacing-32);
  }
  .lg\:pt-32 {
    padding-block-start: var(--spacing-32);
  }
  .lg\:pr-32 {
    padding-inline-end: var(--spacing-32);
  }
  .lg\:pb-32 {
    padding-block-end: var(--spacing-32);
  }
  .lg\:pl-32 {
    padding-inline-start: var(--spacing-32);
  }
  .lg\:px-32 {
    padding-inline: var(--spacing-32);
  }
  .lg\:py-32 {
    padding-block: var(--spacing-32);
  }
  .lg\:m-32 {
    margin: var(--spacing-32);
  }
  .lg\:mt-32 {
    margin-block-start: var(--spacing-32);
  }
  .lg\:mr-32 {
    margin-inline-end: var(--spacing-32);
  }
  .lg\:mb-32 {
    margin-block-end: var(--spacing-32);
  }
  .lg\:ml-32 {
    margin-inline-start: var(--spacing-32);
  }
  .lg\:mx-32 {
    margin-inline: var(--spacing-32);
  }
  .lg\:my-32 {
    margin-block: var(--spacing-32);
  }
  .lg\:p-max {
    padding: var(--spacing-max);
  }
  .lg\:pt-max {
    padding-block-start: var(--spacing-max);
  }
  .lg\:pr-max {
    padding-inline-end: var(--spacing-max);
  }
  .lg\:pb-max {
    padding-block-end: var(--spacing-max);
  }
  .lg\:pl-max {
    padding-inline-start: var(--spacing-max);
  }
  .lg\:px-max {
    padding-inline: var(--spacing-max);
  }
  .lg\:py-max {
    padding-block: var(--spacing-max);
  }
  .lg\:m-max {
    margin: var(--spacing-max);
  }
  .lg\:mt-max {
    margin-block-start: var(--spacing-max);
  }
  .lg\:mr-max {
    margin-inline-end: var(--spacing-max);
  }
  .lg\:mb-max {
    margin-block-end: var(--spacing-max);
  }
  .lg\:ml-max {
    margin-inline-start: var(--spacing-max);
  }
  .lg\:mx-max {
    margin-inline: var(--spacing-max);
  }
  .lg\:my-max {
    margin-block: var(--spacing-max);
  }
  .lg\:p-full {
    padding: var(--spacing-full);
  }
  .lg\:pt-full {
    padding-block-start: var(--spacing-full);
  }
  .lg\:pr-full {
    padding-inline-end: var(--spacing-full);
  }
  .lg\:pb-full {
    padding-block-end: var(--spacing-full);
  }
  .lg\:pl-full {
    padding-inline-start: var(--spacing-full);
  }
  .lg\:px-full {
    padding-inline: var(--spacing-full);
  }
  .lg\:py-full {
    padding-block: var(--spacing-full);
  }
  .lg\:m-full {
    margin: var(--spacing-full);
  }
  .lg\:mt-full {
    margin-block-start: var(--spacing-full);
  }
  .lg\:mr-full {
    margin-inline-end: var(--spacing-full);
  }
  .lg\:mb-full {
    margin-block-end: var(--spacing-full);
  }
  .lg\:ml-full {
    margin-inline-start: var(--spacing-full);
  }
  .lg\:mx-full {
    margin-inline: var(--spacing-full);
  }
  .lg\:my-full {
    margin-block: var(--spacing-full);
  }
  .lg\:p-auto {
    padding: auto;
  }
  .lg\:px-auto {
    padding-inline: auto;
  }
  .lg\:py-auto {
    padding-block: auto;
  }
  .lg\:m-auto {
    margin: auto;
  }
  .lg\:mt-auto {
    margin-block-start: auto;
  }
  .lg\:mr-auto {
    margin-inline-end: auto;
  }
  .lg\:mb-auto {
    margin-block-end: auto;
  }
  .lg\:ml-auto {
    margin-inline-start: auto;
  }
  .lg\:mx-auto {
    margin-inline: auto;
  }
  .lg\:my-auto {
    margin-block: auto;
  }
}
@media (min-width: 90rem) {
  .xl\:p-0 {
    padding: var(--spacing-0);
  }
  .xl\:pt-0 {
    padding-block-start: var(--spacing-0);
  }
  .xl\:pr-0 {
    padding-inline-end: var(--spacing-0);
  }
  .xl\:pb-0 {
    padding-block-end: var(--spacing-0);
  }
  .xl\:pl-0 {
    padding-inline-start: var(--spacing-0);
  }
  .xl\:px-0 {
    padding-inline: var(--spacing-0);
  }
  .xl\:py-0 {
    padding-block: var(--spacing-0);
  }
  .xl\:m-0 {
    margin: var(--spacing-0);
  }
  .xl\:mt-0 {
    margin-block-start: var(--spacing-0);
  }
  .xl\:mr-0 {
    margin-inline-end: var(--spacing-0);
  }
  .xl\:mb-0 {
    margin-block-end: var(--spacing-0);
  }
  .xl\:ml-0 {
    margin-inline-start: var(--spacing-0);
  }
  .xl\:mx-0 {
    margin-inline: var(--spacing-0);
  }
  .xl\:my-0 {
    margin-block: var(--spacing-0);
  }
  .xl\:p-px {
    padding: var(--spacing-px);
  }
  .xl\:pt-px {
    padding-block-start: var(--spacing-px);
  }
  .xl\:pr-px {
    padding-inline-end: var(--spacing-px);
  }
  .xl\:pb-px {
    padding-block-end: var(--spacing-px);
  }
  .xl\:pl-px {
    padding-inline-start: var(--spacing-px);
  }
  .xl\:px-px {
    padding-inline: var(--spacing-px);
  }
  .xl\:py-px {
    padding-block: var(--spacing-px);
  }
  .xl\:m-px {
    margin: var(--spacing-px);
  }
  .xl\:mt-px {
    margin-block-start: var(--spacing-px);
  }
  .xl\:mr-px {
    margin-inline-end: var(--spacing-px);
  }
  .xl\:mb-px {
    margin-block-end: var(--spacing-px);
  }
  .xl\:ml-px {
    margin-inline-start: var(--spacing-px);
  }
  .xl\:mx-px {
    margin-inline: var(--spacing-px);
  }
  .xl\:my-px {
    margin-block: var(--spacing-px);
  }
  .xl\:p-sub-px {
    padding: var(--spacing-sub-px);
  }
  .xl\:pt-sub-px {
    padding-block-start: var(--spacing-sub-px);
  }
  .xl\:pr-sub-px {
    padding-inline-end: var(--spacing-sub-px);
  }
  .xl\:pb-sub-px {
    padding-block-end: var(--spacing-sub-px);
  }
  .xl\:pl-sub-px {
    padding-inline-start: var(--spacing-sub-px);
  }
  .xl\:px-sub-px {
    padding-inline: var(--spacing-sub-px);
  }
  .xl\:py-sub-px {
    padding-block: var(--spacing-sub-px);
  }
  .xl\:m-sub-px {
    margin: var(--spacing-sub-px);
  }
  .xl\:mt-sub-px {
    margin-block-start: var(--spacing-sub-px);
  }
  .xl\:mr-sub-px {
    margin-inline-end: var(--spacing-sub-px);
  }
  .xl\:mb-sub-px {
    margin-block-end: var(--spacing-sub-px);
  }
  .xl\:ml-sub-px {
    margin-inline-start: var(--spacing-sub-px);
  }
  .xl\:mx-sub-px {
    margin-inline: var(--spacing-sub-px);
  }
  .xl\:my-sub-px {
    margin-block: var(--spacing-sub-px);
  }
  .xl\:p-1 {
    padding: var(--spacing-1);
  }
  .xl\:pt-1 {
    padding-block-start: var(--spacing-1);
  }
  .xl\:pr-1 {
    padding-inline-end: var(--spacing-1);
  }
  .xl\:pb-1 {
    padding-block-end: var(--spacing-1);
  }
  .xl\:pl-1 {
    padding-inline-start: var(--spacing-1);
  }
  .xl\:px-1 {
    padding-inline: var(--spacing-1);
  }
  .xl\:py-1 {
    padding-block: var(--spacing-1);
  }
  .xl\:m-1 {
    margin: var(--spacing-1);
  }
  .xl\:mt-1 {
    margin-block-start: var(--spacing-1);
  }
  .xl\:mr-1 {
    margin-inline-end: var(--spacing-1);
  }
  .xl\:mb-1 {
    margin-block-end: var(--spacing-1);
  }
  .xl\:ml-1 {
    margin-inline-start: var(--spacing-1);
  }
  .xl\:mx-1 {
    margin-inline: var(--spacing-1);
  }
  .xl\:my-1 {
    margin-block: var(--spacing-1);
  }
  .xl\:p-sub-1 {
    padding: var(--spacing-sub-1);
  }
  .xl\:pt-sub-1 {
    padding-block-start: var(--spacing-sub-1);
  }
  .xl\:pr-sub-1 {
    padding-inline-end: var(--spacing-sub-1);
  }
  .xl\:pb-sub-1 {
    padding-block-end: var(--spacing-sub-1);
  }
  .xl\:pl-sub-1 {
    padding-inline-start: var(--spacing-sub-1);
  }
  .xl\:px-sub-1 {
    padding-inline: var(--spacing-sub-1);
  }
  .xl\:py-sub-1 {
    padding-block: var(--spacing-sub-1);
  }
  .xl\:m-sub-1 {
    margin: var(--spacing-sub-1);
  }
  .xl\:mt-sub-1 {
    margin-block-start: var(--spacing-sub-1);
  }
  .xl\:mr-sub-1 {
    margin-inline-end: var(--spacing-sub-1);
  }
  .xl\:mb-sub-1 {
    margin-block-end: var(--spacing-sub-1);
  }
  .xl\:ml-sub-1 {
    margin-inline-start: var(--spacing-sub-1);
  }
  .xl\:mx-sub-1 {
    margin-inline: var(--spacing-sub-1);
  }
  .xl\:my-sub-1 {
    margin-block: var(--spacing-sub-1);
  }
  .xl\:p-2 {
    padding: var(--spacing-2);
  }
  .xl\:pt-2 {
    padding-block-start: var(--spacing-2);
  }
  .xl\:pr-2 {
    padding-inline-end: var(--spacing-2);
  }
  .xl\:pb-2 {
    padding-block-end: var(--spacing-2);
  }
  .xl\:pl-2 {
    padding-inline-start: var(--spacing-2);
  }
  .xl\:px-2 {
    padding-inline: var(--spacing-2);
  }
  .xl\:py-2 {
    padding-block: var(--spacing-2);
  }
  .xl\:m-2 {
    margin: var(--spacing-2);
  }
  .xl\:mt-2 {
    margin-block-start: var(--spacing-2);
  }
  .xl\:mr-2 {
    margin-inline-end: var(--spacing-2);
  }
  .xl\:mb-2 {
    margin-block-end: var(--spacing-2);
  }
  .xl\:ml-2 {
    margin-inline-start: var(--spacing-2);
  }
  .xl\:mx-2 {
    margin-inline: var(--spacing-2);
  }
  .xl\:my-2 {
    margin-block: var(--spacing-2);
  }
  .xl\:p-sub-2 {
    padding: var(--spacing-sub-2);
  }
  .xl\:pt-sub-2 {
    padding-block-start: var(--spacing-sub-2);
  }
  .xl\:pr-sub-2 {
    padding-inline-end: var(--spacing-sub-2);
  }
  .xl\:pb-sub-2 {
    padding-block-end: var(--spacing-sub-2);
  }
  .xl\:pl-sub-2 {
    padding-inline-start: var(--spacing-sub-2);
  }
  .xl\:px-sub-2 {
    padding-inline: var(--spacing-sub-2);
  }
  .xl\:py-sub-2 {
    padding-block: var(--spacing-sub-2);
  }
  .xl\:m-sub-2 {
    margin: var(--spacing-sub-2);
  }
  .xl\:mt-sub-2 {
    margin-block-start: var(--spacing-sub-2);
  }
  .xl\:mr-sub-2 {
    margin-inline-end: var(--spacing-sub-2);
  }
  .xl\:mb-sub-2 {
    margin-block-end: var(--spacing-sub-2);
  }
  .xl\:ml-sub-2 {
    margin-inline-start: var(--spacing-sub-2);
  }
  .xl\:mx-sub-2 {
    margin-inline: var(--spacing-sub-2);
  }
  .xl\:my-sub-2 {
    margin-block: var(--spacing-sub-2);
  }
  .xl\:p-3 {
    padding: var(--spacing-3);
  }
  .xl\:pt-3 {
    padding-block-start: var(--spacing-3);
  }
  .xl\:pr-3 {
    padding-inline-end: var(--spacing-3);
  }
  .xl\:pb-3 {
    padding-block-end: var(--spacing-3);
  }
  .xl\:pl-3 {
    padding-inline-start: var(--spacing-3);
  }
  .xl\:px-3 {
    padding-inline: var(--spacing-3);
  }
  .xl\:py-3 {
    padding-block: var(--spacing-3);
  }
  .xl\:m-3 {
    margin: var(--spacing-3);
  }
  .xl\:mt-3 {
    margin-block-start: var(--spacing-3);
  }
  .xl\:mr-3 {
    margin-inline-end: var(--spacing-3);
  }
  .xl\:mb-3 {
    margin-block-end: var(--spacing-3);
  }
  .xl\:ml-3 {
    margin-inline-start: var(--spacing-3);
  }
  .xl\:mx-3 {
    margin-inline: var(--spacing-3);
  }
  .xl\:my-3 {
    margin-block: var(--spacing-3);
  }
  .xl\:p-sub-3 {
    padding: var(--spacing-sub-3);
  }
  .xl\:pt-sub-3 {
    padding-block-start: var(--spacing-sub-3);
  }
  .xl\:pr-sub-3 {
    padding-inline-end: var(--spacing-sub-3);
  }
  .xl\:pb-sub-3 {
    padding-block-end: var(--spacing-sub-3);
  }
  .xl\:pl-sub-3 {
    padding-inline-start: var(--spacing-sub-3);
  }
  .xl\:px-sub-3 {
    padding-inline: var(--spacing-sub-3);
  }
  .xl\:py-sub-3 {
    padding-block: var(--spacing-sub-3);
  }
  .xl\:m-sub-3 {
    margin: var(--spacing-sub-3);
  }
  .xl\:mt-sub-3 {
    margin-block-start: var(--spacing-sub-3);
  }
  .xl\:mr-sub-3 {
    margin-inline-end: var(--spacing-sub-3);
  }
  .xl\:mb-sub-3 {
    margin-block-end: var(--spacing-sub-3);
  }
  .xl\:ml-sub-3 {
    margin-inline-start: var(--spacing-sub-3);
  }
  .xl\:mx-sub-3 {
    margin-inline: var(--spacing-sub-3);
  }
  .xl\:my-sub-3 {
    margin-block: var(--spacing-sub-3);
  }
  .xl\:p-4 {
    padding: var(--spacing-4);
  }
  .xl\:pt-4 {
    padding-block-start: var(--spacing-4);
  }
  .xl\:pr-4 {
    padding-inline-end: var(--spacing-4);
  }
  .xl\:pb-4 {
    padding-block-end: var(--spacing-4);
  }
  .xl\:pl-4 {
    padding-inline-start: var(--spacing-4);
  }
  .xl\:px-4 {
    padding-inline: var(--spacing-4);
  }
  .xl\:py-4 {
    padding-block: var(--spacing-4);
  }
  .xl\:m-4 {
    margin: var(--spacing-4);
  }
  .xl\:mt-4 {
    margin-block-start: var(--spacing-4);
  }
  .xl\:mr-4 {
    margin-inline-end: var(--spacing-4);
  }
  .xl\:mb-4 {
    margin-block-end: var(--spacing-4);
  }
  .xl\:ml-4 {
    margin-inline-start: var(--spacing-4);
  }
  .xl\:mx-4 {
    margin-inline: var(--spacing-4);
  }
  .xl\:my-4 {
    margin-block: var(--spacing-4);
  }
  .xl\:p-sub-4 {
    padding: var(--spacing-sub-4);
  }
  .xl\:pt-sub-4 {
    padding-block-start: var(--spacing-sub-4);
  }
  .xl\:pr-sub-4 {
    padding-inline-end: var(--spacing-sub-4);
  }
  .xl\:pb-sub-4 {
    padding-block-end: var(--spacing-sub-4);
  }
  .xl\:pl-sub-4 {
    padding-inline-start: var(--spacing-sub-4);
  }
  .xl\:px-sub-4 {
    padding-inline: var(--spacing-sub-4);
  }
  .xl\:py-sub-4 {
    padding-block: var(--spacing-sub-4);
  }
  .xl\:m-sub-4 {
    margin: var(--spacing-sub-4);
  }
  .xl\:mt-sub-4 {
    margin-block-start: var(--spacing-sub-4);
  }
  .xl\:mr-sub-4 {
    margin-inline-end: var(--spacing-sub-4);
  }
  .xl\:mb-sub-4 {
    margin-block-end: var(--spacing-sub-4);
  }
  .xl\:ml-sub-4 {
    margin-inline-start: var(--spacing-sub-4);
  }
  .xl\:mx-sub-4 {
    margin-inline: var(--spacing-sub-4);
  }
  .xl\:my-sub-4 {
    margin-block: var(--spacing-sub-4);
  }
  .xl\:p-5 {
    padding: var(--spacing-5);
  }
  .xl\:pt-5 {
    padding-block-start: var(--spacing-5);
  }
  .xl\:pr-5 {
    padding-inline-end: var(--spacing-5);
  }
  .xl\:pb-5 {
    padding-block-end: var(--spacing-5);
  }
  .xl\:pl-5 {
    padding-inline-start: var(--spacing-5);
  }
  .xl\:px-5 {
    padding-inline: var(--spacing-5);
  }
  .xl\:py-5 {
    padding-block: var(--spacing-5);
  }
  .xl\:m-5 {
    margin: var(--spacing-5);
  }
  .xl\:mt-5 {
    margin-block-start: var(--spacing-5);
  }
  .xl\:mr-5 {
    margin-inline-end: var(--spacing-5);
  }
  .xl\:mb-5 {
    margin-block-end: var(--spacing-5);
  }
  .xl\:ml-5 {
    margin-inline-start: var(--spacing-5);
  }
  .xl\:mx-5 {
    margin-inline: var(--spacing-5);
  }
  .xl\:my-5 {
    margin-block: var(--spacing-5);
  }
  .xl\:p-6 {
    padding: var(--spacing-6);
  }
  .xl\:pt-6 {
    padding-block-start: var(--spacing-6);
  }
  .xl\:pr-6 {
    padding-inline-end: var(--spacing-6);
  }
  .xl\:pb-6 {
    padding-block-end: var(--spacing-6);
  }
  .xl\:pl-6 {
    padding-inline-start: var(--spacing-6);
  }
  .xl\:px-6 {
    padding-inline: var(--spacing-6);
  }
  .xl\:py-6 {
    padding-block: var(--spacing-6);
  }
  .xl\:m-6 {
    margin: var(--spacing-6);
  }
  .xl\:mt-6 {
    margin-block-start: var(--spacing-6);
  }
  .xl\:mr-6 {
    margin-inline-end: var(--spacing-6);
  }
  .xl\:mb-6 {
    margin-block-end: var(--spacing-6);
  }
  .xl\:ml-6 {
    margin-inline-start: var(--spacing-6);
  }
  .xl\:mx-6 {
    margin-inline: var(--spacing-6);
  }
  .xl\:my-6 {
    margin-block: var(--spacing-6);
  }
  .xl\:p-7 {
    padding: var(--spacing-7);
  }
  .xl\:pt-7 {
    padding-block-start: var(--spacing-7);
  }
  .xl\:pr-7 {
    padding-inline-end: var(--spacing-7);
  }
  .xl\:pb-7 {
    padding-block-end: var(--spacing-7);
  }
  .xl\:pl-7 {
    padding-inline-start: var(--spacing-7);
  }
  .xl\:px-7 {
    padding-inline: var(--spacing-7);
  }
  .xl\:py-7 {
    padding-block: var(--spacing-7);
  }
  .xl\:m-7 {
    margin: var(--spacing-7);
  }
  .xl\:mt-7 {
    margin-block-start: var(--spacing-7);
  }
  .xl\:mr-7 {
    margin-inline-end: var(--spacing-7);
  }
  .xl\:mb-7 {
    margin-block-end: var(--spacing-7);
  }
  .xl\:ml-7 {
    margin-inline-start: var(--spacing-7);
  }
  .xl\:mx-7 {
    margin-inline: var(--spacing-7);
  }
  .xl\:my-7 {
    margin-block: var(--spacing-7);
  }
  .xl\:p-8 {
    padding: var(--spacing-8);
  }
  .xl\:pt-8 {
    padding-block-start: var(--spacing-8);
  }
  .xl\:pr-8 {
    padding-inline-end: var(--spacing-8);
  }
  .xl\:pb-8 {
    padding-block-end: var(--spacing-8);
  }
  .xl\:pl-8 {
    padding-inline-start: var(--spacing-8);
  }
  .xl\:px-8 {
    padding-inline: var(--spacing-8);
  }
  .xl\:py-8 {
    padding-block: var(--spacing-8);
  }
  .xl\:m-8 {
    margin: var(--spacing-8);
  }
  .xl\:mt-8 {
    margin-block-start: var(--spacing-8);
  }
  .xl\:mr-8 {
    margin-inline-end: var(--spacing-8);
  }
  .xl\:mb-8 {
    margin-block-end: var(--spacing-8);
  }
  .xl\:ml-8 {
    margin-inline-start: var(--spacing-8);
  }
  .xl\:mx-8 {
    margin-inline: var(--spacing-8);
  }
  .xl\:my-8 {
    margin-block: var(--spacing-8);
  }
  .xl\:p-9 {
    padding: var(--spacing-9);
  }
  .xl\:pt-9 {
    padding-block-start: var(--spacing-9);
  }
  .xl\:pr-9 {
    padding-inline-end: var(--spacing-9);
  }
  .xl\:pb-9 {
    padding-block-end: var(--spacing-9);
  }
  .xl\:pl-9 {
    padding-inline-start: var(--spacing-9);
  }
  .xl\:px-9 {
    padding-inline: var(--spacing-9);
  }
  .xl\:py-9 {
    padding-block: var(--spacing-9);
  }
  .xl\:m-9 {
    margin: var(--spacing-9);
  }
  .xl\:mt-9 {
    margin-block-start: var(--spacing-9);
  }
  .xl\:mr-9 {
    margin-inline-end: var(--spacing-9);
  }
  .xl\:mb-9 {
    margin-block-end: var(--spacing-9);
  }
  .xl\:ml-9 {
    margin-inline-start: var(--spacing-9);
  }
  .xl\:mx-9 {
    margin-inline: var(--spacing-9);
  }
  .xl\:my-9 {
    margin-block: var(--spacing-9);
  }
  .xl\:p-10 {
    padding: var(--spacing-10);
  }
  .xl\:pt-10 {
    padding-block-start: var(--spacing-10);
  }
  .xl\:pr-10 {
    padding-inline-end: var(--spacing-10);
  }
  .xl\:pb-10 {
    padding-block-end: var(--spacing-10);
  }
  .xl\:pl-10 {
    padding-inline-start: var(--spacing-10);
  }
  .xl\:px-10 {
    padding-inline: var(--spacing-10);
  }
  .xl\:py-10 {
    padding-block: var(--spacing-10);
  }
  .xl\:m-10 {
    margin: var(--spacing-10);
  }
  .xl\:mt-10 {
    margin-block-start: var(--spacing-10);
  }
  .xl\:mr-10 {
    margin-inline-end: var(--spacing-10);
  }
  .xl\:mb-10 {
    margin-block-end: var(--spacing-10);
  }
  .xl\:ml-10 {
    margin-inline-start: var(--spacing-10);
  }
  .xl\:mx-10 {
    margin-inline: var(--spacing-10);
  }
  .xl\:my-10 {
    margin-block: var(--spacing-10);
  }
  .xl\:p-11 {
    padding: var(--spacing-11);
  }
  .xl\:pt-11 {
    padding-block-start: var(--spacing-11);
  }
  .xl\:pr-11 {
    padding-inline-end: var(--spacing-11);
  }
  .xl\:pb-11 {
    padding-block-end: var(--spacing-11);
  }
  .xl\:pl-11 {
    padding-inline-start: var(--spacing-11);
  }
  .xl\:px-11 {
    padding-inline: var(--spacing-11);
  }
  .xl\:py-11 {
    padding-block: var(--spacing-11);
  }
  .xl\:m-11 {
    margin: var(--spacing-11);
  }
  .xl\:mt-11 {
    margin-block-start: var(--spacing-11);
  }
  .xl\:mr-11 {
    margin-inline-end: var(--spacing-11);
  }
  .xl\:mb-11 {
    margin-block-end: var(--spacing-11);
  }
  .xl\:ml-11 {
    margin-inline-start: var(--spacing-11);
  }
  .xl\:mx-11 {
    margin-inline: var(--spacing-11);
  }
  .xl\:my-11 {
    margin-block: var(--spacing-11);
  }
  .xl\:p-12 {
    padding: var(--spacing-12);
  }
  .xl\:pt-12 {
    padding-block-start: var(--spacing-12);
  }
  .xl\:pr-12 {
    padding-inline-end: var(--spacing-12);
  }
  .xl\:pb-12 {
    padding-block-end: var(--spacing-12);
  }
  .xl\:pl-12 {
    padding-inline-start: var(--spacing-12);
  }
  .xl\:px-12 {
    padding-inline: var(--spacing-12);
  }
  .xl\:py-12 {
    padding-block: var(--spacing-12);
  }
  .xl\:m-12 {
    margin: var(--spacing-12);
  }
  .xl\:mt-12 {
    margin-block-start: var(--spacing-12);
  }
  .xl\:mr-12 {
    margin-inline-end: var(--spacing-12);
  }
  .xl\:mb-12 {
    margin-block-end: var(--spacing-12);
  }
  .xl\:ml-12 {
    margin-inline-start: var(--spacing-12);
  }
  .xl\:mx-12 {
    margin-inline: var(--spacing-12);
  }
  .xl\:my-12 {
    margin-block: var(--spacing-12);
  }
  .xl\:p-14 {
    padding: var(--spacing-14);
  }
  .xl\:pt-14 {
    padding-block-start: var(--spacing-14);
  }
  .xl\:pr-14 {
    padding-inline-end: var(--spacing-14);
  }
  .xl\:pb-14 {
    padding-block-end: var(--spacing-14);
  }
  .xl\:pl-14 {
    padding-inline-start: var(--spacing-14);
  }
  .xl\:px-14 {
    padding-inline: var(--spacing-14);
  }
  .xl\:py-14 {
    padding-block: var(--spacing-14);
  }
  .xl\:m-14 {
    margin: var(--spacing-14);
  }
  .xl\:mt-14 {
    margin-block-start: var(--spacing-14);
  }
  .xl\:mr-14 {
    margin-inline-end: var(--spacing-14);
  }
  .xl\:mb-14 {
    margin-block-end: var(--spacing-14);
  }
  .xl\:ml-14 {
    margin-inline-start: var(--spacing-14);
  }
  .xl\:mx-14 {
    margin-inline: var(--spacing-14);
  }
  .xl\:my-14 {
    margin-block: var(--spacing-14);
  }
  .xl\:p-16 {
    padding: var(--spacing-16);
  }
  .xl\:pt-16 {
    padding-block-start: var(--spacing-16);
  }
  .xl\:pr-16 {
    padding-inline-end: var(--spacing-16);
  }
  .xl\:pb-16 {
    padding-block-end: var(--spacing-16);
  }
  .xl\:pl-16 {
    padding-inline-start: var(--spacing-16);
  }
  .xl\:px-16 {
    padding-inline: var(--spacing-16);
  }
  .xl\:py-16 {
    padding-block: var(--spacing-16);
  }
  .xl\:m-16 {
    margin: var(--spacing-16);
  }
  .xl\:mt-16 {
    margin-block-start: var(--spacing-16);
  }
  .xl\:mr-16 {
    margin-inline-end: var(--spacing-16);
  }
  .xl\:mb-16 {
    margin-block-end: var(--spacing-16);
  }
  .xl\:ml-16 {
    margin-inline-start: var(--spacing-16);
  }
  .xl\:mx-16 {
    margin-inline: var(--spacing-16);
  }
  .xl\:my-16 {
    margin-block: var(--spacing-16);
  }
  .xl\:p-20 {
    padding: var(--spacing-20);
  }
  .xl\:pt-20 {
    padding-block-start: var(--spacing-20);
  }
  .xl\:pr-20 {
    padding-inline-end: var(--spacing-20);
  }
  .xl\:pb-20 {
    padding-block-end: var(--spacing-20);
  }
  .xl\:pl-20 {
    padding-inline-start: var(--spacing-20);
  }
  .xl\:px-20 {
    padding-inline: var(--spacing-20);
  }
  .xl\:py-20 {
    padding-block: var(--spacing-20);
  }
  .xl\:m-20 {
    margin: var(--spacing-20);
  }
  .xl\:mt-20 {
    margin-block-start: var(--spacing-20);
  }
  .xl\:mr-20 {
    margin-inline-end: var(--spacing-20);
  }
  .xl\:mb-20 {
    margin-block-end: var(--spacing-20);
  }
  .xl\:ml-20 {
    margin-inline-start: var(--spacing-20);
  }
  .xl\:mx-20 {
    margin-inline: var(--spacing-20);
  }
  .xl\:my-20 {
    margin-block: var(--spacing-20);
  }
  .xl\:p-24 {
    padding: var(--spacing-24);
  }
  .xl\:pt-24 {
    padding-block-start: var(--spacing-24);
  }
  .xl\:pr-24 {
    padding-inline-end: var(--spacing-24);
  }
  .xl\:pb-24 {
    padding-block-end: var(--spacing-24);
  }
  .xl\:pl-24 {
    padding-inline-start: var(--spacing-24);
  }
  .xl\:px-24 {
    padding-inline: var(--spacing-24);
  }
  .xl\:py-24 {
    padding-block: var(--spacing-24);
  }
  .xl\:m-24 {
    margin: var(--spacing-24);
  }
  .xl\:mt-24 {
    margin-block-start: var(--spacing-24);
  }
  .xl\:mr-24 {
    margin-inline-end: var(--spacing-24);
  }
  .xl\:mb-24 {
    margin-block-end: var(--spacing-24);
  }
  .xl\:ml-24 {
    margin-inline-start: var(--spacing-24);
  }
  .xl\:mx-24 {
    margin-inline: var(--spacing-24);
  }
  .xl\:my-24 {
    margin-block: var(--spacing-24);
  }
  .xl\:p-28 {
    padding: var(--spacing-28);
  }
  .xl\:pt-28 {
    padding-block-start: var(--spacing-28);
  }
  .xl\:pr-28 {
    padding-inline-end: var(--spacing-28);
  }
  .xl\:pb-28 {
    padding-block-end: var(--spacing-28);
  }
  .xl\:pl-28 {
    padding-inline-start: var(--spacing-28);
  }
  .xl\:px-28 {
    padding-inline: var(--spacing-28);
  }
  .xl\:py-28 {
    padding-block: var(--spacing-28);
  }
  .xl\:m-28 {
    margin: var(--spacing-28);
  }
  .xl\:mt-28 {
    margin-block-start: var(--spacing-28);
  }
  .xl\:mr-28 {
    margin-inline-end: var(--spacing-28);
  }
  .xl\:mb-28 {
    margin-block-end: var(--spacing-28);
  }
  .xl\:ml-28 {
    margin-inline-start: var(--spacing-28);
  }
  .xl\:mx-28 {
    margin-inline: var(--spacing-28);
  }
  .xl\:my-28 {
    margin-block: var(--spacing-28);
  }
  .xl\:p-32 {
    padding: var(--spacing-32);
  }
  .xl\:pt-32 {
    padding-block-start: var(--spacing-32);
  }
  .xl\:pr-32 {
    padding-inline-end: var(--spacing-32);
  }
  .xl\:pb-32 {
    padding-block-end: var(--spacing-32);
  }
  .xl\:pl-32 {
    padding-inline-start: var(--spacing-32);
  }
  .xl\:px-32 {
    padding-inline: var(--spacing-32);
  }
  .xl\:py-32 {
    padding-block: var(--spacing-32);
  }
  .xl\:m-32 {
    margin: var(--spacing-32);
  }
  .xl\:mt-32 {
    margin-block-start: var(--spacing-32);
  }
  .xl\:mr-32 {
    margin-inline-end: var(--spacing-32);
  }
  .xl\:mb-32 {
    margin-block-end: var(--spacing-32);
  }
  .xl\:ml-32 {
    margin-inline-start: var(--spacing-32);
  }
  .xl\:mx-32 {
    margin-inline: var(--spacing-32);
  }
  .xl\:my-32 {
    margin-block: var(--spacing-32);
  }
  .xl\:p-max {
    padding: var(--spacing-max);
  }
  .xl\:pt-max {
    padding-block-start: var(--spacing-max);
  }
  .xl\:pr-max {
    padding-inline-end: var(--spacing-max);
  }
  .xl\:pb-max {
    padding-block-end: var(--spacing-max);
  }
  .xl\:pl-max {
    padding-inline-start: var(--spacing-max);
  }
  .xl\:px-max {
    padding-inline: var(--spacing-max);
  }
  .xl\:py-max {
    padding-block: var(--spacing-max);
  }
  .xl\:m-max {
    margin: var(--spacing-max);
  }
  .xl\:mt-max {
    margin-block-start: var(--spacing-max);
  }
  .xl\:mr-max {
    margin-inline-end: var(--spacing-max);
  }
  .xl\:mb-max {
    margin-block-end: var(--spacing-max);
  }
  .xl\:ml-max {
    margin-inline-start: var(--spacing-max);
  }
  .xl\:mx-max {
    margin-inline: var(--spacing-max);
  }
  .xl\:my-max {
    margin-block: var(--spacing-max);
  }
  .xl\:p-full {
    padding: var(--spacing-full);
  }
  .xl\:pt-full {
    padding-block-start: var(--spacing-full);
  }
  .xl\:pr-full {
    padding-inline-end: var(--spacing-full);
  }
  .xl\:pb-full {
    padding-block-end: var(--spacing-full);
  }
  .xl\:pl-full {
    padding-inline-start: var(--spacing-full);
  }
  .xl\:px-full {
    padding-inline: var(--spacing-full);
  }
  .xl\:py-full {
    padding-block: var(--spacing-full);
  }
  .xl\:m-full {
    margin: var(--spacing-full);
  }
  .xl\:mt-full {
    margin-block-start: var(--spacing-full);
  }
  .xl\:mr-full {
    margin-inline-end: var(--spacing-full);
  }
  .xl\:mb-full {
    margin-block-end: var(--spacing-full);
  }
  .xl\:ml-full {
    margin-inline-start: var(--spacing-full);
  }
  .xl\:mx-full {
    margin-inline: var(--spacing-full);
  }
  .xl\:my-full {
    margin-block: var(--spacing-full);
  }
  .xl\:p-auto {
    padding: auto;
  }
  .xl\:px-auto {
    padding-inline: auto;
  }
  .xl\:py-auto {
    padding-block: auto;
  }
  .xl\:m-auto {
    margin: auto;
  }
  .xl\:mt-auto {
    margin-block-start: auto;
  }
  .xl\:mr-auto {
    margin-inline-end: auto;
  }
  .xl\:mb-auto {
    margin-block-end: auto;
  }
  .xl\:ml-auto {
    margin-inline-start: auto;
  }
  .xl\:mx-auto {
    margin-inline: auto;
  }
  .xl\:my-auto {
    margin-block: auto;
  }
}
:root {
  --fw-100: 100;
  --fw-300: 300;
  --fw-500: 500;
  --fw-700: 700;
  --fw-900: 900;
  --fw-normal: normal;
}

.fw-100 {
  font-weight: var(--fw-100);
  --label-fw: var(--fw-100);
}
.fw-300 {
  font-weight: var(--fw-300);
  --label-fw: var(--fw-300);
}
.fw-500 {
  font-weight: var(--fw-500);
  --label-fw: var(--fw-500);
}
.fw-700 {
  font-weight: var(--fw-700);
  --label-fw: var(--fw-700);
}
.fw-900 {
  font-weight: var(--fw-900);
  --label-fw: var(--fw-900);
}
.fw-normal {
  font-weight: var(--fw-normal);
  --label-fw: var(--fw-normal);
}

.text-left {
  text-align: left;
}

@media (min-width: 32rem) {
  .xs\:text-left {
    text-align: left;
  }
}
@media (min-width: 48rem) {
  .sm\:text-left {
    text-align: left;
  }
}
@media (min-width: 64rem) {
  .md\:text-left {
    text-align: left;
  }
}
@media (min-width: 80rem) {
  .lg\:text-left {
    text-align: left;
  }
}
@media (min-width: 90rem) {
  .xl\:text-left {
    text-align: left;
  }
}
.text-center {
  text-align: center;
}

@media (min-width: 32rem) {
  .xs\:text-center {
    text-align: center;
  }
}
@media (min-width: 48rem) {
  .sm\:text-center {
    text-align: center;
  }
}
@media (min-width: 64rem) {
  .md\:text-center {
    text-align: center;
  }
}
@media (min-width: 80rem) {
  .lg\:text-center {
    text-align: center;
  }
}
@media (min-width: 90rem) {
  .xl\:text-center {
    text-align: center;
  }
}
.text-right {
  text-align: right;
}

@media (min-width: 32rem) {
  .xs\:text-right {
    text-align: right;
  }
}
@media (min-width: 48rem) {
  .sm\:text-right {
    text-align: right;
  }
}
@media (min-width: 64rem) {
  .md\:text-right {
    text-align: right;
  }
}
@media (min-width: 80rem) {
  .lg\:text-right {
    text-align: right;
  }
}
@media (min-width: 90rem) {
  .xl\:text-right {
    text-align: right;
  }
}
.text-justify {
  text-align: justify;
}

@media (min-width: 32rem) {
  .xs\:text-justify {
    text-align: justify;
  }
}
@media (min-width: 48rem) {
  .sm\:text-justify {
    text-align: justify;
  }
}
@media (min-width: 64rem) {
  .md\:text-justify {
    text-align: justify;
  }
}
@media (min-width: 80rem) {
  .lg\:text-justify {
    text-align: justify;
  }
}
@media (min-width: 90rem) {
  .xl\:text-justify {
    text-align: justify;
  }
}
.text-start {
  text-align: start;
}

@media (min-width: 32rem) {
  .xs\:text-start {
    text-align: start;
  }
}
@media (min-width: 48rem) {
  .sm\:text-start {
    text-align: start;
  }
}
@media (min-width: 64rem) {
  .md\:text-start {
    text-align: start;
  }
}
@media (min-width: 80rem) {
  .lg\:text-start {
    text-align: start;
  }
}
@media (min-width: 90rem) {
  .xl\:text-start {
    text-align: start;
  }
}
.text-end {
  text-align: end;
}

@media (min-width: 32rem) {
  .xs\:text-end {
    text-align: end;
  }
}
@media (min-width: 48rem) {
  .sm\:text-end {
    text-align: end;
  }
}
@media (min-width: 64rem) {
  .md\:text-end {
    text-align: end;
  }
}
@media (min-width: 80rem) {
  .lg\:text-end {
    text-align: end;
  }
}
@media (min-width: 90rem) {
  .xl\:text-end {
    text-align: end;
  }
}
.break-word {
  word-break: break-word;
}

.break-all {
  word-break: break-all;
}

.keep-all {
  word-break: keep-all;
}

.italic {
  font-style: italic;
}

.strong {
  --label-fw: 500;
  font-weight: var(--label-fw);
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.no-decoration,
a.no-decoration,
a.no-decoration > * {
  text-decoration: none;
}

.line-height-none {
  --label-line-height: 1;
  line-height: 1;
}
.line-height-tight {
  --label-line-height: 1.25;
  line-height: 1.25;
}
.line-height-snug {
  --label-line-height: 1.357;
  line-height: 1.375;
}
.line-height-normal {
  --label-line-height: 1.5;
  line-height: 1.5;
}
.line-height-relaxed {
  --label-line-height: 1.625;
  line-height: 1.625;
}

.whitespace-normal {
  white-space: normal;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.whitespace-pre {
  white-space: pre;
}

.whitespace-pre-line {
  white-space: pre-line;
}

.whitespace-pre-wrap {
  white-space: pre-wrap;
}

.whitespace-break-spaces {
  white-space: break-spaces;
}

.w-full {
  width: 100%;
}
.w-fit-content {
  width: fit-content;
}
.w-auto {
  width: auto;
}
.w-100vw {
  width: 100vw;
}

.min-w-0 {
  min-width: 0px;
}
.min-w-full {
  min-width: 100%;
}
.min-w-min {
  min-width: min-content;
}
.min-w-max {
  min-width: max-content;
}
.min-w-fit {
  min-width: fit-content;
}

.h-full {
  height: 100%;
}
.h-fit-content {
  height: fit-content;
}
.h-auto {
  height: auto;
}
.h-100vh {
  height: 100vh;
}

body {
  font-size: var(--fs-12);
  font-weight: normal;
  color: var(--color-neutrals-400);
  margin: 0;
  font-family: var(--ff-roboto, "Roboto", sans-serif);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-height: 100vh;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSI3MzUiIHZpZXdCb3g9IjAgMCAxNDQwIDczNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjE0NDAiIGhlaWdodD0iNzM1IiBmaWxsPSJ1cmwoI3BhaW50MF9yYWRpYWxfMjk2XzEyOTAyKSIvPgo8ZGVmcz4KPHJhZGlhbEdyYWRpZW50IGlkPSJwYWludDBfcmFkaWFsXzI5Nl8xMjkwMiIgY3g9IjAiIGN5PSIwIiByPSIxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgZ3JhZGllbnRUcmFuc2Zvcm09InRyYW5zbGF0ZSgxNDI0IDE4Ljk5OTgpIHJvdGF0ZSgxNDcuMTUzKSBzY2FsZSgxMzIwLjA1IDIyMjQuNDkpIj4KPHN0b3Agb2Zmc2V0PSIwLjI1OTk4NCIgc3RvcC1jb2xvcj0iI0RBRURGMCIvPgo8c3RvcCBvZmZzZXQ9IjAuNTgzNCIgc3RvcC1jb2xvcj0iI0Y2RjZGOCIgc3RvcC1vcGFjaXR5PSIwLjYzIi8+CjxzdG9wIG9mZnNldD0iMC45MzIwNyIgc3RvcC1jb2xvcj0iI0U5RThFRSIvPgo8L3JhZGlhbEdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=);
  background-color: #e1e0e8;
}

@font-face {
  font-family: "Museo Slab 300";
  src: url("https://static.mbopartners.com/portal/fonts/MuseoSlab-300.woff2") format("woff2"), url("https://static.mbopartners.com/portal/fonts/MuseoSlab-300.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo Slab 500";
  src: url("https://static.mbopartners.com/portal/fonts/MuseoSlab-500.woff2") format("woff2"), url("https://static.mbopartners.com/portal/fonts/MuseoSlab-500.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/*:TODO  Need to grab the these custom props from design system */

/*# sourceMappingURL=main.css.map */