/* src/styles.scss */
:root {
  --color-neutral-50: #f9fafb;
  --color-neutral-100: #f3f4f6;
  --color-neutral-200: #e5e7eb;
  --color-neutral-300: #d1d5db;
  --color-neutral-400: #9ca3af;
  --color-neutral-500: #6b7280;
  --color-neutral-600: #4b5563;
  --color-neutral-700: #374151;
  --color-neutral-800: #1f2937;
  --color-neutral-900: #111827;
  --color-primary-50: #f3f3f4;
  --color-primary-100: #dbdbdd;
  --color-primary-200: #9e9ea5;
  --color-primary-300: #3d3d4a;
  --color-primary-400: #0d0c1d;
  --color-primary-500: #06080d;
  --color-primary-600: #0a0b09;
  --color-primary-700: #0c0003;
  --color-primary-800: #0e0705;
  --color-primary-900: #0b0000;
  --color-supplier-50: #f1ebff;
  --color-supplier-100: #dfd1fc;
  --color-supplier-200: #bea5fa;
  --color-supplier-300: #9776f0;
  --color-supplier-400: #7652e1;
  --color-supplier-500: #4720cd;
  --color-supplier-600: #3617b0;
  --color-supplier-700: #271093;
  --color-supplier-800: #1b0a76;
  --color-supplier-900: #120662;
  --color-buyer-50: #e7ffe8;
  --color-buyer-100: #d1fdd4;
  --color-buyer-200: #a4fbb2;
  --color-buyer-300: #74f396;
  --color-buyer-400: #51e788;
  --color-buyer-500: #1dd774;
  --color-buyer-600: #15b872;
  --color-buyer-700: #0e9a6c;
  --color-buyer-800: #097c61;
  --color-buyer-900: #05675a;
  --color-success-50: #f0fdf4;
  --color-success-100: #dcfce7;
  --color-success-200: #bbf7d0;
  --color-success-300: #86efac;
  --color-success-400: #4ade80;
  --color-success-500: #22c55e;
  --color-success-600: #16a34a;
  --color-success-700: #15803d;
  --color-success-800: #166534;
  --color-success-900: #14532d;
  --color-warning-50: #fffbeb;
  --color-warning-100: #fef3c7;
  --color-warning-200: #fde68a;
  --color-warning-300: #fcd34d;
  --color-warning-400: #fbbf24;
  --color-warning-500: #f59e0b;
  --color-warning-600: #d97706;
  --color-warning-700: #b45309;
  --color-warning-800: #92400e;
  --color-warning-900: #78350f;
  --color-destructive-50: #fef2f2;
  --color-destructive-100: #fee2e2;
  --color-destructive-200: #fecaca;
  --color-destructive-300: #fca5a5;
  --color-destructive-400: #f87171;
  --color-destructive-500: #ef4444;
  --color-destructive-600: #dc2626;
  --color-destructive-700: #b91c1c;
  --color-destructive-800: #7f1d1d;
  --color-destructive-900: #7f1d1d;
  --color-shade-black: #000000;
  --color-shade-white: #ffffff;
  --color-gradient-linear-01:
    linear-gradient(
      90deg,
      0% #ff5f6d,
      100% #ffc371);
}
:root {
  --display-large: 3.25rem;
  --display-small: 2.75rem;
  --heading-1: 2.5rem;
  --heading-2: 2.25rem;
  --heading-3: 2rem;
  --heading-4: 1.75rem;
  --heading-5: 1.5rem;
  --heading-6: 1.25rem;
  --text-large: 1.125rem;
  --text-medium: 1rem;
  --text-small: 0.875rem;
  --text-extra-small: 0.75rem;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extra-bold: 800;
  --line-height-display: 3rem;
  --line-height-heading-1: 3rem;
  --line-height-heading-2: 2.75rem;
  --line-height-heading-3: 2.5rem;
  --line-height-heading-4: 2.25rem;
  --line-height-heading-5: 2rem;
  --line-height-heading-6: 1.25rem;
  --line-height-text-large: 1.75rem;
  --line-height-text-medium: 1.5rem;
  --line-height-text-small: 1.25rem;
  --line-height-text-extra-small: 1.25rem;
}
:root {
  --shadow-x-small: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
  --shadow-small: 0px 2px 6px 0px rgba(0, 0, 0, 0.06);
  --shadow-medium: 0px 6px 15px -2px rgba(16, 24, 40, 0.08), 0px 6px 15px -2px rgba(16, 24, 40, 0.08);
  --shadow-large: 0px 8px 24px -5px rgba(16, 24, 40, 0.05), 0px 8px 24px -3px rgba(16, 24, 40, 0.1);
  --shadow-x-large: 0px 20px 40px -8px rgba(16, 24, 40, 0.05), 0px 20px 40px -8px rgba(16, 24, 40, 0.1);
  --shadow-xx-large: 0px 25px 60px -15px rgba(16, 24, 40, 0.12), 0px 25px 60px -15px rgba(0, 0, 0, 0.2);
}
:root {
  --spacing-x-sm: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 0.75rem;
  --spacing-lg: 1rem;
  --spacing-xl: 1.25rem;
  --spacing-2xl: 1.5rem;
  --spacing-3xl: 1.75rem;
  --spacing-4xl: 2rem;
  --spacing-5xl: 2.5rem;
  --spacing-6xl: 3rem;
  --spacing-7xl: 4rem;
  --spacing-8xl: 5rem;
  --spacing-9xl: 6rem;
  --spacing-huge: 8rem;
  --spacing-x-huge: 10rem;
  --spacing-xx-huge: 12rem;
  --spacing-auto: auto;
}
:root {
  --radius-x-sm: 0.25rem;
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.625rem;
  --radius-x-lg: 0.75rem;
  --radius-xx-lg: 1rem;
  --radius-xxx-lg: 1.5rem;
}
@font-face {
  font-family: "Inter";
  src: url("./media/Inter-Regular.woff2") format("woff2");
  font-weight: 400;
}
@font-face {
  font-family: "Inter";
  src: url("./media/Inter-Medium.woff2") format("woff2");
  font-weight: 500;
}
@font-face {
  font-family: "Inter";
  src: url("./media/Inter-Semibold.woff2") format("woff2");
  font-weight: 600;
}
@font-face {
  font-family: "Inter";
  src: url("./media/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
}
@font-face {
  font-family: "Inter";
  src: url("./media/Inter-Black.woff2") format("woff2");
  font-weight: 800;
}
@font-face {
  font-family: "Graphik Arabic";
  src: url("./media/GraphikArabic-Regular.woff2") format("woff2");
  font-weight: 400;
}
@font-face {
  font-family: "Graphik Arabic";
  src: url("./media/GraphikArabic-Medium.woff2") format("woff2");
  font-weight: 500;
}
@font-face {
  font-family: "Graphik Arabic";
  src: url("./media/GraphikArabic-Semibold.woff2") format("woff2");
  font-weight: 600;
}
@font-face {
  font-family: "Graphik Arabic";
  src: url("./media/GraphikArabic-Bold.woff2") format("woff2");
  font-weight: 700;
}
@font-face {
  font-family: "Graphik Arabic";
  src: url("./media/GraphikArabic-Black.woff2") format("woff2");
  font-weight: 800;
}
:root {
  --font-family-main: "Inter", sans-serif;
  --font-family-ar-main: "Graphik Arabic", sans-serif;
}
.at-ff-main-en {
  font-family: var(--font-family-main);
}
.at-ff-main-ar {
  font-family: var(--font-family-ar-main);
}
.at-display-lg {
  font-size: var(--display-large);
  line-height: var(--line-height-display);
}
.at-display-sm {
  font-size: var(--display-small);
  line-height: var(--line-height-display);
}
.at-h1 {
  font-size: var(--heading-1);
  line-height: var(--line-height-heading-1);
}
.at-h2 {
  font-size: var(--heading-2);
  line-height: var(--line-height-heading-2);
}
.at-h3 {
  font-size: var(--heading-3);
  line-height: var(--line-height-heading-3);
}
.at-h4 {
  font-size: var(--heading-4);
  line-height: var(--line-height-heading-4);
}
.at-h5 {
  font-size: var(--heading-5);
  line-height: var(--line-height-heading-5);
}
.at-h6 {
  font-size: var(--heading-6);
  line-height: var(--line-height-heading-6);
}
.at-text-lg {
  font-size: var(--text-large);
  line-height: var(--line-height-text-large);
}
.at-text-md {
  font-size: var(--text-medium);
  line-height: var(--line-height-text-medium);
}
.at-text-sm {
  font-size: var(--text-small);
  line-height: var(--line-height-text-small);
}
.at-text-xs {
  font-size: var(--text-extra-small);
  line-height: var(--line-height-text-extra-small);
}
@media screen and (min-width: 768px) {
  .md\:at-display-lg {
    font-size: var(--display-large);
    line-height: var(--line-height-display);
  }
  .md\:at-display-sm {
    font-size: var(--display-small);
    line-height: var(--line-height-display);
  }
  .md\:at-h1 {
    font-size: var(--heading-1);
    line-height: var(--line-height-heading-1);
  }
  .md\:at-h2 {
    font-size: var(--heading-2);
    line-height: var(--line-height-heading-2);
  }
  .md\:at-h3 {
    font-size: var(--heading-3);
    line-height: var(--line-height-heading-3);
  }
  .md\:at-h4 {
    font-size: var(--heading-4);
    line-height: var(--line-height-heading-4);
  }
  .md\:at-h5 {
    font-size: var(--heading-5);
    line-height: var(--line-height-heading-5);
  }
  .md\:at-h6 {
    font-size: var(--heading-6);
    line-height: var(--line-height-heading-6);
  }
  .md\:at-text-lg {
    font-size: var(--text-large);
    line-height: var(--line-height-text-large);
  }
  .md\:at-text-md {
    font-size: var(--text-medium);
    line-height: var(--line-height-text-medium);
  }
  .md\:at-text-sm {
    font-size: var(--text-small);
    line-height: var(--line-height-text-small);
  }
  .md\:at-text-xs {
    font-size: var(--text-extra-small);
    line-height: var(--line-height-text-extra-small);
  }
}
@media screen and (min-width: 1024px) {
  .lg\:at-display-lg {
    font-size: var(--display-large);
    line-height: var(--line-height-display);
  }
  .lg\:at-display-sm {
    font-size: var(--display-small);
    line-height: var(--line-height-display);
  }
  .lg\:at-h1 {
    font-size: var(--heading-1);
    line-height: var(--line-height-heading-1);
  }
  .lg\:at-h2 {
    font-size: var(--heading-2);
    line-height: var(--line-height-heading-2);
  }
  .lg\:at-h3 {
    font-size: var(--heading-3);
    line-height: var(--line-height-heading-3);
  }
  .lg\:at-h4 {
    font-size: var(--heading-4);
    line-height: var(--line-height-heading-4);
  }
  .lg\:at-h5 {
    font-size: var(--heading-5);
    line-height: var(--line-height-heading-5);
  }
  .lg\:at-h6 {
    font-size: var(--heading-6);
    line-height: var(--line-height-heading-6);
  }
  .lg\:at-text-lg {
    font-size: var(--text-large);
    line-height: var(--line-height-text-large);
  }
  .lg\:at-text-md {
    font-size: var(--text-medium);
    line-height: var(--line-height-text-medium);
  }
  .lg\:at-text-sm {
    font-size: var(--text-small);
    line-height: var(--line-height-text-small);
  }
  .lg\:at-text-xs {
    font-size: var(--text-extra-small);
    line-height: var(--line-height-text-extra-small);
  }
}
@media screen and (min-width: 1200px) {
  .xl\:at-display-lg {
    font-size: var(--display-large);
    line-height: var(--line-height-display);
  }
  .xl\:at-display-sm {
    font-size: var(--display-small);
    line-height: var(--line-height-display);
  }
  .xl\:at-h1 {
    font-size: var(--heading-1);
    line-height: var(--line-height-heading-1);
  }
  .xl\:at-h2 {
    font-size: var(--heading-2);
    line-height: var(--line-height-heading-2);
  }
  .xl\:at-h3 {
    font-size: var(--heading-3);
    line-height: var(--line-height-heading-3);
  }
  .xl\:at-h4 {
    font-size: var(--heading-4);
    line-height: var(--line-height-heading-4);
  }
  .xl\:at-h5 {
    font-size: var(--heading-5);
    line-height: var(--line-height-heading-5);
  }
  .xl\:at-h6 {
    font-size: var(--heading-6);
    line-height: var(--line-height-heading-6);
  }
  .xl\:at-text-lg {
    font-size: var(--text-large);
    line-height: var(--line-height-text-large);
  }
  .xl\:at-text-md {
    font-size: var(--text-medium);
    line-height: var(--line-height-text-medium);
  }
  .xl\:at-text-sm {
    font-size: var(--text-small);
    line-height: var(--line-height-text-small);
  }
  .xl\:at-text-xs {
    font-size: var(--text-extra-small);
    line-height: var(--line-height-text-extra-small);
  }
}
.at-normal {
  font-style: normal;
}
.at-italic {
  font-style: italic;
}
.at-fw-thin {
  font-weight: 300;
}
.at-fw-normal {
  font-weight: 400;
}
.at-fw-medium {
  font-weight: var(--font-weight-medium);
}
.at-fw-semibold {
  font-weight: var(--font-weight-semibold);
}
.at-fw-bold {
  font-weight: var(--font-weight-bold);
}
.at-fw-extra-bold {
  font-weight: var(--font-weight-extra-bold);
}
@media screen and (min-width: 768px) {
  .md\:at-fw-thin {
    font-weight: 300;
  }
  .md\:at-fw-normal {
    font-weight: 400;
  }
  .md\:at-fw-medium {
    font-weight: var(--font-weight-medium);
  }
  .md\:at-fw-semibold {
    font-weight: var(--font-weight-semibold);
  }
  .md\:at-fw-bold {
    font-weight: var(--font-weight-bold);
  }
  .md\:at-fw-extra-bold {
    font-weight: var(--font-weight-extra-bold);
  }
}
@media screen and (min-width: 1024px) {
  .lg\:at-fw-thin {
    font-weight: 300;
  }
  .lg\:at-fw-normal {
    font-weight: 400;
  }
  .lg\:at-fw-medium {
    font-weight: var(--font-weight-medium);
  }
  .lg\:at-fw-semibold {
    font-weight: var(--font-weight-semibold);
  }
  .lg\:at-fw-bold {
    font-weight: var(--font-weight-bold);
  }
  .lg\:at-fw-extra-bold {
    font-weight: var(--font-weight-extra-bold);
  }
}
@media screen and (min-width: 1200px) {
  .xl\:at-fw-thin {
    font-weight: 300;
  }
  .xl\:at-fw-normal {
    font-weight: 400;
  }
  .xl\:at-fw-medium {
    font-weight: var(--font-weight-medium);
  }
  .xl\:at-fw-semibold {
    font-weight: var(--font-weight-semibold);
  }
  .xl\:at-fw-bold {
    font-weight: var(--font-weight-bold);
  }
  .xl\:at-fw-extra-bold {
    font-weight: var(--font-weight-extra-bold);
  }
}
.at-no-decoration {
  text-decoration-line: none;
}
.at-underline {
  text-decoration: underline;
}
.at-strikethrough {
  text-decoration: line-through;
}
.at-word-break-all {
  word-break: break-all;
}
.at-word-break-word {
  word-break: break-word;
}
.at-text-center {
  text-align: center;
}
.at-text-start {
  text-align: start;
}
.at-text-end {
  text-align: end;
}
.at-container-xl {
  max-width: 1248px;
  margin: 0 auto;
  padding: 0 1rem;
  box-sizing: border-box;
}
.at-container-lg {
  max-width: 928px;
  margin: 0 auto;
  padding: 0 1rem;
  box-sizing: border-box;
}
.at-container {
  max-width: 392px;
  margin: 0 auto;
  padding: 0 1rem;
  box-sizing: border-box;
}
.at-flex {
  display: flex;
}
.at-flex-column {
  flex-direction: column;
}
.at-flex-row {
  flex-direction: row;
}
.at-flex-row-reverse {
  flex-direction: row-reverse;
}
.at-flex-grow {
  flex-grow: 1;
}
.at-row {
  display: flex;
  flex-wrap: wrap;
}
.at-col {
  flex: 1;
}
.at-col-1 {
  flex-basis: 8.3333333333%;
}
.at-col-2 {
  flex-basis: 16.6666666667%;
}
.at-col-3 {
  flex-basis: 25%;
}
.at-col-4 {
  flex-basis: 33.3333333333%;
}
.at-col-5 {
  flex-basis: 41.6666666667%;
}
.at-col-6 {
  flex-basis: 50%;
}
.at-col-7 {
  flex-basis: 58.3333333333%;
}
.at-col-8 {
  flex-basis: 66.6666666667%;
}
.at-col-9 {
  flex-basis: 75%;
}
.at-col-10 {
  flex-basis: 83.3333333333%;
}
.at-col-11 {
  flex-basis: 91.6666666667%;
}
.at-col-12 {
  flex-basis: 100%;
}
.at-offset-1 {
  margin-inline-start: "8.3333333333%";
}
.at-offset-2 {
  margin-inline-start: "16.6666666667%";
}
.at-offset-3 {
  margin-inline-start: "25%";
}
.at-offset-4 {
  margin-inline-start: "33.3333333333%";
}
.at-offset-5 {
  margin-inline-start: "41.6666666667%";
}
.at-offset-6 {
  margin-inline-start: "50%";
}
.at-offset-7 {
  margin-inline-start: "58.3333333333%";
}
.at-offset-8 {
  margin-inline-start: "66.6666666667%";
}
.at-offset-9 {
  margin-inline-start: "75%";
}
.at-offset-10 {
  margin-inline-start: "83.3333333333%";
}
.at-offset-11 {
  margin-inline-start: "91.6666666667%";
}
.at-offset-12 {
  margin-inline-start: "100%";
}
.at-justify-center {
  justify-content: center;
}
.at-justify-start {
  justify-content: flex-start;
}
.at-justify-end {
  justify-content: flex-end;
}
.at-justify-between {
  justify-content: space-between;
}
.at-align-center {
  align-items: center;
}
.at-align-start {
  align-items: flex-start;
}
.at-align-end {
  align-items: flex-end;
}
@media screen and (min-width: 768px) {
  .md\:at-container {
    max-width: 392px;
    margin: 0 auto;
    padding: 0 1rem;
    box-sizing: border-box;
  }
  .md\:at-flex {
    display: flex;
  }
  .md\:at-flex-column {
    flex-direction: column;
  }
  .md\:at-flex-grow {
    flex-grow: 1;
  }
  .md\:at-row {
    display: flex;
    flex-wrap: wrap;
  }
  .md\:at-col {
    padding-inline-start: 1rem;
    padding-inline-end: 1rem;
    flex: 1;
  }
  .md\:at-col-1 {
    flex-basis: 8.3333333333%;
  }
  .md\:at-col-2 {
    flex-basis: 16.6666666667%;
  }
  .md\:at-col-3 {
    flex-basis: 25%;
  }
  .md\:at-col-4 {
    flex-basis: 33.3333333333%;
  }
  .md\:at-col-5 {
    flex-basis: 41.6666666667%;
  }
  .md\:at-col-6 {
    flex-basis: 50%;
  }
  .md\:at-col-7 {
    flex-basis: 58.3333333333%;
  }
  .md\:at-col-8 {
    flex-basis: 66.6666666667%;
  }
  .md\:at-col-9 {
    flex-basis: 75%;
  }
  .md\:at-col-10 {
    flex-basis: 83.3333333333%;
  }
  .md\:at-col-11 {
    flex-basis: 91.6666666667%;
  }
  .md\:at-col-12 {
    flex-basis: 100%;
  }
  .md\:at-offset-1 {
    margin-inline-start: "8.3333333333%";
  }
  .md\:at-offset-2 {
    margin-inline-start: "16.6666666667%";
  }
  .md\:at-offset-3 {
    margin-inline-start: "25%";
  }
  .md\:at-offset-4 {
    margin-inline-start: "33.3333333333%";
  }
  .md\:at-offset-5 {
    margin-inline-start: "41.6666666667%";
  }
  .md\:at-offset-6 {
    margin-inline-start: "50%";
  }
  .md\:at-offset-7 {
    margin-inline-start: "58.3333333333%";
  }
  .md\:at-offset-8 {
    margin-inline-start: "66.6666666667%";
  }
  .md\:at-offset-9 {
    margin-inline-start: "75%";
  }
  .md\:at-offset-10 {
    margin-inline-start: "83.3333333333%";
  }
  .md\:at-offset-11 {
    margin-inline-start: "91.6666666667%";
  }
  .md\:at-offset-12 {
    margin-inline-start: "100%";
  }
  .md\:at-justify-center {
    justify-content: center;
  }
  .md\:at-justify-start {
    justify-content: flex-start;
  }
  .md\:at-justify-end {
    justify-content: flex-end;
  }
  .md\:at-justify-between {
    justify-content: space-between;
  }
  .md\:at-align-center {
    align-items: center;
  }
  .md\:at-align-start {
    align-items: flex-start;
  }
  .md\:at-align-end {
    align-items: flex-end;
  }
}
@media screen and (min-width: 1024px) {
  .lg\:at-container {
    max-width: 928px;
    margin: 0 auto;
    padding: 0 1rem;
    box-sizing: border-box;
  }
  .lg\:at-flex {
    display: flex;
  }
  .lg\:at-flex-column {
    flex-direction: column;
  }
  .lg\:at-flex-grow {
    flex-grow: 1;
  }
  .lg\:at-row {
    display: flex;
    flex-wrap: wrap;
  }
  .lg\:at-col {
    padding-inline-start: 1rem;
    padding-inline-end: 1rem;
    flex: 1;
  }
  .lg\:at-col-1 {
    flex-basis: 8.3333333333%;
  }
  .lg\:at-col-2 {
    flex-basis: 16.6666666667%;
  }
  .lg\:at-col-3 {
    flex-basis: 25%;
  }
  .lg\:at-col-4 {
    flex-basis: 33.3333333333%;
  }
  .lg\:at-col-5 {
    flex-basis: 41.6666666667%;
  }
  .lg\:at-col-6 {
    flex-basis: 50%;
  }
  .lg\:at-col-7 {
    flex-basis: 58.3333333333%;
  }
  .lg\:at-col-8 {
    flex-basis: 66.6666666667%;
  }
  .lg\:at-col-9 {
    flex-basis: 75%;
  }
  .lg\:at-col-10 {
    flex-basis: 83.3333333333%;
  }
  .lg\:at-col-11 {
    flex-basis: 91.6666666667%;
  }
  .lg\:at-col-12 {
    flex-basis: 100%;
  }
  .lg\:at-offset-1 {
    margin-inline-start: "8.3333333333%";
  }
  .lg\:at-offset-2 {
    margin-inline-start: "16.6666666667%";
  }
  .lg\:at-offset-3 {
    margin-inline-start: "25%";
  }
  .lg\:at-offset-4 {
    margin-inline-start: "33.3333333333%";
  }
  .lg\:at-offset-5 {
    margin-inline-start: "41.6666666667%";
  }
  .lg\:at-offset-6 {
    margin-inline-start: "50%";
  }
  .lg\:at-offset-7 {
    margin-inline-start: "58.3333333333%";
  }
  .lg\:at-offset-8 {
    margin-inline-start: "66.6666666667%";
  }
  .lg\:at-offset-9 {
    margin-inline-start: "75%";
  }
  .lg\:at-offset-10 {
    margin-inline-start: "83.3333333333%";
  }
  .lg\:at-offset-11 {
    margin-inline-start: "91.6666666667%";
  }
  .lg\:at-offset-12 {
    margin-inline-start: "100%";
  }
  .lg\:at-justify-center {
    justify-content: center;
  }
  .lg\:at-justify-start {
    justify-content: flex-start;
  }
  .lg\:at-justify-end {
    justify-content: flex-end;
  }
  .lg\:at-justify-between {
    justify-content: space-between;
  }
  .lg\:at-align-center {
    align-items: center;
  }
  .lg\:at-align-start {
    align-items: flex-start;
  }
  .lg\:at-align-end {
    align-items: flex-end;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:at-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
    box-sizing: border-box;
  }
  .xl\:at-flex {
    display: flex;
  }
  .xl\:at-flex-column {
    flex-direction: column;
  }
  .xl\:at-flex-grow {
    flex-grow: 1;
  }
  .xl\:at-row {
    display: flex;
    flex-wrap: wrap;
  }
  .xl\:at-col {
    padding-inline-start: 1rem;
    padding-inline-end: 1rem;
    flex: 1;
  }
  .xl\:at-col-1 {
    flex-basis: 8.3333333333%;
  }
  .xl\:at-col-2 {
    flex-basis: 16.6666666667%;
  }
  .xl\:at-col-3 {
    flex-basis: 25%;
  }
  .xl\:at-col-4 {
    flex-basis: 33.3333333333%;
  }
  .xl\:at-col-5 {
    flex-basis: 41.6666666667%;
  }
  .xl\:at-col-6 {
    flex-basis: 50%;
  }
  .xl\:at-col-7 {
    flex-basis: 58.3333333333%;
  }
  .xl\:at-col-8 {
    flex-basis: 66.6666666667%;
  }
  .xl\:at-col-9 {
    flex-basis: 75%;
  }
  .xl\:at-col-10 {
    flex-basis: 83.3333333333%;
  }
  .xl\:at-col-11 {
    flex-basis: 91.6666666667%;
  }
  .xl\:at-col-12 {
    flex-basis: 100%;
  }
  .xl\:at-offset-1 {
    margin-inline-start: "8.3333333333%";
  }
  .xl\:at-offset-2 {
    margin-inline-start: "16.6666666667%";
  }
  .xl\:at-offset-3 {
    margin-inline-start: "25%";
  }
  .xl\:at-offset-4 {
    margin-inline-start: "33.3333333333%";
  }
  .xl\:at-offset-5 {
    margin-inline-start: "41.6666666667%";
  }
  .xl\:at-offset-6 {
    margin-inline-start: "50%";
  }
  .xl\:at-offset-7 {
    margin-inline-start: "58.3333333333%";
  }
  .xl\:at-offset-8 {
    margin-inline-start: "66.6666666667%";
  }
  .xl\:at-offset-9 {
    margin-inline-start: "75%";
  }
  .xl\:at-offset-10 {
    margin-inline-start: "83.3333333333%";
  }
  .xl\:at-offset-11 {
    margin-inline-start: "91.6666666667%";
  }
  .xl\:at-offset-12 {
    margin-inline-start: "100%";
  }
  .xl\:at-justify-center {
    justify-content: center;
  }
  .xl\:at-justify-start {
    justify-content: flex-start;
  }
  .xl\:at-justify-end {
    justify-content: flex-end;
  }
  .xl\:at-justify-between {
    justify-content: space-between;
  }
  .xl\:at-align-center {
    align-items: center;
  }
  .xl\:at-align-start {
    align-items: flex-start;
  }
  .xl\:at-align-end {
    align-items: flex-end;
  }
}
.at-p-x-sm {
  padding: var(--spacing-x-sm);
}
.at-pt-x-sm {
  padding-block-start: var(--spacing-x-sm);
}
.at-pb-x-sm {
  padding-block-end: var(--spacing-x-sm);
}
.at-ps-x-sm {
  padding-inline-start: var(--spacing-x-sm);
}
.at-pe-x-sm {
  padding-inline-end: var(--spacing-x-sm);
}
.at-px-x-sm {
  padding-inline: var(--spacing-x-sm);
}
.at-py-x-sm {
  padding-block: var(--spacing-x-sm);
}
.at-m-x-sm {
  margin: var(--spacing-x-sm);
}
.at-mt-x-sm {
  margin-block-start: var(--spacing-x-sm);
}
.at-mb-x-sm {
  margin-block-end: var(--spacing-x-sm);
}
.at-ms-x-sm {
  margin-inline-start: var(--spacing-x-sm);
}
.at-me-x-sm {
  margin-inline-end: var(--spacing-x-sm);
}
.at-mx-x-sm {
  margin-inline: var(--spacing-x-sm);
}
.at-my-x-sm {
  margin-block: var(--spacing-x-sm);
}
.at-gap-x-sm {
  gap: var(--spacing-x-sm);
}
.at-row-gap-x-sm {
  row-gap: var(--spacing-x-sm);
}
.at-column-gap-x-sm {
  column-gap: var(--spacing-x-sm);
}
.at-inset-x-sm {
  inset: var(--spacing-x-sm);
}
.at-inset-inline-x-sm {
  inset-inline: var(--spacing-x-sm);
}
.at-inset-inline-start-x-sm {
  inset-inline-start: var(--spacing-x-sm);
}
.at-inset-inline-end-x-sm {
  inset-inline-end: var(--spacing-x-sm);
}
.at-inset-block-x-sm {
  inset-block: var(--spacing-x-sm);
}
.at-inset-block-start-x-sm {
  inset-block-start: var(--spacing-x-sm);
}
.at-inset-block-end-x-sm {
  inset-block-end: var(--spacing-x-sm);
}
.at-p-sm {
  padding: var(--spacing-sm);
}
.at-pt-sm {
  padding-block-start: var(--spacing-sm);
}
.at-pb-sm {
  padding-block-end: var(--spacing-sm);
}
.at-ps-sm {
  padding-inline-start: var(--spacing-sm);
}
.at-pe-sm {
  padding-inline-end: var(--spacing-sm);
}
.at-px-sm {
  padding-inline: var(--spacing-sm);
}
.at-py-sm {
  padding-block: var(--spacing-sm);
}
.at-m-sm {
  margin: var(--spacing-sm);
}
.at-mt-sm {
  margin-block-start: var(--spacing-sm);
}
.at-mb-sm {
  margin-block-end: var(--spacing-sm);
}
.at-ms-sm {
  margin-inline-start: var(--spacing-sm);
}
.at-me-sm {
  margin-inline-end: var(--spacing-sm);
}
.at-mx-sm {
  margin-inline: var(--spacing-sm);
}
.at-my-sm {
  margin-block: var(--spacing-sm);
}
.at-gap-sm {
  gap: var(--spacing-sm);
}
.at-row-gap-sm {
  row-gap: var(--spacing-sm);
}
.at-column-gap-sm {
  column-gap: var(--spacing-sm);
}
.at-inset-sm {
  inset: var(--spacing-sm);
}
.at-inset-inline-sm {
  inset-inline: var(--spacing-sm);
}
.at-inset-inline-start-sm {
  inset-inline-start: var(--spacing-sm);
}
.at-inset-inline-end-sm {
  inset-inline-end: var(--spacing-sm);
}
.at-inset-block-sm {
  inset-block: var(--spacing-sm);
}
.at-inset-block-start-sm {
  inset-block-start: var(--spacing-sm);
}
.at-inset-block-end-sm {
  inset-block-end: var(--spacing-sm);
}
.at-p-md {
  padding: var(--spacing-md);
}
.at-pt-md {
  padding-block-start: var(--spacing-md);
}
.at-pb-md {
  padding-block-end: var(--spacing-md);
}
.at-ps-md {
  padding-inline-start: var(--spacing-md);
}
.at-pe-md {
  padding-inline-end: var(--spacing-md);
}
.at-px-md {
  padding-inline: var(--spacing-md);
}
.at-py-md {
  padding-block: var(--spacing-md);
}
.at-m-md {
  margin: var(--spacing-md);
}
.at-mt-md {
  margin-block-start: var(--spacing-md);
}
.at-mb-md {
  margin-block-end: var(--spacing-md);
}
.at-ms-md {
  margin-inline-start: var(--spacing-md);
}
.at-me-md {
  margin-inline-end: var(--spacing-md);
}
.at-mx-md {
  margin-inline: var(--spacing-md);
}
.at-my-md {
  margin-block: var(--spacing-md);
}
.at-gap-md {
  gap: var(--spacing-md);
}
.at-row-gap-md {
  row-gap: var(--spacing-md);
}
.at-column-gap-md {
  column-gap: var(--spacing-md);
}
.at-inset-md {
  inset: var(--spacing-md);
}
.at-inset-inline-md {
  inset-inline: var(--spacing-md);
}
.at-inset-inline-start-md {
  inset-inline-start: var(--spacing-md);
}
.at-inset-inline-end-md {
  inset-inline-end: var(--spacing-md);
}
.at-inset-block-md {
  inset-block: var(--spacing-md);
}
.at-inset-block-start-md {
  inset-block-start: var(--spacing-md);
}
.at-inset-block-end-md {
  inset-block-end: var(--spacing-md);
}
.at-p-lg {
  padding: var(--spacing-lg);
}
.at-pt-lg {
  padding-block-start: var(--spacing-lg);
}
.at-pb-lg {
  padding-block-end: var(--spacing-lg);
}
.at-ps-lg {
  padding-inline-start: var(--spacing-lg);
}
.at-pe-lg {
  padding-inline-end: var(--spacing-lg);
}
.at-px-lg {
  padding-inline: var(--spacing-lg);
}
.at-py-lg {
  padding-block: var(--spacing-lg);
}
.at-m-lg {
  margin: var(--spacing-lg);
}
.at-mt-lg {
  margin-block-start: var(--spacing-lg);
}
.at-mb-lg {
  margin-block-end: var(--spacing-lg);
}
.at-ms-lg {
  margin-inline-start: var(--spacing-lg);
}
.at-me-lg {
  margin-inline-end: var(--spacing-lg);
}
.at-mx-lg {
  margin-inline: var(--spacing-lg);
}
.at-my-lg {
  margin-block: var(--spacing-lg);
}
.at-gap-lg {
  gap: var(--spacing-lg);
}
.at-row-gap-lg {
  row-gap: var(--spacing-lg);
}
.at-column-gap-lg {
  column-gap: var(--spacing-lg);
}
.at-inset-lg {
  inset: var(--spacing-lg);
}
.at-inset-inline-lg {
  inset-inline: var(--spacing-lg);
}
.at-inset-inline-start-lg {
  inset-inline-start: var(--spacing-lg);
}
.at-inset-inline-end-lg {
  inset-inline-end: var(--spacing-lg);
}
.at-inset-block-lg {
  inset-block: var(--spacing-lg);
}
.at-inset-block-start-lg {
  inset-block-start: var(--spacing-lg);
}
.at-inset-block-end-lg {
  inset-block-end: var(--spacing-lg);
}
.at-p-xl {
  padding: var(--spacing-xl);
}
.at-pt-xl {
  padding-block-start: var(--spacing-xl);
}
.at-pb-xl {
  padding-block-end: var(--spacing-xl);
}
.at-ps-xl {
  padding-inline-start: var(--spacing-xl);
}
.at-pe-xl {
  padding-inline-end: var(--spacing-xl);
}
.at-px-xl {
  padding-inline: var(--spacing-xl);
}
.at-py-xl {
  padding-block: var(--spacing-xl);
}
.at-m-xl {
  margin: var(--spacing-xl);
}
.at-mt-xl {
  margin-block-start: var(--spacing-xl);
}
.at-mb-xl {
  margin-block-end: var(--spacing-xl);
}
.at-ms-xl {
  margin-inline-start: var(--spacing-xl);
}
.at-me-xl {
  margin-inline-end: var(--spacing-xl);
}
.at-mx-xl {
  margin-inline: var(--spacing-xl);
}
.at-my-xl {
  margin-block: var(--spacing-xl);
}
.at-gap-xl {
  gap: var(--spacing-xl);
}
.at-row-gap-xl {
  row-gap: var(--spacing-xl);
}
.at-column-gap-xl {
  column-gap: var(--spacing-xl);
}
.at-inset-xl {
  inset: var(--spacing-xl);
}
.at-inset-inline-xl {
  inset-inline: var(--spacing-xl);
}
.at-inset-inline-start-xl {
  inset-inline-start: var(--spacing-xl);
}
.at-inset-inline-end-xl {
  inset-inline-end: var(--spacing-xl);
}
.at-inset-block-xl {
  inset-block: var(--spacing-xl);
}
.at-inset-block-start-xl {
  inset-block-start: var(--spacing-xl);
}
.at-inset-block-end-xl {
  inset-block-end: var(--spacing-xl);
}
.at-p-2xl {
  padding: var(--spacing-2xl);
}
.at-pt-2xl {
  padding-block-start: var(--spacing-2xl);
}
.at-pb-2xl {
  padding-block-end: var(--spacing-2xl);
}
.at-ps-2xl {
  padding-inline-start: var(--spacing-2xl);
}
.at-pe-2xl {
  padding-inline-end: var(--spacing-2xl);
}
.at-px-2xl {
  padding-inline: var(--spacing-2xl);
}
.at-py-2xl {
  padding-block: var(--spacing-2xl);
}
.at-m-2xl {
  margin: var(--spacing-2xl);
}
.at-mt-2xl {
  margin-block-start: var(--spacing-2xl);
}
.at-mb-2xl {
  margin-block-end: var(--spacing-2xl);
}
.at-ms-2xl {
  margin-inline-start: var(--spacing-2xl);
}
.at-me-2xl {
  margin-inline-end: var(--spacing-2xl);
}
.at-mx-2xl {
  margin-inline: var(--spacing-2xl);
}
.at-my-2xl {
  margin-block: var(--spacing-2xl);
}
.at-gap-2xl {
  gap: var(--spacing-2xl);
}
.at-row-gap-2xl {
  row-gap: var(--spacing-2xl);
}
.at-column-gap-2xl {
  column-gap: var(--spacing-2xl);
}
.at-inset-2xl {
  inset: var(--spacing-2xl);
}
.at-inset-inline-2xl {
  inset-inline: var(--spacing-2xl);
}
.at-inset-inline-start-2xl {
  inset-inline-start: var(--spacing-2xl);
}
.at-inset-inline-end-2xl {
  inset-inline-end: var(--spacing-2xl);
}
.at-inset-block-2xl {
  inset-block: var(--spacing-2xl);
}
.at-inset-block-start-2xl {
  inset-block-start: var(--spacing-2xl);
}
.at-inset-block-end-2xl {
  inset-block-end: var(--spacing-2xl);
}
.at-p-3xl {
  padding: var(--spacing-3xl);
}
.at-pt-3xl {
  padding-block-start: var(--spacing-3xl);
}
.at-pb-3xl {
  padding-block-end: var(--spacing-3xl);
}
.at-ps-3xl {
  padding-inline-start: var(--spacing-3xl);
}
.at-pe-3xl {
  padding-inline-end: var(--spacing-3xl);
}
.at-px-3xl {
  padding-inline: var(--spacing-3xl);
}
.at-py-3xl {
  padding-block: var(--spacing-3xl);
}
.at-m-3xl {
  margin: var(--spacing-3xl);
}
.at-mt-3xl {
  margin-block-start: var(--spacing-3xl);
}
.at-mb-3xl {
  margin-block-end: var(--spacing-3xl);
}
.at-ms-3xl {
  margin-inline-start: var(--spacing-3xl);
}
.at-me-3xl {
  margin-inline-end: var(--spacing-3xl);
}
.at-mx-3xl {
  margin-inline: var(--spacing-3xl);
}
.at-my-3xl {
  margin-block: var(--spacing-3xl);
}
.at-gap-3xl {
  gap: var(--spacing-3xl);
}
.at-row-gap-3xl {
  row-gap: var(--spacing-3xl);
}
.at-column-gap-3xl {
  column-gap: var(--spacing-3xl);
}
.at-inset-3xl {
  inset: var(--spacing-3xl);
}
.at-inset-inline-3xl {
  inset-inline: var(--spacing-3xl);
}
.at-inset-inline-start-3xl {
  inset-inline-start: var(--spacing-3xl);
}
.at-inset-inline-end-3xl {
  inset-inline-end: var(--spacing-3xl);
}
.at-inset-block-3xl {
  inset-block: var(--spacing-3xl);
}
.at-inset-block-start-3xl {
  inset-block-start: var(--spacing-3xl);
}
.at-inset-block-end-3xl {
  inset-block-end: var(--spacing-3xl);
}
.at-p-4xl {
  padding: var(--spacing-4xl);
}
.at-pt-4xl {
  padding-block-start: var(--spacing-4xl);
}
.at-pb-4xl {
  padding-block-end: var(--spacing-4xl);
}
.at-ps-4xl {
  padding-inline-start: var(--spacing-4xl);
}
.at-pe-4xl {
  padding-inline-end: var(--spacing-4xl);
}
.at-px-4xl {
  padding-inline: var(--spacing-4xl);
}
.at-py-4xl {
  padding-block: var(--spacing-4xl);
}
.at-m-4xl {
  margin: var(--spacing-4xl);
}
.at-mt-4xl {
  margin-block-start: var(--spacing-4xl);
}
.at-mb-4xl {
  margin-block-end: var(--spacing-4xl);
}
.at-ms-4xl {
  margin-inline-start: var(--spacing-4xl);
}
.at-me-4xl {
  margin-inline-end: var(--spacing-4xl);
}
.at-mx-4xl {
  margin-inline: var(--spacing-4xl);
}
.at-my-4xl {
  margin-block: var(--spacing-4xl);
}
.at-gap-4xl {
  gap: var(--spacing-4xl);
}
.at-row-gap-4xl {
  row-gap: var(--spacing-4xl);
}
.at-column-gap-4xl {
  column-gap: var(--spacing-4xl);
}
.at-inset-4xl {
  inset: var(--spacing-4xl);
}
.at-inset-inline-4xl {
  inset-inline: var(--spacing-4xl);
}
.at-inset-inline-start-4xl {
  inset-inline-start: var(--spacing-4xl);
}
.at-inset-inline-end-4xl {
  inset-inline-end: var(--spacing-4xl);
}
.at-inset-block-4xl {
  inset-block: var(--spacing-4xl);
}
.at-inset-block-start-4xl {
  inset-block-start: var(--spacing-4xl);
}
.at-inset-block-end-4xl {
  inset-block-end: var(--spacing-4xl);
}
.at-p-5xl {
  padding: var(--spacing-5xl);
}
.at-pt-5xl {
  padding-block-start: var(--spacing-5xl);
}
.at-pb-5xl {
  padding-block-end: var(--spacing-5xl);
}
.at-ps-5xl {
  padding-inline-start: var(--spacing-5xl);
}
.at-pe-5xl {
  padding-inline-end: var(--spacing-5xl);
}
.at-px-5xl {
  padding-inline: var(--spacing-5xl);
}
.at-py-5xl {
  padding-block: var(--spacing-5xl);
}
.at-m-5xl {
  margin: var(--spacing-5xl);
}
.at-mt-5xl {
  margin-block-start: var(--spacing-5xl);
}
.at-mb-5xl {
  margin-block-end: var(--spacing-5xl);
}
.at-ms-5xl {
  margin-inline-start: var(--spacing-5xl);
}
.at-me-5xl {
  margin-inline-end: var(--spacing-5xl);
}
.at-mx-5xl {
  margin-inline: var(--spacing-5xl);
}
.at-my-5xl {
  margin-block: var(--spacing-5xl);
}
.at-gap-5xl {
  gap: var(--spacing-5xl);
}
.at-row-gap-5xl {
  row-gap: var(--spacing-5xl);
}
.at-column-gap-5xl {
  column-gap: var(--spacing-5xl);
}
.at-inset-5xl {
  inset: var(--spacing-5xl);
}
.at-inset-inline-5xl {
  inset-inline: var(--spacing-5xl);
}
.at-inset-inline-start-5xl {
  inset-inline-start: var(--spacing-5xl);
}
.at-inset-inline-end-5xl {
  inset-inline-end: var(--spacing-5xl);
}
.at-inset-block-5xl {
  inset-block: var(--spacing-5xl);
}
.at-inset-block-start-5xl {
  inset-block-start: var(--spacing-5xl);
}
.at-inset-block-end-5xl {
  inset-block-end: var(--spacing-5xl);
}
.at-p-6xl {
  padding: var(--spacing-6xl);
}
.at-pt-6xl {
  padding-block-start: var(--spacing-6xl);
}
.at-pb-6xl {
  padding-block-end: var(--spacing-6xl);
}
.at-ps-6xl {
  padding-inline-start: var(--spacing-6xl);
}
.at-pe-6xl {
  padding-inline-end: var(--spacing-6xl);
}
.at-px-6xl {
  padding-inline: var(--spacing-6xl);
}
.at-py-6xl {
  padding-block: var(--spacing-6xl);
}
.at-m-6xl {
  margin: var(--spacing-6xl);
}
.at-mt-6xl {
  margin-block-start: var(--spacing-6xl);
}
.at-mb-6xl {
  margin-block-end: var(--spacing-6xl);
}
.at-ms-6xl {
  margin-inline-start: var(--spacing-6xl);
}
.at-me-6xl {
  margin-inline-end: var(--spacing-6xl);
}
.at-mx-6xl {
  margin-inline: var(--spacing-6xl);
}
.at-my-6xl {
  margin-block: var(--spacing-6xl);
}
.at-gap-6xl {
  gap: var(--spacing-6xl);
}
.at-row-gap-6xl {
  row-gap: var(--spacing-6xl);
}
.at-column-gap-6xl {
  column-gap: var(--spacing-6xl);
}
.at-inset-6xl {
  inset: var(--spacing-6xl);
}
.at-inset-inline-6xl {
  inset-inline: var(--spacing-6xl);
}
.at-inset-inline-start-6xl {
  inset-inline-start: var(--spacing-6xl);
}
.at-inset-inline-end-6xl {
  inset-inline-end: var(--spacing-6xl);
}
.at-inset-block-6xl {
  inset-block: var(--spacing-6xl);
}
.at-inset-block-start-6xl {
  inset-block-start: var(--spacing-6xl);
}
.at-inset-block-end-6xl {
  inset-block-end: var(--spacing-6xl);
}
.at-p-7xl {
  padding: var(--spacing-7xl);
}
.at-pt-7xl {
  padding-block-start: var(--spacing-7xl);
}
.at-pb-7xl {
  padding-block-end: var(--spacing-7xl);
}
.at-ps-7xl {
  padding-inline-start: var(--spacing-7xl);
}
.at-pe-7xl {
  padding-inline-end: var(--spacing-7xl);
}
.at-px-7xl {
  padding-inline: var(--spacing-7xl);
}
.at-py-7xl {
  padding-block: var(--spacing-7xl);
}
.at-m-7xl {
  margin: var(--spacing-7xl);
}
.at-mt-7xl {
  margin-block-start: var(--spacing-7xl);
}
.at-mb-7xl {
  margin-block-end: var(--spacing-7xl);
}
.at-ms-7xl {
  margin-inline-start: var(--spacing-7xl);
}
.at-me-7xl {
  margin-inline-end: var(--spacing-7xl);
}
.at-mx-7xl {
  margin-inline: var(--spacing-7xl);
}
.at-my-7xl {
  margin-block: var(--spacing-7xl);
}
.at-gap-7xl {
  gap: var(--spacing-7xl);
}
.at-row-gap-7xl {
  row-gap: var(--spacing-7xl);
}
.at-column-gap-7xl {
  column-gap: var(--spacing-7xl);
}
.at-inset-7xl {
  inset: var(--spacing-7xl);
}
.at-inset-inline-7xl {
  inset-inline: var(--spacing-7xl);
}
.at-inset-inline-start-7xl {
  inset-inline-start: var(--spacing-7xl);
}
.at-inset-inline-end-7xl {
  inset-inline-end: var(--spacing-7xl);
}
.at-inset-block-7xl {
  inset-block: var(--spacing-7xl);
}
.at-inset-block-start-7xl {
  inset-block-start: var(--spacing-7xl);
}
.at-inset-block-end-7xl {
  inset-block-end: var(--spacing-7xl);
}
.at-p-8xl {
  padding: var(--spacing-8xl);
}
.at-pt-8xl {
  padding-block-start: var(--spacing-8xl);
}
.at-pb-8xl {
  padding-block-end: var(--spacing-8xl);
}
.at-ps-8xl {
  padding-inline-start: var(--spacing-8xl);
}
.at-pe-8xl {
  padding-inline-end: var(--spacing-8xl);
}
.at-px-8xl {
  padding-inline: var(--spacing-8xl);
}
.at-py-8xl {
  padding-block: var(--spacing-8xl);
}
.at-m-8xl {
  margin: var(--spacing-8xl);
}
.at-mt-8xl {
  margin-block-start: var(--spacing-8xl);
}
.at-mb-8xl {
  margin-block-end: var(--spacing-8xl);
}
.at-ms-8xl {
  margin-inline-start: var(--spacing-8xl);
}
.at-me-8xl {
  margin-inline-end: var(--spacing-8xl);
}
.at-mx-8xl {
  margin-inline: var(--spacing-8xl);
}
.at-my-8xl {
  margin-block: var(--spacing-8xl);
}
.at-gap-8xl {
  gap: var(--spacing-8xl);
}
.at-row-gap-8xl {
  row-gap: var(--spacing-8xl);
}
.at-column-gap-8xl {
  column-gap: var(--spacing-8xl);
}
.at-inset-8xl {
  inset: var(--spacing-8xl);
}
.at-inset-inline-8xl {
  inset-inline: var(--spacing-8xl);
}
.at-inset-inline-start-8xl {
  inset-inline-start: var(--spacing-8xl);
}
.at-inset-inline-end-8xl {
  inset-inline-end: var(--spacing-8xl);
}
.at-inset-block-8xl {
  inset-block: var(--spacing-8xl);
}
.at-inset-block-start-8xl {
  inset-block-start: var(--spacing-8xl);
}
.at-inset-block-end-8xl {
  inset-block-end: var(--spacing-8xl);
}
.at-p-9xl {
  padding: var(--spacing-9xl);
}
.at-pt-9xl {
  padding-block-start: var(--spacing-9xl);
}
.at-pb-9xl {
  padding-block-end: var(--spacing-9xl);
}
.at-ps-9xl {
  padding-inline-start: var(--spacing-9xl);
}
.at-pe-9xl {
  padding-inline-end: var(--spacing-9xl);
}
.at-px-9xl {
  padding-inline: var(--spacing-9xl);
}
.at-py-9xl {
  padding-block: var(--spacing-9xl);
}
.at-m-9xl {
  margin: var(--spacing-9xl);
}
.at-mt-9xl {
  margin-block-start: var(--spacing-9xl);
}
.at-mb-9xl {
  margin-block-end: var(--spacing-9xl);
}
.at-ms-9xl {
  margin-inline-start: var(--spacing-9xl);
}
.at-me-9xl {
  margin-inline-end: var(--spacing-9xl);
}
.at-mx-9xl {
  margin-inline: var(--spacing-9xl);
}
.at-my-9xl {
  margin-block: var(--spacing-9xl);
}
.at-gap-9xl {
  gap: var(--spacing-9xl);
}
.at-row-gap-9xl {
  row-gap: var(--spacing-9xl);
}
.at-column-gap-9xl {
  column-gap: var(--spacing-9xl);
}
.at-inset-9xl {
  inset: var(--spacing-9xl);
}
.at-inset-inline-9xl {
  inset-inline: var(--spacing-9xl);
}
.at-inset-inline-start-9xl {
  inset-inline-start: var(--spacing-9xl);
}
.at-inset-inline-end-9xl {
  inset-inline-end: var(--spacing-9xl);
}
.at-inset-block-9xl {
  inset-block: var(--spacing-9xl);
}
.at-inset-block-start-9xl {
  inset-block-start: var(--spacing-9xl);
}
.at-inset-block-end-9xl {
  inset-block-end: var(--spacing-9xl);
}
.at-p-huge {
  padding: var(--spacing-huge);
}
.at-pt-huge {
  padding-block-start: var(--spacing-huge);
}
.at-pb-huge {
  padding-block-end: var(--spacing-huge);
}
.at-ps-huge {
  padding-inline-start: var(--spacing-huge);
}
.at-pe-huge {
  padding-inline-end: var(--spacing-huge);
}
.at-px-huge {
  padding-inline: var(--spacing-huge);
}
.at-py-huge {
  padding-block: var(--spacing-huge);
}
.at-m-huge {
  margin: var(--spacing-huge);
}
.at-mt-huge {
  margin-block-start: var(--spacing-huge);
}
.at-mb-huge {
  margin-block-end: var(--spacing-huge);
}
.at-ms-huge {
  margin-inline-start: var(--spacing-huge);
}
.at-me-huge {
  margin-inline-end: var(--spacing-huge);
}
.at-mx-huge {
  margin-inline: var(--spacing-huge);
}
.at-my-huge {
  margin-block: var(--spacing-huge);
}
.at-gap-huge {
  gap: var(--spacing-huge);
}
.at-row-gap-huge {
  row-gap: var(--spacing-huge);
}
.at-column-gap-huge {
  column-gap: var(--spacing-huge);
}
.at-inset-huge {
  inset: var(--spacing-huge);
}
.at-inset-inline-huge {
  inset-inline: var(--spacing-huge);
}
.at-inset-inline-start-huge {
  inset-inline-start: var(--spacing-huge);
}
.at-inset-inline-end-huge {
  inset-inline-end: var(--spacing-huge);
}
.at-inset-block-huge {
  inset-block: var(--spacing-huge);
}
.at-inset-block-start-huge {
  inset-block-start: var(--spacing-huge);
}
.at-inset-block-end-huge {
  inset-block-end: var(--spacing-huge);
}
.at-p-x-huge {
  padding: var(--spacing-x-huge);
}
.at-pt-x-huge {
  padding-block-start: var(--spacing-x-huge);
}
.at-pb-x-huge {
  padding-block-end: var(--spacing-x-huge);
}
.at-ps-x-huge {
  padding-inline-start: var(--spacing-x-huge);
}
.at-pe-x-huge {
  padding-inline-end: var(--spacing-x-huge);
}
.at-px-x-huge {
  padding-inline: var(--spacing-x-huge);
}
.at-py-x-huge {
  padding-block: var(--spacing-x-huge);
}
.at-m-x-huge {
  margin: var(--spacing-x-huge);
}
.at-mt-x-huge {
  margin-block-start: var(--spacing-x-huge);
}
.at-mb-x-huge {
  margin-block-end: var(--spacing-x-huge);
}
.at-ms-x-huge {
  margin-inline-start: var(--spacing-x-huge);
}
.at-me-x-huge {
  margin-inline-end: var(--spacing-x-huge);
}
.at-mx-x-huge {
  margin-inline: var(--spacing-x-huge);
}
.at-my-x-huge {
  margin-block: var(--spacing-x-huge);
}
.at-gap-x-huge {
  gap: var(--spacing-x-huge);
}
.at-row-gap-x-huge {
  row-gap: var(--spacing-x-huge);
}
.at-column-gap-x-huge {
  column-gap: var(--spacing-x-huge);
}
.at-inset-x-huge {
  inset: var(--spacing-x-huge);
}
.at-inset-inline-x-huge {
  inset-inline: var(--spacing-x-huge);
}
.at-inset-inline-start-x-huge {
  inset-inline-start: var(--spacing-x-huge);
}
.at-inset-inline-end-x-huge {
  inset-inline-end: var(--spacing-x-huge);
}
.at-inset-block-x-huge {
  inset-block: var(--spacing-x-huge);
}
.at-inset-block-start-x-huge {
  inset-block-start: var(--spacing-x-huge);
}
.at-inset-block-end-x-huge {
  inset-block-end: var(--spacing-x-huge);
}
.at-p-xx-huge {
  padding: var(--spacing-xx-huge);
}
.at-pt-xx-huge {
  padding-block-start: var(--spacing-xx-huge);
}
.at-pb-xx-huge {
  padding-block-end: var(--spacing-xx-huge);
}
.at-ps-xx-huge {
  padding-inline-start: var(--spacing-xx-huge);
}
.at-pe-xx-huge {
  padding-inline-end: var(--spacing-xx-huge);
}
.at-px-xx-huge {
  padding-inline: var(--spacing-xx-huge);
}
.at-py-xx-huge {
  padding-block: var(--spacing-xx-huge);
}
.at-m-xx-huge {
  margin: var(--spacing-xx-huge);
}
.at-mt-xx-huge {
  margin-block-start: var(--spacing-xx-huge);
}
.at-mb-xx-huge {
  margin-block-end: var(--spacing-xx-huge);
}
.at-ms-xx-huge {
  margin-inline-start: var(--spacing-xx-huge);
}
.at-me-xx-huge {
  margin-inline-end: var(--spacing-xx-huge);
}
.at-mx-xx-huge {
  margin-inline: var(--spacing-xx-huge);
}
.at-my-xx-huge {
  margin-block: var(--spacing-xx-huge);
}
.at-gap-xx-huge {
  gap: var(--spacing-xx-huge);
}
.at-row-gap-xx-huge {
  row-gap: var(--spacing-xx-huge);
}
.at-column-gap-xx-huge {
  column-gap: var(--spacing-xx-huge);
}
.at-inset-xx-huge {
  inset: var(--spacing-xx-huge);
}
.at-inset-inline-xx-huge {
  inset-inline: var(--spacing-xx-huge);
}
.at-inset-inline-start-xx-huge {
  inset-inline-start: var(--spacing-xx-huge);
}
.at-inset-inline-end-xx-huge {
  inset-inline-end: var(--spacing-xx-huge);
}
.at-inset-block-xx-huge {
  inset-block: var(--spacing-xx-huge);
}
.at-inset-block-start-xx-huge {
  inset-block-start: var(--spacing-xx-huge);
}
.at-inset-block-end-xx-huge {
  inset-block-end: var(--spacing-xx-huge);
}
.at-p-auto {
  padding: var(--spacing-auto);
}
.at-pt-auto {
  padding-block-start: var(--spacing-auto);
}
.at-pb-auto {
  padding-block-end: var(--spacing-auto);
}
.at-ps-auto {
  padding-inline-start: var(--spacing-auto);
}
.at-pe-auto {
  padding-inline-end: var(--spacing-auto);
}
.at-px-auto {
  padding-inline: var(--spacing-auto);
}
.at-py-auto {
  padding-block: var(--spacing-auto);
}
.at-m-auto {
  margin: var(--spacing-auto);
}
.at-mt-auto {
  margin-block-start: var(--spacing-auto);
}
.at-mb-auto {
  margin-block-end: var(--spacing-auto);
}
.at-ms-auto {
  margin-inline-start: var(--spacing-auto);
}
.at-me-auto {
  margin-inline-end: var(--spacing-auto);
}
.at-mx-auto {
  margin-inline: var(--spacing-auto);
}
.at-my-auto {
  margin-block: var(--spacing-auto);
}
.at-gap-auto {
  gap: var(--spacing-auto);
}
.at-row-gap-auto {
  row-gap: var(--spacing-auto);
}
.at-column-gap-auto {
  column-gap: var(--spacing-auto);
}
.at-inset-auto {
  inset: var(--spacing-auto);
}
.at-inset-inline-auto {
  inset-inline: var(--spacing-auto);
}
.at-inset-inline-start-auto {
  inset-inline-start: var(--spacing-auto);
}
.at-inset-inline-end-auto {
  inset-inline-end: var(--spacing-auto);
}
.at-inset-block-auto {
  inset-block: var(--spacing-auto);
}
.at-inset-block-start-auto {
  inset-block-start: var(--spacing-auto);
}
.at-inset-block-end-auto {
  inset-block-end: var(--spacing-auto);
}
@media screen and (min-width: 768px) {
  .md\:at-p-x-sm {
    padding: var(--spacing-x-sm);
  }
  .md\:at-pt-x-sm {
    padding-block-start: var(--spacing-x-sm);
  }
  .md\:at-pb-x-sm {
    padding-block-end: var(--spacing-x-sm);
  }
  .md\:at-ps-x-sm {
    padding-inline-start: var(--spacing-x-sm);
  }
  .md\:at-pe-x-sm {
    padding-inline-end: var(--spacing-x-sm);
  }
  .md\:at-px-x-sm {
    padding-inline: var(--spacing-x-sm);
  }
  .md\:at-py-x-sm {
    padding-block: var(--spacing-x-sm);
  }
  .md\:at-m-x-sm {
    margin: var(--spacing-x-sm);
  }
  .md\:at-mt-x-sm {
    margin-block-start: var(--spacing-x-sm);
  }
  .md\:at-mb-x-sm {
    margin-block-end: var(--spacing-x-sm);
  }
  .md\:at-ms-x-sm {
    margin-inline-start: var(--spacing-x-sm);
  }
  .md\:at-me-x-sm {
    margin-inline-end: var(--spacing-x-sm);
  }
  .md\:at-mx-x-sm {
    margin-inline: var(--spacing-x-sm);
  }
  .md\:at-my-x-sm {
    margin-block: var(--spacing-x-sm);
  }
  .md\:at-gap-x-sm {
    gap: var(--spacing-x-sm);
  }
  .md\:at-row-gap-x-sm {
    row-gap: var(--spacing-x-sm);
  }
  .md\:at-column-gap-x-sm {
    column-gap: var(--spacing-x-sm);
  }
  .md\:at-inset-x-sm {
    inset: var(--spacing-x-sm);
  }
  .md\:at-inset-inline-x-sm {
    inset-inline: var(--spacing-x-sm);
  }
  .md\:at-inset-inline-start-x-sm {
    inset-inline-start: var(--spacing-x-sm);
  }
  .md\:at-inset-inline-end-x-sm {
    inset-inline-end: var(--spacing-x-sm);
  }
  .md\:at-inset-block-x-sm {
    inset-block: var(--spacing-x-sm);
  }
  .md\:at-inset-block-start-x-sm {
    inset-block-start: var(--spacing-x-sm);
  }
  .md\:at-inset-block-end-x-sm {
    inset-block-end: var(--spacing-x-sm);
  }
  .md\:at-p-sm {
    padding: var(--spacing-sm);
  }
  .md\:at-pt-sm {
    padding-block-start: var(--spacing-sm);
  }
  .md\:at-pb-sm {
    padding-block-end: var(--spacing-sm);
  }
  .md\:at-ps-sm {
    padding-inline-start: var(--spacing-sm);
  }
  .md\:at-pe-sm {
    padding-inline-end: var(--spacing-sm);
  }
  .md\:at-px-sm {
    padding-inline: var(--spacing-sm);
  }
  .md\:at-py-sm {
    padding-block: var(--spacing-sm);
  }
  .md\:at-m-sm {
    margin: var(--spacing-sm);
  }
  .md\:at-mt-sm {
    margin-block-start: var(--spacing-sm);
  }
  .md\:at-mb-sm {
    margin-block-end: var(--spacing-sm);
  }
  .md\:at-ms-sm {
    margin-inline-start: var(--spacing-sm);
  }
  .md\:at-me-sm {
    margin-inline-end: var(--spacing-sm);
  }
  .md\:at-mx-sm {
    margin-inline: var(--spacing-sm);
  }
  .md\:at-my-sm {
    margin-block: var(--spacing-sm);
  }
  .md\:at-gap-sm {
    gap: var(--spacing-sm);
  }
  .md\:at-row-gap-sm {
    row-gap: var(--spacing-sm);
  }
  .md\:at-column-gap-sm {
    column-gap: var(--spacing-sm);
  }
  .md\:at-inset-sm {
    inset: var(--spacing-sm);
  }
  .md\:at-inset-inline-sm {
    inset-inline: var(--spacing-sm);
  }
  .md\:at-inset-inline-start-sm {
    inset-inline-start: var(--spacing-sm);
  }
  .md\:at-inset-inline-end-sm {
    inset-inline-end: var(--spacing-sm);
  }
  .md\:at-inset-block-sm {
    inset-block: var(--spacing-sm);
  }
  .md\:at-inset-block-start-sm {
    inset-block-start: var(--spacing-sm);
  }
  .md\:at-inset-block-end-sm {
    inset-block-end: var(--spacing-sm);
  }
  .md\:at-p-md {
    padding: var(--spacing-md);
  }
  .md\:at-pt-md {
    padding-block-start: var(--spacing-md);
  }
  .md\:at-pb-md {
    padding-block-end: var(--spacing-md);
  }
  .md\:at-ps-md {
    padding-inline-start: var(--spacing-md);
  }
  .md\:at-pe-md {
    padding-inline-end: var(--spacing-md);
  }
  .md\:at-px-md {
    padding-inline: var(--spacing-md);
  }
  .md\:at-py-md {
    padding-block: var(--spacing-md);
  }
  .md\:at-m-md {
    margin: var(--spacing-md);
  }
  .md\:at-mt-md {
    margin-block-start: var(--spacing-md);
  }
  .md\:at-mb-md {
    margin-block-end: var(--spacing-md);
  }
  .md\:at-ms-md {
    margin-inline-start: var(--spacing-md);
  }
  .md\:at-me-md {
    margin-inline-end: var(--spacing-md);
  }
  .md\:at-mx-md {
    margin-inline: var(--spacing-md);
  }
  .md\:at-my-md {
    margin-block: var(--spacing-md);
  }
  .md\:at-gap-md {
    gap: var(--spacing-md);
  }
  .md\:at-row-gap-md {
    row-gap: var(--spacing-md);
  }
  .md\:at-column-gap-md {
    column-gap: var(--spacing-md);
  }
  .md\:at-inset-md {
    inset: var(--spacing-md);
  }
  .md\:at-inset-inline-md {
    inset-inline: var(--spacing-md);
  }
  .md\:at-inset-inline-start-md {
    inset-inline-start: var(--spacing-md);
  }
  .md\:at-inset-inline-end-md {
    inset-inline-end: var(--spacing-md);
  }
  .md\:at-inset-block-md {
    inset-block: var(--spacing-md);
  }
  .md\:at-inset-block-start-md {
    inset-block-start: var(--spacing-md);
  }
  .md\:at-inset-block-end-md {
    inset-block-end: var(--spacing-md);
  }
  .md\:at-p-lg {
    padding: var(--spacing-lg);
  }
  .md\:at-pt-lg {
    padding-block-start: var(--spacing-lg);
  }
  .md\:at-pb-lg {
    padding-block-end: var(--spacing-lg);
  }
  .md\:at-ps-lg {
    padding-inline-start: var(--spacing-lg);
  }
  .md\:at-pe-lg {
    padding-inline-end: var(--spacing-lg);
  }
  .md\:at-px-lg {
    padding-inline: var(--spacing-lg);
  }
  .md\:at-py-lg {
    padding-block: var(--spacing-lg);
  }
  .md\:at-m-lg {
    margin: var(--spacing-lg);
  }
  .md\:at-mt-lg {
    margin-block-start: var(--spacing-lg);
  }
  .md\:at-mb-lg {
    margin-block-end: var(--spacing-lg);
  }
  .md\:at-ms-lg {
    margin-inline-start: var(--spacing-lg);
  }
  .md\:at-me-lg {
    margin-inline-end: var(--spacing-lg);
  }
  .md\:at-mx-lg {
    margin-inline: var(--spacing-lg);
  }
  .md\:at-my-lg {
    margin-block: var(--spacing-lg);
  }
  .md\:at-gap-lg {
    gap: var(--spacing-lg);
  }
  .md\:at-row-gap-lg {
    row-gap: var(--spacing-lg);
  }
  .md\:at-column-gap-lg {
    column-gap: var(--spacing-lg);
  }
  .md\:at-inset-lg {
    inset: var(--spacing-lg);
  }
  .md\:at-inset-inline-lg {
    inset-inline: var(--spacing-lg);
  }
  .md\:at-inset-inline-start-lg {
    inset-inline-start: var(--spacing-lg);
  }
  .md\:at-inset-inline-end-lg {
    inset-inline-end: var(--spacing-lg);
  }
  .md\:at-inset-block-lg {
    inset-block: var(--spacing-lg);
  }
  .md\:at-inset-block-start-lg {
    inset-block-start: var(--spacing-lg);
  }
  .md\:at-inset-block-end-lg {
    inset-block-end: var(--spacing-lg);
  }
  .md\:at-p-xl {
    padding: var(--spacing-xl);
  }
  .md\:at-pt-xl {
    padding-block-start: var(--spacing-xl);
  }
  .md\:at-pb-xl {
    padding-block-end: var(--spacing-xl);
  }
  .md\:at-ps-xl {
    padding-inline-start: var(--spacing-xl);
  }
  .md\:at-pe-xl {
    padding-inline-end: var(--spacing-xl);
  }
  .md\:at-px-xl {
    padding-inline: var(--spacing-xl);
  }
  .md\:at-py-xl {
    padding-block: var(--spacing-xl);
  }
  .md\:at-m-xl {
    margin: var(--spacing-xl);
  }
  .md\:at-mt-xl {
    margin-block-start: var(--spacing-xl);
  }
  .md\:at-mb-xl {
    margin-block-end: var(--spacing-xl);
  }
  .md\:at-ms-xl {
    margin-inline-start: var(--spacing-xl);
  }
  .md\:at-me-xl {
    margin-inline-end: var(--spacing-xl);
  }
  .md\:at-mx-xl {
    margin-inline: var(--spacing-xl);
  }
  .md\:at-my-xl {
    margin-block: var(--spacing-xl);
  }
  .md\:at-gap-xl {
    gap: var(--spacing-xl);
  }
  .md\:at-row-gap-xl {
    row-gap: var(--spacing-xl);
  }
  .md\:at-column-gap-xl {
    column-gap: var(--spacing-xl);
  }
  .md\:at-inset-xl {
    inset: var(--spacing-xl);
  }
  .md\:at-inset-inline-xl {
    inset-inline: var(--spacing-xl);
  }
  .md\:at-inset-inline-start-xl {
    inset-inline-start: var(--spacing-xl);
  }
  .md\:at-inset-inline-end-xl {
    inset-inline-end: var(--spacing-xl);
  }
  .md\:at-inset-block-xl {
    inset-block: var(--spacing-xl);
  }
  .md\:at-inset-block-start-xl {
    inset-block-start: var(--spacing-xl);
  }
  .md\:at-inset-block-end-xl {
    inset-block-end: var(--spacing-xl);
  }
  .md\:at-p-2xl {
    padding: var(--spacing-2xl);
  }
  .md\:at-pt-2xl {
    padding-block-start: var(--spacing-2xl);
  }
  .md\:at-pb-2xl {
    padding-block-end: var(--spacing-2xl);
  }
  .md\:at-ps-2xl {
    padding-inline-start: var(--spacing-2xl);
  }
  .md\:at-pe-2xl {
    padding-inline-end: var(--spacing-2xl);
  }
  .md\:at-px-2xl {
    padding-inline: var(--spacing-2xl);
  }
  .md\:at-py-2xl {
    padding-block: var(--spacing-2xl);
  }
  .md\:at-m-2xl {
    margin: var(--spacing-2xl);
  }
  .md\:at-mt-2xl {
    margin-block-start: var(--spacing-2xl);
  }
  .md\:at-mb-2xl {
    margin-block-end: var(--spacing-2xl);
  }
  .md\:at-ms-2xl {
    margin-inline-start: var(--spacing-2xl);
  }
  .md\:at-me-2xl {
    margin-inline-end: var(--spacing-2xl);
  }
  .md\:at-mx-2xl {
    margin-inline: var(--spacing-2xl);
  }
  .md\:at-my-2xl {
    margin-block: var(--spacing-2xl);
  }
  .md\:at-gap-2xl {
    gap: var(--spacing-2xl);
  }
  .md\:at-row-gap-2xl {
    row-gap: var(--spacing-2xl);
  }
  .md\:at-column-gap-2xl {
    column-gap: var(--spacing-2xl);
  }
  .md\:at-inset-2xl {
    inset: var(--spacing-2xl);
  }
  .md\:at-inset-inline-2xl {
    inset-inline: var(--spacing-2xl);
  }
  .md\:at-inset-inline-start-2xl {
    inset-inline-start: var(--spacing-2xl);
  }
  .md\:at-inset-inline-end-2xl {
    inset-inline-end: var(--spacing-2xl);
  }
  .md\:at-inset-block-2xl {
    inset-block: var(--spacing-2xl);
  }
  .md\:at-inset-block-start-2xl {
    inset-block-start: var(--spacing-2xl);
  }
  .md\:at-inset-block-end-2xl {
    inset-block-end: var(--spacing-2xl);
  }
  .md\:at-p-3xl {
    padding: var(--spacing-3xl);
  }
  .md\:at-pt-3xl {
    padding-block-start: var(--spacing-3xl);
  }
  .md\:at-pb-3xl {
    padding-block-end: var(--spacing-3xl);
  }
  .md\:at-ps-3xl {
    padding-inline-start: var(--spacing-3xl);
  }
  .md\:at-pe-3xl {
    padding-inline-end: var(--spacing-3xl);
  }
  .md\:at-px-3xl {
    padding-inline: var(--spacing-3xl);
  }
  .md\:at-py-3xl {
    padding-block: var(--spacing-3xl);
  }
  .md\:at-m-3xl {
    margin: var(--spacing-3xl);
  }
  .md\:at-mt-3xl {
    margin-block-start: var(--spacing-3xl);
  }
  .md\:at-mb-3xl {
    margin-block-end: var(--spacing-3xl);
  }
  .md\:at-ms-3xl {
    margin-inline-start: var(--spacing-3xl);
  }
  .md\:at-me-3xl {
    margin-inline-end: var(--spacing-3xl);
  }
  .md\:at-mx-3xl {
    margin-inline: var(--spacing-3xl);
  }
  .md\:at-my-3xl {
    margin-block: var(--spacing-3xl);
  }
  .md\:at-gap-3xl {
    gap: var(--spacing-3xl);
  }
  .md\:at-row-gap-3xl {
    row-gap: var(--spacing-3xl);
  }
  .md\:at-column-gap-3xl {
    column-gap: var(--spacing-3xl);
  }
  .md\:at-inset-3xl {
    inset: var(--spacing-3xl);
  }
  .md\:at-inset-inline-3xl {
    inset-inline: var(--spacing-3xl);
  }
  .md\:at-inset-inline-start-3xl {
    inset-inline-start: var(--spacing-3xl);
  }
  .md\:at-inset-inline-end-3xl {
    inset-inline-end: var(--spacing-3xl);
  }
  .md\:at-inset-block-3xl {
    inset-block: var(--spacing-3xl);
  }
  .md\:at-inset-block-start-3xl {
    inset-block-start: var(--spacing-3xl);
  }
  .md\:at-inset-block-end-3xl {
    inset-block-end: var(--spacing-3xl);
  }
  .md\:at-p-4xl {
    padding: var(--spacing-4xl);
  }
  .md\:at-pt-4xl {
    padding-block-start: var(--spacing-4xl);
  }
  .md\:at-pb-4xl {
    padding-block-end: var(--spacing-4xl);
  }
  .md\:at-ps-4xl {
    padding-inline-start: var(--spacing-4xl);
  }
  .md\:at-pe-4xl {
    padding-inline-end: var(--spacing-4xl);
  }
  .md\:at-px-4xl {
    padding-inline: var(--spacing-4xl);
  }
  .md\:at-py-4xl {
    padding-block: var(--spacing-4xl);
  }
  .md\:at-m-4xl {
    margin: var(--spacing-4xl);
  }
  .md\:at-mt-4xl {
    margin-block-start: var(--spacing-4xl);
  }
  .md\:at-mb-4xl {
    margin-block-end: var(--spacing-4xl);
  }
  .md\:at-ms-4xl {
    margin-inline-start: var(--spacing-4xl);
  }
  .md\:at-me-4xl {
    margin-inline-end: var(--spacing-4xl);
  }
  .md\:at-mx-4xl {
    margin-inline: var(--spacing-4xl);
  }
  .md\:at-my-4xl {
    margin-block: var(--spacing-4xl);
  }
  .md\:at-gap-4xl {
    gap: var(--spacing-4xl);
  }
  .md\:at-row-gap-4xl {
    row-gap: var(--spacing-4xl);
  }
  .md\:at-column-gap-4xl {
    column-gap: var(--spacing-4xl);
  }
  .md\:at-inset-4xl {
    inset: var(--spacing-4xl);
  }
  .md\:at-inset-inline-4xl {
    inset-inline: var(--spacing-4xl);
  }
  .md\:at-inset-inline-start-4xl {
    inset-inline-start: var(--spacing-4xl);
  }
  .md\:at-inset-inline-end-4xl {
    inset-inline-end: var(--spacing-4xl);
  }
  .md\:at-inset-block-4xl {
    inset-block: var(--spacing-4xl);
  }
  .md\:at-inset-block-start-4xl {
    inset-block-start: var(--spacing-4xl);
  }
  .md\:at-inset-block-end-4xl {
    inset-block-end: var(--spacing-4xl);
  }
  .md\:at-p-5xl {
    padding: var(--spacing-5xl);
  }
  .md\:at-pt-5xl {
    padding-block-start: var(--spacing-5xl);
  }
  .md\:at-pb-5xl {
    padding-block-end: var(--spacing-5xl);
  }
  .md\:at-ps-5xl {
    padding-inline-start: var(--spacing-5xl);
  }
  .md\:at-pe-5xl {
    padding-inline-end: var(--spacing-5xl);
  }
  .md\:at-px-5xl {
    padding-inline: var(--spacing-5xl);
  }
  .md\:at-py-5xl {
    padding-block: var(--spacing-5xl);
  }
  .md\:at-m-5xl {
    margin: var(--spacing-5xl);
  }
  .md\:at-mt-5xl {
    margin-block-start: var(--spacing-5xl);
  }
  .md\:at-mb-5xl {
    margin-block-end: var(--spacing-5xl);
  }
  .md\:at-ms-5xl {
    margin-inline-start: var(--spacing-5xl);
  }
  .md\:at-me-5xl {
    margin-inline-end: var(--spacing-5xl);
  }
  .md\:at-mx-5xl {
    margin-inline: var(--spacing-5xl);
  }
  .md\:at-my-5xl {
    margin-block: var(--spacing-5xl);
  }
  .md\:at-gap-5xl {
    gap: var(--spacing-5xl);
  }
  .md\:at-row-gap-5xl {
    row-gap: var(--spacing-5xl);
  }
  .md\:at-column-gap-5xl {
    column-gap: var(--spacing-5xl);
  }
  .md\:at-inset-5xl {
    inset: var(--spacing-5xl);
  }
  .md\:at-inset-inline-5xl {
    inset-inline: var(--spacing-5xl);
  }
  .md\:at-inset-inline-start-5xl {
    inset-inline-start: var(--spacing-5xl);
  }
  .md\:at-inset-inline-end-5xl {
    inset-inline-end: var(--spacing-5xl);
  }
  .md\:at-inset-block-5xl {
    inset-block: var(--spacing-5xl);
  }
  .md\:at-inset-block-start-5xl {
    inset-block-start: var(--spacing-5xl);
  }
  .md\:at-inset-block-end-5xl {
    inset-block-end: var(--spacing-5xl);
  }
  .md\:at-p-6xl {
    padding: var(--spacing-6xl);
  }
  .md\:at-pt-6xl {
    padding-block-start: var(--spacing-6xl);
  }
  .md\:at-pb-6xl {
    padding-block-end: var(--spacing-6xl);
  }
  .md\:at-ps-6xl {
    padding-inline-start: var(--spacing-6xl);
  }
  .md\:at-pe-6xl {
    padding-inline-end: var(--spacing-6xl);
  }
  .md\:at-px-6xl {
    padding-inline: var(--spacing-6xl);
  }
  .md\:at-py-6xl {
    padding-block: var(--spacing-6xl);
  }
  .md\:at-m-6xl {
    margin: var(--spacing-6xl);
  }
  .md\:at-mt-6xl {
    margin-block-start: var(--spacing-6xl);
  }
  .md\:at-mb-6xl {
    margin-block-end: var(--spacing-6xl);
  }
  .md\:at-ms-6xl {
    margin-inline-start: var(--spacing-6xl);
  }
  .md\:at-me-6xl {
    margin-inline-end: var(--spacing-6xl);
  }
  .md\:at-mx-6xl {
    margin-inline: var(--spacing-6xl);
  }
  .md\:at-my-6xl {
    margin-block: var(--spacing-6xl);
  }
  .md\:at-gap-6xl {
    gap: var(--spacing-6xl);
  }
  .md\:at-row-gap-6xl {
    row-gap: var(--spacing-6xl);
  }
  .md\:at-column-gap-6xl {
    column-gap: var(--spacing-6xl);
  }
  .md\:at-inset-6xl {
    inset: var(--spacing-6xl);
  }
  .md\:at-inset-inline-6xl {
    inset-inline: var(--spacing-6xl);
  }
  .md\:at-inset-inline-start-6xl {
    inset-inline-start: var(--spacing-6xl);
  }
  .md\:at-inset-inline-end-6xl {
    inset-inline-end: var(--spacing-6xl);
  }
  .md\:at-inset-block-6xl {
    inset-block: var(--spacing-6xl);
  }
  .md\:at-inset-block-start-6xl {
    inset-block-start: var(--spacing-6xl);
  }
  .md\:at-inset-block-end-6xl {
    inset-block-end: var(--spacing-6xl);
  }
  .md\:at-p-7xl {
    padding: var(--spacing-7xl);
  }
  .md\:at-pt-7xl {
    padding-block-start: var(--spacing-7xl);
  }
  .md\:at-pb-7xl {
    padding-block-end: var(--spacing-7xl);
  }
  .md\:at-ps-7xl {
    padding-inline-start: var(--spacing-7xl);
  }
  .md\:at-pe-7xl {
    padding-inline-end: var(--spacing-7xl);
  }
  .md\:at-px-7xl {
    padding-inline: var(--spacing-7xl);
  }
  .md\:at-py-7xl {
    padding-block: var(--spacing-7xl);
  }
  .md\:at-m-7xl {
    margin: var(--spacing-7xl);
  }
  .md\:at-mt-7xl {
    margin-block-start: var(--spacing-7xl);
  }
  .md\:at-mb-7xl {
    margin-block-end: var(--spacing-7xl);
  }
  .md\:at-ms-7xl {
    margin-inline-start: var(--spacing-7xl);
  }
  .md\:at-me-7xl {
    margin-inline-end: var(--spacing-7xl);
  }
  .md\:at-mx-7xl {
    margin-inline: var(--spacing-7xl);
  }
  .md\:at-my-7xl {
    margin-block: var(--spacing-7xl);
  }
  .md\:at-gap-7xl {
    gap: var(--spacing-7xl);
  }
  .md\:at-row-gap-7xl {
    row-gap: var(--spacing-7xl);
  }
  .md\:at-column-gap-7xl {
    column-gap: var(--spacing-7xl);
  }
  .md\:at-inset-7xl {
    inset: var(--spacing-7xl);
  }
  .md\:at-inset-inline-7xl {
    inset-inline: var(--spacing-7xl);
  }
  .md\:at-inset-inline-start-7xl {
    inset-inline-start: var(--spacing-7xl);
  }
  .md\:at-inset-inline-end-7xl {
    inset-inline-end: var(--spacing-7xl);
  }
  .md\:at-inset-block-7xl {
    inset-block: var(--spacing-7xl);
  }
  .md\:at-inset-block-start-7xl {
    inset-block-start: var(--spacing-7xl);
  }
  .md\:at-inset-block-end-7xl {
    inset-block-end: var(--spacing-7xl);
  }
  .md\:at-p-8xl {
    padding: var(--spacing-8xl);
  }
  .md\:at-pt-8xl {
    padding-block-start: var(--spacing-8xl);
  }
  .md\:at-pb-8xl {
    padding-block-end: var(--spacing-8xl);
  }
  .md\:at-ps-8xl {
    padding-inline-start: var(--spacing-8xl);
  }
  .md\:at-pe-8xl {
    padding-inline-end: var(--spacing-8xl);
  }
  .md\:at-px-8xl {
    padding-inline: var(--spacing-8xl);
  }
  .md\:at-py-8xl {
    padding-block: var(--spacing-8xl);
  }
  .md\:at-m-8xl {
    margin: var(--spacing-8xl);
  }
  .md\:at-mt-8xl {
    margin-block-start: var(--spacing-8xl);
  }
  .md\:at-mb-8xl {
    margin-block-end: var(--spacing-8xl);
  }
  .md\:at-ms-8xl {
    margin-inline-start: var(--spacing-8xl);
  }
  .md\:at-me-8xl {
    margin-inline-end: var(--spacing-8xl);
  }
  .md\:at-mx-8xl {
    margin-inline: var(--spacing-8xl);
  }
  .md\:at-my-8xl {
    margin-block: var(--spacing-8xl);
  }
  .md\:at-gap-8xl {
    gap: var(--spacing-8xl);
  }
  .md\:at-row-gap-8xl {
    row-gap: var(--spacing-8xl);
  }
  .md\:at-column-gap-8xl {
    column-gap: var(--spacing-8xl);
  }
  .md\:at-inset-8xl {
    inset: var(--spacing-8xl);
  }
  .md\:at-inset-inline-8xl {
    inset-inline: var(--spacing-8xl);
  }
  .md\:at-inset-inline-start-8xl {
    inset-inline-start: var(--spacing-8xl);
  }
  .md\:at-inset-inline-end-8xl {
    inset-inline-end: var(--spacing-8xl);
  }
  .md\:at-inset-block-8xl {
    inset-block: var(--spacing-8xl);
  }
  .md\:at-inset-block-start-8xl {
    inset-block-start: var(--spacing-8xl);
  }
  .md\:at-inset-block-end-8xl {
    inset-block-end: var(--spacing-8xl);
  }
  .md\:at-p-9xl {
    padding: var(--spacing-9xl);
  }
  .md\:at-pt-9xl {
    padding-block-start: var(--spacing-9xl);
  }
  .md\:at-pb-9xl {
    padding-block-end: var(--spacing-9xl);
  }
  .md\:at-ps-9xl {
    padding-inline-start: var(--spacing-9xl);
  }
  .md\:at-pe-9xl {
    padding-inline-end: var(--spacing-9xl);
  }
  .md\:at-px-9xl {
    padding-inline: var(--spacing-9xl);
  }
  .md\:at-py-9xl {
    padding-block: var(--spacing-9xl);
  }
  .md\:at-m-9xl {
    margin: var(--spacing-9xl);
  }
  .md\:at-mt-9xl {
    margin-block-start: var(--spacing-9xl);
  }
  .md\:at-mb-9xl {
    margin-block-end: var(--spacing-9xl);
  }
  .md\:at-ms-9xl {
    margin-inline-start: var(--spacing-9xl);
  }
  .md\:at-me-9xl {
    margin-inline-end: var(--spacing-9xl);
  }
  .md\:at-mx-9xl {
    margin-inline: var(--spacing-9xl);
  }
  .md\:at-my-9xl {
    margin-block: var(--spacing-9xl);
  }
  .md\:at-gap-9xl {
    gap: var(--spacing-9xl);
  }
  .md\:at-row-gap-9xl {
    row-gap: var(--spacing-9xl);
  }
  .md\:at-column-gap-9xl {
    column-gap: var(--spacing-9xl);
  }
  .md\:at-inset-9xl {
    inset: var(--spacing-9xl);
  }
  .md\:at-inset-inline-9xl {
    inset-inline: var(--spacing-9xl);
  }
  .md\:at-inset-inline-start-9xl {
    inset-inline-start: var(--spacing-9xl);
  }
  .md\:at-inset-inline-end-9xl {
    inset-inline-end: var(--spacing-9xl);
  }
  .md\:at-inset-block-9xl {
    inset-block: var(--spacing-9xl);
  }
  .md\:at-inset-block-start-9xl {
    inset-block-start: var(--spacing-9xl);
  }
  .md\:at-inset-block-end-9xl {
    inset-block-end: var(--spacing-9xl);
  }
  .md\:at-p-huge {
    padding: var(--spacing-huge);
  }
  .md\:at-pt-huge {
    padding-block-start: var(--spacing-huge);
  }
  .md\:at-pb-huge {
    padding-block-end: var(--spacing-huge);
  }
  .md\:at-ps-huge {
    padding-inline-start: var(--spacing-huge);
  }
  .md\:at-pe-huge {
    padding-inline-end: var(--spacing-huge);
  }
  .md\:at-px-huge {
    padding-inline: var(--spacing-huge);
  }
  .md\:at-py-huge {
    padding-block: var(--spacing-huge);
  }
  .md\:at-m-huge {
    margin: var(--spacing-huge);
  }
  .md\:at-mt-huge {
    margin-block-start: var(--spacing-huge);
  }
  .md\:at-mb-huge {
    margin-block-end: var(--spacing-huge);
  }
  .md\:at-ms-huge {
    margin-inline-start: var(--spacing-huge);
  }
  .md\:at-me-huge {
    margin-inline-end: var(--spacing-huge);
  }
  .md\:at-mx-huge {
    margin-inline: var(--spacing-huge);
  }
  .md\:at-my-huge {
    margin-block: var(--spacing-huge);
  }
  .md\:at-gap-huge {
    gap: var(--spacing-huge);
  }
  .md\:at-row-gap-huge {
    row-gap: var(--spacing-huge);
  }
  .md\:at-column-gap-huge {
    column-gap: var(--spacing-huge);
  }
  .md\:at-inset-huge {
    inset: var(--spacing-huge);
  }
  .md\:at-inset-inline-huge {
    inset-inline: var(--spacing-huge);
  }
  .md\:at-inset-inline-start-huge {
    inset-inline-start: var(--spacing-huge);
  }
  .md\:at-inset-inline-end-huge {
    inset-inline-end: var(--spacing-huge);
  }
  .md\:at-inset-block-huge {
    inset-block: var(--spacing-huge);
  }
  .md\:at-inset-block-start-huge {
    inset-block-start: var(--spacing-huge);
  }
  .md\:at-inset-block-end-huge {
    inset-block-end: var(--spacing-huge);
  }
  .md\:at-p-x-huge {
    padding: var(--spacing-x-huge);
  }
  .md\:at-pt-x-huge {
    padding-block-start: var(--spacing-x-huge);
  }
  .md\:at-pb-x-huge {
    padding-block-end: var(--spacing-x-huge);
  }
  .md\:at-ps-x-huge {
    padding-inline-start: var(--spacing-x-huge);
  }
  .md\:at-pe-x-huge {
    padding-inline-end: var(--spacing-x-huge);
  }
  .md\:at-px-x-huge {
    padding-inline: var(--spacing-x-huge);
  }
  .md\:at-py-x-huge {
    padding-block: var(--spacing-x-huge);
  }
  .md\:at-m-x-huge {
    margin: var(--spacing-x-huge);
  }
  .md\:at-mt-x-huge {
    margin-block-start: var(--spacing-x-huge);
  }
  .md\:at-mb-x-huge {
    margin-block-end: var(--spacing-x-huge);
  }
  .md\:at-ms-x-huge {
    margin-inline-start: var(--spacing-x-huge);
  }
  .md\:at-me-x-huge {
    margin-inline-end: var(--spacing-x-huge);
  }
  .md\:at-mx-x-huge {
    margin-inline: var(--spacing-x-huge);
  }
  .md\:at-my-x-huge {
    margin-block: var(--spacing-x-huge);
  }
  .md\:at-gap-x-huge {
    gap: var(--spacing-x-huge);
  }
  .md\:at-row-gap-x-huge {
    row-gap: var(--spacing-x-huge);
  }
  .md\:at-column-gap-x-huge {
    column-gap: var(--spacing-x-huge);
  }
  .md\:at-inset-x-huge {
    inset: var(--spacing-x-huge);
  }
  .md\:at-inset-inline-x-huge {
    inset-inline: var(--spacing-x-huge);
  }
  .md\:at-inset-inline-start-x-huge {
    inset-inline-start: var(--spacing-x-huge);
  }
  .md\:at-inset-inline-end-x-huge {
    inset-inline-end: var(--spacing-x-huge);
  }
  .md\:at-inset-block-x-huge {
    inset-block: var(--spacing-x-huge);
  }
  .md\:at-inset-block-start-x-huge {
    inset-block-start: var(--spacing-x-huge);
  }
  .md\:at-inset-block-end-x-huge {
    inset-block-end: var(--spacing-x-huge);
  }
  .md\:at-p-xx-huge {
    padding: var(--spacing-xx-huge);
  }
  .md\:at-pt-xx-huge {
    padding-block-start: var(--spacing-xx-huge);
  }
  .md\:at-pb-xx-huge {
    padding-block-end: var(--spacing-xx-huge);
  }
  .md\:at-ps-xx-huge {
    padding-inline-start: var(--spacing-xx-huge);
  }
  .md\:at-pe-xx-huge {
    padding-inline-end: var(--spacing-xx-huge);
  }
  .md\:at-px-xx-huge {
    padding-inline: var(--spacing-xx-huge);
  }
  .md\:at-py-xx-huge {
    padding-block: var(--spacing-xx-huge);
  }
  .md\:at-m-xx-huge {
    margin: var(--spacing-xx-huge);
  }
  .md\:at-mt-xx-huge {
    margin-block-start: var(--spacing-xx-huge);
  }
  .md\:at-mb-xx-huge {
    margin-block-end: var(--spacing-xx-huge);
  }
  .md\:at-ms-xx-huge {
    margin-inline-start: var(--spacing-xx-huge);
  }
  .md\:at-me-xx-huge {
    margin-inline-end: var(--spacing-xx-huge);
  }
  .md\:at-mx-xx-huge {
    margin-inline: var(--spacing-xx-huge);
  }
  .md\:at-my-xx-huge {
    margin-block: var(--spacing-xx-huge);
  }
  .md\:at-gap-xx-huge {
    gap: var(--spacing-xx-huge);
  }
  .md\:at-row-gap-xx-huge {
    row-gap: var(--spacing-xx-huge);
  }
  .md\:at-column-gap-xx-huge {
    column-gap: var(--spacing-xx-huge);
  }
  .md\:at-inset-xx-huge {
    inset: var(--spacing-xx-huge);
  }
  .md\:at-inset-inline-xx-huge {
    inset-inline: var(--spacing-xx-huge);
  }
  .md\:at-inset-inline-start-xx-huge {
    inset-inline-start: var(--spacing-xx-huge);
  }
  .md\:at-inset-inline-end-xx-huge {
    inset-inline-end: var(--spacing-xx-huge);
  }
  .md\:at-inset-block-xx-huge {
    inset-block: var(--spacing-xx-huge);
  }
  .md\:at-inset-block-start-xx-huge {
    inset-block-start: var(--spacing-xx-huge);
  }
  .md\:at-inset-block-end-xx-huge {
    inset-block-end: var(--spacing-xx-huge);
  }
}
@media screen and (min-width: 1024px) {
  .lg\:at-p-x-sm {
    padding: var(--spacing-x-sm);
  }
  .lg\:at-pt-x-sm {
    padding-block-start: var(--spacing-x-sm);
  }
  .lg\:at-pb-x-sm {
    padding-block-end: var(--spacing-x-sm);
  }
  .lg\:at-ps-x-sm {
    padding-inline-start: var(--spacing-x-sm);
  }
  .lg\:at-pe-x-sm {
    padding-inline-end: var(--spacing-x-sm);
  }
  .lg\:at-px-x-sm {
    padding-inline: var(--spacing-x-sm);
  }
  .lg\:at-py-x-sm {
    padding-block: var(--spacing-x-sm);
  }
  .lg\:at-m-x-sm {
    margin: var(--spacing-x-sm);
  }
  .lg\:at-mt-x-sm {
    margin-block-start: var(--spacing-x-sm);
  }
  .lg\:at-mb-x-sm {
    margin-block-end: var(--spacing-x-sm);
  }
  .lg\:at-ms-x-sm {
    margin-inline-start: var(--spacing-x-sm);
  }
  .lg\:at-me-x-sm {
    margin-inline-end: var(--spacing-x-sm);
  }
  .lg\:at-mx-x-sm {
    margin-inline: var(--spacing-x-sm);
  }
  .lg\:at-my-x-sm {
    margin-block: var(--spacing-x-sm);
  }
  .lg\:at-gap-x-sm {
    gap: var(--spacing-x-sm);
  }
  .lg\:at-row-gap-x-sm {
    row-gap: var(--spacing-x-sm);
  }
  .lg\:at-column-gap-x-sm {
    column-gap: var(--spacing-x-sm);
  }
  .lg\:at-inset-x-sm {
    inset: var(--spacing-x-sm);
  }
  .lg\:at-inset-inline-x-sm {
    inset-inline: var(--spacing-x-sm);
  }
  .lg\:at-inset-inline-start-x-sm {
    inset-inline-start: var(--spacing-x-sm);
  }
  .lg\:at-inset-inline-end-x-sm {
    inset-inline-end: var(--spacing-x-sm);
  }
  .lg\:at-inset-block-x-sm {
    inset-block: var(--spacing-x-sm);
  }
  .lg\:at-inset-block-start-x-sm {
    inset-block-start: var(--spacing-x-sm);
  }
  .lg\:at-inset-block-end-x-sm {
    inset-block-end: var(--spacing-x-sm);
  }
  .lg\:at-p-sm {
    padding: var(--spacing-sm);
  }
  .lg\:at-pt-sm {
    padding-block-start: var(--spacing-sm);
  }
  .lg\:at-pb-sm {
    padding-block-end: var(--spacing-sm);
  }
  .lg\:at-ps-sm {
    padding-inline-start: var(--spacing-sm);
  }
  .lg\:at-pe-sm {
    padding-inline-end: var(--spacing-sm);
  }
  .lg\:at-px-sm {
    padding-inline: var(--spacing-sm);
  }
  .lg\:at-py-sm {
    padding-block: var(--spacing-sm);
  }
  .lg\:at-m-sm {
    margin: var(--spacing-sm);
  }
  .lg\:at-mt-sm {
    margin-block-start: var(--spacing-sm);
  }
  .lg\:at-mb-sm {
    margin-block-end: var(--spacing-sm);
  }
  .lg\:at-ms-sm {
    margin-inline-start: var(--spacing-sm);
  }
  .lg\:at-me-sm {
    margin-inline-end: var(--spacing-sm);
  }
  .lg\:at-mx-sm {
    margin-inline: var(--spacing-sm);
  }
  .lg\:at-my-sm {
    margin-block: var(--spacing-sm);
  }
  .lg\:at-gap-sm {
    gap: var(--spacing-sm);
  }
  .lg\:at-row-gap-sm {
    row-gap: var(--spacing-sm);
  }
  .lg\:at-column-gap-sm {
    column-gap: var(--spacing-sm);
  }
  .lg\:at-inset-sm {
    inset: var(--spacing-sm);
  }
  .lg\:at-inset-inline-sm {
    inset-inline: var(--spacing-sm);
  }
  .lg\:at-inset-inline-start-sm {
    inset-inline-start: var(--spacing-sm);
  }
  .lg\:at-inset-inline-end-sm {
    inset-inline-end: var(--spacing-sm);
  }
  .lg\:at-inset-block-sm {
    inset-block: var(--spacing-sm);
  }
  .lg\:at-inset-block-start-sm {
    inset-block-start: var(--spacing-sm);
  }
  .lg\:at-inset-block-end-sm {
    inset-block-end: var(--spacing-sm);
  }
  .lg\:at-p-md {
    padding: var(--spacing-md);
  }
  .lg\:at-pt-md {
    padding-block-start: var(--spacing-md);
  }
  .lg\:at-pb-md {
    padding-block-end: var(--spacing-md);
  }
  .lg\:at-ps-md {
    padding-inline-start: var(--spacing-md);
  }
  .lg\:at-pe-md {
    padding-inline-end: var(--spacing-md);
  }
  .lg\:at-px-md {
    padding-inline: var(--spacing-md);
  }
  .lg\:at-py-md {
    padding-block: var(--spacing-md);
  }
  .lg\:at-m-md {
    margin: var(--spacing-md);
  }
  .lg\:at-mt-md {
    margin-block-start: var(--spacing-md);
  }
  .lg\:at-mb-md {
    margin-block-end: var(--spacing-md);
  }
  .lg\:at-ms-md {
    margin-inline-start: var(--spacing-md);
  }
  .lg\:at-me-md {
    margin-inline-end: var(--spacing-md);
  }
  .lg\:at-mx-md {
    margin-inline: var(--spacing-md);
  }
  .lg\:at-my-md {
    margin-block: var(--spacing-md);
  }
  .lg\:at-gap-md {
    gap: var(--spacing-md);
  }
  .lg\:at-row-gap-md {
    row-gap: var(--spacing-md);
  }
  .lg\:at-column-gap-md {
    column-gap: var(--spacing-md);
  }
  .lg\:at-inset-md {
    inset: var(--spacing-md);
  }
  .lg\:at-inset-inline-md {
    inset-inline: var(--spacing-md);
  }
  .lg\:at-inset-inline-start-md {
    inset-inline-start: var(--spacing-md);
  }
  .lg\:at-inset-inline-end-md {
    inset-inline-end: var(--spacing-md);
  }
  .lg\:at-inset-block-md {
    inset-block: var(--spacing-md);
  }
  .lg\:at-inset-block-start-md {
    inset-block-start: var(--spacing-md);
  }
  .lg\:at-inset-block-end-md {
    inset-block-end: var(--spacing-md);
  }
  .lg\:at-p-lg {
    padding: var(--spacing-lg);
  }
  .lg\:at-pt-lg {
    padding-block-start: var(--spacing-lg);
  }
  .lg\:at-pb-lg {
    padding-block-end: var(--spacing-lg);
  }
  .lg\:at-ps-lg {
    padding-inline-start: var(--spacing-lg);
  }
  .lg\:at-pe-lg {
    padding-inline-end: var(--spacing-lg);
  }
  .lg\:at-px-lg {
    padding-inline: var(--spacing-lg);
  }
  .lg\:at-py-lg {
    padding-block: var(--spacing-lg);
  }
  .lg\:at-m-lg {
    margin: var(--spacing-lg);
  }
  .lg\:at-mt-lg {
    margin-block-start: var(--spacing-lg);
  }
  .lg\:at-mb-lg {
    margin-block-end: var(--spacing-lg);
  }
  .lg\:at-ms-lg {
    margin-inline-start: var(--spacing-lg);
  }
  .lg\:at-me-lg {
    margin-inline-end: var(--spacing-lg);
  }
  .lg\:at-mx-lg {
    margin-inline: var(--spacing-lg);
  }
  .lg\:at-my-lg {
    margin-block: var(--spacing-lg);
  }
  .lg\:at-gap-lg {
    gap: var(--spacing-lg);
  }
  .lg\:at-row-gap-lg {
    row-gap: var(--spacing-lg);
  }
  .lg\:at-column-gap-lg {
    column-gap: var(--spacing-lg);
  }
  .lg\:at-inset-lg {
    inset: var(--spacing-lg);
  }
  .lg\:at-inset-inline-lg {
    inset-inline: var(--spacing-lg);
  }
  .lg\:at-inset-inline-start-lg {
    inset-inline-start: var(--spacing-lg);
  }
  .lg\:at-inset-inline-end-lg {
    inset-inline-end: var(--spacing-lg);
  }
  .lg\:at-inset-block-lg {
    inset-block: var(--spacing-lg);
  }
  .lg\:at-inset-block-start-lg {
    inset-block-start: var(--spacing-lg);
  }
  .lg\:at-inset-block-end-lg {
    inset-block-end: var(--spacing-lg);
  }
  .lg\:at-p-xl {
    padding: var(--spacing-xl);
  }
  .lg\:at-pt-xl {
    padding-block-start: var(--spacing-xl);
  }
  .lg\:at-pb-xl {
    padding-block-end: var(--spacing-xl);
  }
  .lg\:at-ps-xl {
    padding-inline-start: var(--spacing-xl);
  }
  .lg\:at-pe-xl {
    padding-inline-end: var(--spacing-xl);
  }
  .lg\:at-px-xl {
    padding-inline: var(--spacing-xl);
  }
  .lg\:at-py-xl {
    padding-block: var(--spacing-xl);
  }
  .lg\:at-m-xl {
    margin: var(--spacing-xl);
  }
  .lg\:at-mt-xl {
    margin-block-start: var(--spacing-xl);
  }
  .lg\:at-mb-xl {
    margin-block-end: var(--spacing-xl);
  }
  .lg\:at-ms-xl {
    margin-inline-start: var(--spacing-xl);
  }
  .lg\:at-me-xl {
    margin-inline-end: var(--spacing-xl);
  }
  .lg\:at-mx-xl {
    margin-inline: var(--spacing-xl);
  }
  .lg\:at-my-xl {
    margin-block: var(--spacing-xl);
  }
  .lg\:at-gap-xl {
    gap: var(--spacing-xl);
  }
  .lg\:at-row-gap-xl {
    row-gap: var(--spacing-xl);
  }
  .lg\:at-column-gap-xl {
    column-gap: var(--spacing-xl);
  }
  .lg\:at-inset-xl {
    inset: var(--spacing-xl);
  }
  .lg\:at-inset-inline-xl {
    inset-inline: var(--spacing-xl);
  }
  .lg\:at-inset-inline-start-xl {
    inset-inline-start: var(--spacing-xl);
  }
  .lg\:at-inset-inline-end-xl {
    inset-inline-end: var(--spacing-xl);
  }
  .lg\:at-inset-block-xl {
    inset-block: var(--spacing-xl);
  }
  .lg\:at-inset-block-start-xl {
    inset-block-start: var(--spacing-xl);
  }
  .lg\:at-inset-block-end-xl {
    inset-block-end: var(--spacing-xl);
  }
  .lg\:at-p-2xl {
    padding: var(--spacing-2xl);
  }
  .lg\:at-pt-2xl {
    padding-block-start: var(--spacing-2xl);
  }
  .lg\:at-pb-2xl {
    padding-block-end: var(--spacing-2xl);
  }
  .lg\:at-ps-2xl {
    padding-inline-start: var(--spacing-2xl);
  }
  .lg\:at-pe-2xl {
    padding-inline-end: var(--spacing-2xl);
  }
  .lg\:at-px-2xl {
    padding-inline: var(--spacing-2xl);
  }
  .lg\:at-py-2xl {
    padding-block: var(--spacing-2xl);
  }
  .lg\:at-m-2xl {
    margin: var(--spacing-2xl);
  }
  .lg\:at-mt-2xl {
    margin-block-start: var(--spacing-2xl);
  }
  .lg\:at-mb-2xl {
    margin-block-end: var(--spacing-2xl);
  }
  .lg\:at-ms-2xl {
    margin-inline-start: var(--spacing-2xl);
  }
  .lg\:at-me-2xl {
    margin-inline-end: var(--spacing-2xl);
  }
  .lg\:at-mx-2xl {
    margin-inline: var(--spacing-2xl);
  }
  .lg\:at-my-2xl {
    margin-block: var(--spacing-2xl);
  }
  .lg\:at-gap-2xl {
    gap: var(--spacing-2xl);
  }
  .lg\:at-row-gap-2xl {
    row-gap: var(--spacing-2xl);
  }
  .lg\:at-column-gap-2xl {
    column-gap: var(--spacing-2xl);
  }
  .lg\:at-inset-2xl {
    inset: var(--spacing-2xl);
  }
  .lg\:at-inset-inline-2xl {
    inset-inline: var(--spacing-2xl);
  }
  .lg\:at-inset-inline-start-2xl {
    inset-inline-start: var(--spacing-2xl);
  }
  .lg\:at-inset-inline-end-2xl {
    inset-inline-end: var(--spacing-2xl);
  }
  .lg\:at-inset-block-2xl {
    inset-block: var(--spacing-2xl);
  }
  .lg\:at-inset-block-start-2xl {
    inset-block-start: var(--spacing-2xl);
  }
  .lg\:at-inset-block-end-2xl {
    inset-block-end: var(--spacing-2xl);
  }
  .lg\:at-p-3xl {
    padding: var(--spacing-3xl);
  }
  .lg\:at-pt-3xl {
    padding-block-start: var(--spacing-3xl);
  }
  .lg\:at-pb-3xl {
    padding-block-end: var(--spacing-3xl);
  }
  .lg\:at-ps-3xl {
    padding-inline-start: var(--spacing-3xl);
  }
  .lg\:at-pe-3xl {
    padding-inline-end: var(--spacing-3xl);
  }
  .lg\:at-px-3xl {
    padding-inline: var(--spacing-3xl);
  }
  .lg\:at-py-3xl {
    padding-block: var(--spacing-3xl);
  }
  .lg\:at-m-3xl {
    margin: var(--spacing-3xl);
  }
  .lg\:at-mt-3xl {
    margin-block-start: var(--spacing-3xl);
  }
  .lg\:at-mb-3xl {
    margin-block-end: var(--spacing-3xl);
  }
  .lg\:at-ms-3xl {
    margin-inline-start: var(--spacing-3xl);
  }
  .lg\:at-me-3xl {
    margin-inline-end: var(--spacing-3xl);
  }
  .lg\:at-mx-3xl {
    margin-inline: var(--spacing-3xl);
  }
  .lg\:at-my-3xl {
    margin-block: var(--spacing-3xl);
  }
  .lg\:at-gap-3xl {
    gap: var(--spacing-3xl);
  }
  .lg\:at-row-gap-3xl {
    row-gap: var(--spacing-3xl);
  }
  .lg\:at-column-gap-3xl {
    column-gap: var(--spacing-3xl);
  }
  .lg\:at-inset-3xl {
    inset: var(--spacing-3xl);
  }
  .lg\:at-inset-inline-3xl {
    inset-inline: var(--spacing-3xl);
  }
  .lg\:at-inset-inline-start-3xl {
    inset-inline-start: var(--spacing-3xl);
  }
  .lg\:at-inset-inline-end-3xl {
    inset-inline-end: var(--spacing-3xl);
  }
  .lg\:at-inset-block-3xl {
    inset-block: var(--spacing-3xl);
  }
  .lg\:at-inset-block-start-3xl {
    inset-block-start: var(--spacing-3xl);
  }
  .lg\:at-inset-block-end-3xl {
    inset-block-end: var(--spacing-3xl);
  }
  .lg\:at-p-4xl {
    padding: var(--spacing-4xl);
  }
  .lg\:at-pt-4xl {
    padding-block-start: var(--spacing-4xl);
  }
  .lg\:at-pb-4xl {
    padding-block-end: var(--spacing-4xl);
  }
  .lg\:at-ps-4xl {
    padding-inline-start: var(--spacing-4xl);
  }
  .lg\:at-pe-4xl {
    padding-inline-end: var(--spacing-4xl);
  }
  .lg\:at-px-4xl {
    padding-inline: var(--spacing-4xl);
  }
  .lg\:at-py-4xl {
    padding-block: var(--spacing-4xl);
  }
  .lg\:at-m-4xl {
    margin: var(--spacing-4xl);
  }
  .lg\:at-mt-4xl {
    margin-block-start: var(--spacing-4xl);
  }
  .lg\:at-mb-4xl {
    margin-block-end: var(--spacing-4xl);
  }
  .lg\:at-ms-4xl {
    margin-inline-start: var(--spacing-4xl);
  }
  .lg\:at-me-4xl {
    margin-inline-end: var(--spacing-4xl);
  }
  .lg\:at-mx-4xl {
    margin-inline: var(--spacing-4xl);
  }
  .lg\:at-my-4xl {
    margin-block: var(--spacing-4xl);
  }
  .lg\:at-gap-4xl {
    gap: var(--spacing-4xl);
  }
  .lg\:at-row-gap-4xl {
    row-gap: var(--spacing-4xl);
  }
  .lg\:at-column-gap-4xl {
    column-gap: var(--spacing-4xl);
  }
  .lg\:at-inset-4xl {
    inset: var(--spacing-4xl);
  }
  .lg\:at-inset-inline-4xl {
    inset-inline: var(--spacing-4xl);
  }
  .lg\:at-inset-inline-start-4xl {
    inset-inline-start: var(--spacing-4xl);
  }
  .lg\:at-inset-inline-end-4xl {
    inset-inline-end: var(--spacing-4xl);
  }
  .lg\:at-inset-block-4xl {
    inset-block: var(--spacing-4xl);
  }
  .lg\:at-inset-block-start-4xl {
    inset-block-start: var(--spacing-4xl);
  }
  .lg\:at-inset-block-end-4xl {
    inset-block-end: var(--spacing-4xl);
  }
  .lg\:at-p-5xl {
    padding: var(--spacing-5xl);
  }
  .lg\:at-pt-5xl {
    padding-block-start: var(--spacing-5xl);
  }
  .lg\:at-pb-5xl {
    padding-block-end: var(--spacing-5xl);
  }
  .lg\:at-ps-5xl {
    padding-inline-start: var(--spacing-5xl);
  }
  .lg\:at-pe-5xl {
    padding-inline-end: var(--spacing-5xl);
  }
  .lg\:at-px-5xl {
    padding-inline: var(--spacing-5xl);
  }
  .lg\:at-py-5xl {
    padding-block: var(--spacing-5xl);
  }
  .lg\:at-m-5xl {
    margin: var(--spacing-5xl);
  }
  .lg\:at-mt-5xl {
    margin-block-start: var(--spacing-5xl);
  }
  .lg\:at-mb-5xl {
    margin-block-end: var(--spacing-5xl);
  }
  .lg\:at-ms-5xl {
    margin-inline-start: var(--spacing-5xl);
  }
  .lg\:at-me-5xl {
    margin-inline-end: var(--spacing-5xl);
  }
  .lg\:at-mx-5xl {
    margin-inline: var(--spacing-5xl);
  }
  .lg\:at-my-5xl {
    margin-block: var(--spacing-5xl);
  }
  .lg\:at-gap-5xl {
    gap: var(--spacing-5xl);
  }
  .lg\:at-row-gap-5xl {
    row-gap: var(--spacing-5xl);
  }
  .lg\:at-column-gap-5xl {
    column-gap: var(--spacing-5xl);
  }
  .lg\:at-inset-5xl {
    inset: var(--spacing-5xl);
  }
  .lg\:at-inset-inline-5xl {
    inset-inline: var(--spacing-5xl);
  }
  .lg\:at-inset-inline-start-5xl {
    inset-inline-start: var(--spacing-5xl);
  }
  .lg\:at-inset-inline-end-5xl {
    inset-inline-end: var(--spacing-5xl);
  }
  .lg\:at-inset-block-5xl {
    inset-block: var(--spacing-5xl);
  }
  .lg\:at-inset-block-start-5xl {
    inset-block-start: var(--spacing-5xl);
  }
  .lg\:at-inset-block-end-5xl {
    inset-block-end: var(--spacing-5xl);
  }
  .lg\:at-p-6xl {
    padding: var(--spacing-6xl);
  }
  .lg\:at-pt-6xl {
    padding-block-start: var(--spacing-6xl);
  }
  .lg\:at-pb-6xl {
    padding-block-end: var(--spacing-6xl);
  }
  .lg\:at-ps-6xl {
    padding-inline-start: var(--spacing-6xl);
  }
  .lg\:at-pe-6xl {
    padding-inline-end: var(--spacing-6xl);
  }
  .lg\:at-px-6xl {
    padding-inline: var(--spacing-6xl);
  }
  .lg\:at-py-6xl {
    padding-block: var(--spacing-6xl);
  }
  .lg\:at-m-6xl {
    margin: var(--spacing-6xl);
  }
  .lg\:at-mt-6xl {
    margin-block-start: var(--spacing-6xl);
  }
  .lg\:at-mb-6xl {
    margin-block-end: var(--spacing-6xl);
  }
  .lg\:at-ms-6xl {
    margin-inline-start: var(--spacing-6xl);
  }
  .lg\:at-me-6xl {
    margin-inline-end: var(--spacing-6xl);
  }
  .lg\:at-mx-6xl {
    margin-inline: var(--spacing-6xl);
  }
  .lg\:at-my-6xl {
    margin-block: var(--spacing-6xl);
  }
  .lg\:at-gap-6xl {
    gap: var(--spacing-6xl);
  }
  .lg\:at-row-gap-6xl {
    row-gap: var(--spacing-6xl);
  }
  .lg\:at-column-gap-6xl {
    column-gap: var(--spacing-6xl);
  }
  .lg\:at-inset-6xl {
    inset: var(--spacing-6xl);
  }
  .lg\:at-inset-inline-6xl {
    inset-inline: var(--spacing-6xl);
  }
  .lg\:at-inset-inline-start-6xl {
    inset-inline-start: var(--spacing-6xl);
  }
  .lg\:at-inset-inline-end-6xl {
    inset-inline-end: var(--spacing-6xl);
  }
  .lg\:at-inset-block-6xl {
    inset-block: var(--spacing-6xl);
  }
  .lg\:at-inset-block-start-6xl {
    inset-block-start: var(--spacing-6xl);
  }
  .lg\:at-inset-block-end-6xl {
    inset-block-end: var(--spacing-6xl);
  }
  .lg\:at-p-7xl {
    padding: var(--spacing-7xl);
  }
  .lg\:at-pt-7xl {
    padding-block-start: var(--spacing-7xl);
  }
  .lg\:at-pb-7xl {
    padding-block-end: var(--spacing-7xl);
  }
  .lg\:at-ps-7xl {
    padding-inline-start: var(--spacing-7xl);
  }
  .lg\:at-pe-7xl {
    padding-inline-end: var(--spacing-7xl);
  }
  .lg\:at-px-7xl {
    padding-inline: var(--spacing-7xl);
  }
  .lg\:at-py-7xl {
    padding-block: var(--spacing-7xl);
  }
  .lg\:at-m-7xl {
    margin: var(--spacing-7xl);
  }
  .lg\:at-mt-7xl {
    margin-block-start: var(--spacing-7xl);
  }
  .lg\:at-mb-7xl {
    margin-block-end: var(--spacing-7xl);
  }
  .lg\:at-ms-7xl {
    margin-inline-start: var(--spacing-7xl);
  }
  .lg\:at-me-7xl {
    margin-inline-end: var(--spacing-7xl);
  }
  .lg\:at-mx-7xl {
    margin-inline: var(--spacing-7xl);
  }
  .lg\:at-my-7xl {
    margin-block: var(--spacing-7xl);
  }
  .lg\:at-gap-7xl {
    gap: var(--spacing-7xl);
  }
  .lg\:at-row-gap-7xl {
    row-gap: var(--spacing-7xl);
  }
  .lg\:at-column-gap-7xl {
    column-gap: var(--spacing-7xl);
  }
  .lg\:at-inset-7xl {
    inset: var(--spacing-7xl);
  }
  .lg\:at-inset-inline-7xl {
    inset-inline: var(--spacing-7xl);
  }
  .lg\:at-inset-inline-start-7xl {
    inset-inline-start: var(--spacing-7xl);
  }
  .lg\:at-inset-inline-end-7xl {
    inset-inline-end: var(--spacing-7xl);
  }
  .lg\:at-inset-block-7xl {
    inset-block: var(--spacing-7xl);
  }
  .lg\:at-inset-block-start-7xl {
    inset-block-start: var(--spacing-7xl);
  }
  .lg\:at-inset-block-end-7xl {
    inset-block-end: var(--spacing-7xl);
  }
  .lg\:at-p-8xl {
    padding: var(--spacing-8xl);
  }
  .lg\:at-pt-8xl {
    padding-block-start: var(--spacing-8xl);
  }
  .lg\:at-pb-8xl {
    padding-block-end: var(--spacing-8xl);
  }
  .lg\:at-ps-8xl {
    padding-inline-start: var(--spacing-8xl);
  }
  .lg\:at-pe-8xl {
    padding-inline-end: var(--spacing-8xl);
  }
  .lg\:at-px-8xl {
    padding-inline: var(--spacing-8xl);
  }
  .lg\:at-py-8xl {
    padding-block: var(--spacing-8xl);
  }
  .lg\:at-m-8xl {
    margin: var(--spacing-8xl);
  }
  .lg\:at-mt-8xl {
    margin-block-start: var(--spacing-8xl);
  }
  .lg\:at-mb-8xl {
    margin-block-end: var(--spacing-8xl);
  }
  .lg\:at-ms-8xl {
    margin-inline-start: var(--spacing-8xl);
  }
  .lg\:at-me-8xl {
    margin-inline-end: var(--spacing-8xl);
  }
  .lg\:at-mx-8xl {
    margin-inline: var(--spacing-8xl);
  }
  .lg\:at-my-8xl {
    margin-block: var(--spacing-8xl);
  }
  .lg\:at-gap-8xl {
    gap: var(--spacing-8xl);
  }
  .lg\:at-row-gap-8xl {
    row-gap: var(--spacing-8xl);
  }
  .lg\:at-column-gap-8xl {
    column-gap: var(--spacing-8xl);
  }
  .lg\:at-inset-8xl {
    inset: var(--spacing-8xl);
  }
  .lg\:at-inset-inline-8xl {
    inset-inline: var(--spacing-8xl);
  }
  .lg\:at-inset-inline-start-8xl {
    inset-inline-start: var(--spacing-8xl);
  }
  .lg\:at-inset-inline-end-8xl {
    inset-inline-end: var(--spacing-8xl);
  }
  .lg\:at-inset-block-8xl {
    inset-block: var(--spacing-8xl);
  }
  .lg\:at-inset-block-start-8xl {
    inset-block-start: var(--spacing-8xl);
  }
  .lg\:at-inset-block-end-8xl {
    inset-block-end: var(--spacing-8xl);
  }
  .lg\:at-p-9xl {
    padding: var(--spacing-9xl);
  }
  .lg\:at-pt-9xl {
    padding-block-start: var(--spacing-9xl);
  }
  .lg\:at-pb-9xl {
    padding-block-end: var(--spacing-9xl);
  }
  .lg\:at-ps-9xl {
    padding-inline-start: var(--spacing-9xl);
  }
  .lg\:at-pe-9xl {
    padding-inline-end: var(--spacing-9xl);
  }
  .lg\:at-px-9xl {
    padding-inline: var(--spacing-9xl);
  }
  .lg\:at-py-9xl {
    padding-block: var(--spacing-9xl);
  }
  .lg\:at-m-9xl {
    margin: var(--spacing-9xl);
  }
  .lg\:at-mt-9xl {
    margin-block-start: var(--spacing-9xl);
  }
  .lg\:at-mb-9xl {
    margin-block-end: var(--spacing-9xl);
  }
  .lg\:at-ms-9xl {
    margin-inline-start: var(--spacing-9xl);
  }
  .lg\:at-me-9xl {
    margin-inline-end: var(--spacing-9xl);
  }
  .lg\:at-mx-9xl {
    margin-inline: var(--spacing-9xl);
  }
  .lg\:at-my-9xl {
    margin-block: var(--spacing-9xl);
  }
  .lg\:at-gap-9xl {
    gap: var(--spacing-9xl);
  }
  .lg\:at-row-gap-9xl {
    row-gap: var(--spacing-9xl);
  }
  .lg\:at-column-gap-9xl {
    column-gap: var(--spacing-9xl);
  }
  .lg\:at-inset-9xl {
    inset: var(--spacing-9xl);
  }
  .lg\:at-inset-inline-9xl {
    inset-inline: var(--spacing-9xl);
  }
  .lg\:at-inset-inline-start-9xl {
    inset-inline-start: var(--spacing-9xl);
  }
  .lg\:at-inset-inline-end-9xl {
    inset-inline-end: var(--spacing-9xl);
  }
  .lg\:at-inset-block-9xl {
    inset-block: var(--spacing-9xl);
  }
  .lg\:at-inset-block-start-9xl {
    inset-block-start: var(--spacing-9xl);
  }
  .lg\:at-inset-block-end-9xl {
    inset-block-end: var(--spacing-9xl);
  }
  .lg\:at-p-huge {
    padding: var(--spacing-huge);
  }
  .lg\:at-pt-huge {
    padding-block-start: var(--spacing-huge);
  }
  .lg\:at-pb-huge {
    padding-block-end: var(--spacing-huge);
  }
  .lg\:at-ps-huge {
    padding-inline-start: var(--spacing-huge);
  }
  .lg\:at-pe-huge {
    padding-inline-end: var(--spacing-huge);
  }
  .lg\:at-px-huge {
    padding-inline: var(--spacing-huge);
  }
  .lg\:at-py-huge {
    padding-block: var(--spacing-huge);
  }
  .lg\:at-m-huge {
    margin: var(--spacing-huge);
  }
  .lg\:at-mt-huge {
    margin-block-start: var(--spacing-huge);
  }
  .lg\:at-mb-huge {
    margin-block-end: var(--spacing-huge);
  }
  .lg\:at-ms-huge {
    margin-inline-start: var(--spacing-huge);
  }
  .lg\:at-me-huge {
    margin-inline-end: var(--spacing-huge);
  }
  .lg\:at-mx-huge {
    margin-inline: var(--spacing-huge);
  }
  .lg\:at-my-huge {
    margin-block: var(--spacing-huge);
  }
  .lg\:at-gap-huge {
    gap: var(--spacing-huge);
  }
  .lg\:at-row-gap-huge {
    row-gap: var(--spacing-huge);
  }
  .lg\:at-column-gap-huge {
    column-gap: var(--spacing-huge);
  }
  .lg\:at-inset-huge {
    inset: var(--spacing-huge);
  }
  .lg\:at-inset-inline-huge {
    inset-inline: var(--spacing-huge);
  }
  .lg\:at-inset-inline-start-huge {
    inset-inline-start: var(--spacing-huge);
  }
  .lg\:at-inset-inline-end-huge {
    inset-inline-end: var(--spacing-huge);
  }
  .lg\:at-inset-block-huge {
    inset-block: var(--spacing-huge);
  }
  .lg\:at-inset-block-start-huge {
    inset-block-start: var(--spacing-huge);
  }
  .lg\:at-inset-block-end-huge {
    inset-block-end: var(--spacing-huge);
  }
  .lg\:at-p-x-huge {
    padding: var(--spacing-x-huge);
  }
  .lg\:at-pt-x-huge {
    padding-block-start: var(--spacing-x-huge);
  }
  .lg\:at-pb-x-huge {
    padding-block-end: var(--spacing-x-huge);
  }
  .lg\:at-ps-x-huge {
    padding-inline-start: var(--spacing-x-huge);
  }
  .lg\:at-pe-x-huge {
    padding-inline-end: var(--spacing-x-huge);
  }
  .lg\:at-px-x-huge {
    padding-inline: var(--spacing-x-huge);
  }
  .lg\:at-py-x-huge {
    padding-block: var(--spacing-x-huge);
  }
  .lg\:at-m-x-huge {
    margin: var(--spacing-x-huge);
  }
  .lg\:at-mt-x-huge {
    margin-block-start: var(--spacing-x-huge);
  }
  .lg\:at-mb-x-huge {
    margin-block-end: var(--spacing-x-huge);
  }
  .lg\:at-ms-x-huge {
    margin-inline-start: var(--spacing-x-huge);
  }
  .lg\:at-me-x-huge {
    margin-inline-end: var(--spacing-x-huge);
  }
  .lg\:at-mx-x-huge {
    margin-inline: var(--spacing-x-huge);
  }
  .lg\:at-my-x-huge {
    margin-block: var(--spacing-x-huge);
  }
  .lg\:at-gap-x-huge {
    gap: var(--spacing-x-huge);
  }
  .lg\:at-row-gap-x-huge {
    row-gap: var(--spacing-x-huge);
  }
  .lg\:at-column-gap-x-huge {
    column-gap: var(--spacing-x-huge);
  }
  .lg\:at-inset-x-huge {
    inset: var(--spacing-x-huge);
  }
  .lg\:at-inset-inline-x-huge {
    inset-inline: var(--spacing-x-huge);
  }
  .lg\:at-inset-inline-start-x-huge {
    inset-inline-start: var(--spacing-x-huge);
  }
  .lg\:at-inset-inline-end-x-huge {
    inset-inline-end: var(--spacing-x-huge);
  }
  .lg\:at-inset-block-x-huge {
    inset-block: var(--spacing-x-huge);
  }
  .lg\:at-inset-block-start-x-huge {
    inset-block-start: var(--spacing-x-huge);
  }
  .lg\:at-inset-block-end-x-huge {
    inset-block-end: var(--spacing-x-huge);
  }
  .lg\:at-p-xx-huge {
    padding: var(--spacing-xx-huge);
  }
  .lg\:at-pt-xx-huge {
    padding-block-start: var(--spacing-xx-huge);
  }
  .lg\:at-pb-xx-huge {
    padding-block-end: var(--spacing-xx-huge);
  }
  .lg\:at-ps-xx-huge {
    padding-inline-start: var(--spacing-xx-huge);
  }
  .lg\:at-pe-xx-huge {
    padding-inline-end: var(--spacing-xx-huge);
  }
  .lg\:at-px-xx-huge {
    padding-inline: var(--spacing-xx-huge);
  }
  .lg\:at-py-xx-huge {
    padding-block: var(--spacing-xx-huge);
  }
  .lg\:at-m-xx-huge {
    margin: var(--spacing-xx-huge);
  }
  .lg\:at-mt-xx-huge {
    margin-block-start: var(--spacing-xx-huge);
  }
  .lg\:at-mb-xx-huge {
    margin-block-end: var(--spacing-xx-huge);
  }
  .lg\:at-ms-xx-huge {
    margin-inline-start: var(--spacing-xx-huge);
  }
  .lg\:at-me-xx-huge {
    margin-inline-end: var(--spacing-xx-huge);
  }
  .lg\:at-mx-xx-huge {
    margin-inline: var(--spacing-xx-huge);
  }
  .lg\:at-my-xx-huge {
    margin-block: var(--spacing-xx-huge);
  }
  .lg\:at-gap-xx-huge {
    gap: var(--spacing-xx-huge);
  }
  .lg\:at-row-gap-xx-huge {
    row-gap: var(--spacing-xx-huge);
  }
  .lg\:at-column-gap-xx-huge {
    column-gap: var(--spacing-xx-huge);
  }
  .lg\:at-inset-xx-huge {
    inset: var(--spacing-xx-huge);
  }
  .lg\:at-inset-inline-xx-huge {
    inset-inline: var(--spacing-xx-huge);
  }
  .lg\:at-inset-inline-start-xx-huge {
    inset-inline-start: var(--spacing-xx-huge);
  }
  .lg\:at-inset-inline-end-xx-huge {
    inset-inline-end: var(--spacing-xx-huge);
  }
  .lg\:at-inset-block-xx-huge {
    inset-block: var(--spacing-xx-huge);
  }
  .lg\:at-inset-block-start-xx-huge {
    inset-block-start: var(--spacing-xx-huge);
  }
  .lg\:at-inset-block-end-xx-huge {
    inset-block-end: var(--spacing-xx-huge);
  }
}
@media screen and (min-width: 1200px) {
  .xl\:at-p-x-sm {
    padding: var(--spacing-x-sm);
  }
  .xl\:at-pt-x-sm {
    padding-block-start: var(--spacing-x-sm);
  }
  .xl\:at-pb-x-sm {
    padding-block-end: var(--spacing-x-sm);
  }
  .xl\:at-ps-x-sm {
    padding-inline-start: var(--spacing-x-sm);
  }
  .xl\:at-pe-x-sm {
    padding-inline-end: var(--spacing-x-sm);
  }
  .xl\:at-px-x-sm {
    padding-inline: var(--spacing-x-sm);
  }
  .xl\:at-py-x-sm {
    padding-block: var(--spacing-x-sm);
  }
  .xl\:at-m-x-sm {
    margin: var(--spacing-x-sm);
  }
  .xl\:at-mt-x-sm {
    margin-block-start: var(--spacing-x-sm);
  }
  .xl\:at-mb-x-sm {
    margin-block-end: var(--spacing-x-sm);
  }
  .xl\:at-ms-x-sm {
    margin-inline-start: var(--spacing-x-sm);
  }
  .xl\:at-me-x-sm {
    margin-inline-end: var(--spacing-x-sm);
  }
  .xl\:at-mx-x-sm {
    margin-inline: var(--spacing-x-sm);
  }
  .xl\:at-my-x-sm {
    margin-block: var(--spacing-x-sm);
  }
  .xl\:at-gap-x-sm {
    gap: var(--spacing-x-sm);
  }
  .xl\:at-row-gap-x-sm {
    row-gap: var(--spacing-x-sm);
  }
  .xl\:at-column-gap-x-sm {
    column-gap: var(--spacing-x-sm);
  }
  .xl\:at-inset-x-sm {
    inset: var(--spacing-x-sm);
  }
  .xl\:at-inset-inline-x-sm {
    inset-inline: var(--spacing-x-sm);
  }
  .xl\:at-inset-inline-start-x-sm {
    inset-inline-start: var(--spacing-x-sm);
  }
  .xl\:at-inset-inline-end-x-sm {
    inset-inline-end: var(--spacing-x-sm);
  }
  .xl\:at-inset-block-x-sm {
    inset-block: var(--spacing-x-sm);
  }
  .xl\:at-inset-block-start-x-sm {
    inset-block-start: var(--spacing-x-sm);
  }
  .xl\:at-inset-block-end-x-sm {
    inset-block-end: var(--spacing-x-sm);
  }
  .xl\:at-p-sm {
    padding: var(--spacing-sm);
  }
  .xl\:at-pt-sm {
    padding-block-start: var(--spacing-sm);
  }
  .xl\:at-pb-sm {
    padding-block-end: var(--spacing-sm);
  }
  .xl\:at-ps-sm {
    padding-inline-start: var(--spacing-sm);
  }
  .xl\:at-pe-sm {
    padding-inline-end: var(--spacing-sm);
  }
  .xl\:at-px-sm {
    padding-inline: var(--spacing-sm);
  }
  .xl\:at-py-sm {
    padding-block: var(--spacing-sm);
  }
  .xl\:at-m-sm {
    margin: var(--spacing-sm);
  }
  .xl\:at-mt-sm {
    margin-block-start: var(--spacing-sm);
  }
  .xl\:at-mb-sm {
    margin-block-end: var(--spacing-sm);
  }
  .xl\:at-ms-sm {
    margin-inline-start: var(--spacing-sm);
  }
  .xl\:at-me-sm {
    margin-inline-end: var(--spacing-sm);
  }
  .xl\:at-mx-sm {
    margin-inline: var(--spacing-sm);
  }
  .xl\:at-my-sm {
    margin-block: var(--spacing-sm);
  }
  .xl\:at-gap-sm {
    gap: var(--spacing-sm);
  }
  .xl\:at-row-gap-sm {
    row-gap: var(--spacing-sm);
  }
  .xl\:at-column-gap-sm {
    column-gap: var(--spacing-sm);
  }
  .xl\:at-inset-sm {
    inset: var(--spacing-sm);
  }
  .xl\:at-inset-inline-sm {
    inset-inline: var(--spacing-sm);
  }
  .xl\:at-inset-inline-start-sm {
    inset-inline-start: var(--spacing-sm);
  }
  .xl\:at-inset-inline-end-sm {
    inset-inline-end: var(--spacing-sm);
  }
  .xl\:at-inset-block-sm {
    inset-block: var(--spacing-sm);
  }
  .xl\:at-inset-block-start-sm {
    inset-block-start: var(--spacing-sm);
  }
  .xl\:at-inset-block-end-sm {
    inset-block-end: var(--spacing-sm);
  }
  .xl\:at-p-md {
    padding: var(--spacing-md);
  }
  .xl\:at-pt-md {
    padding-block-start: var(--spacing-md);
  }
  .xl\:at-pb-md {
    padding-block-end: var(--spacing-md);
  }
  .xl\:at-ps-md {
    padding-inline-start: var(--spacing-md);
  }
  .xl\:at-pe-md {
    padding-inline-end: var(--spacing-md);
  }
  .xl\:at-px-md {
    padding-inline: var(--spacing-md);
  }
  .xl\:at-py-md {
    padding-block: var(--spacing-md);
  }
  .xl\:at-m-md {
    margin: var(--spacing-md);
  }
  .xl\:at-mt-md {
    margin-block-start: var(--spacing-md);
  }
  .xl\:at-mb-md {
    margin-block-end: var(--spacing-md);
  }
  .xl\:at-ms-md {
    margin-inline-start: var(--spacing-md);
  }
  .xl\:at-me-md {
    margin-inline-end: var(--spacing-md);
  }
  .xl\:at-mx-md {
    margin-inline: var(--spacing-md);
  }
  .xl\:at-my-md {
    margin-block: var(--spacing-md);
  }
  .xl\:at-gap-md {
    gap: var(--spacing-md);
  }
  .xl\:at-row-gap-md {
    row-gap: var(--spacing-md);
  }
  .xl\:at-column-gap-md {
    column-gap: var(--spacing-md);
  }
  .xl\:at-inset-md {
    inset: var(--spacing-md);
  }
  .xl\:at-inset-inline-md {
    inset-inline: var(--spacing-md);
  }
  .xl\:at-inset-inline-start-md {
    inset-inline-start: var(--spacing-md);
  }
  .xl\:at-inset-inline-end-md {
    inset-inline-end: var(--spacing-md);
  }
  .xl\:at-inset-block-md {
    inset-block: var(--spacing-md);
  }
  .xl\:at-inset-block-start-md {
    inset-block-start: var(--spacing-md);
  }
  .xl\:at-inset-block-end-md {
    inset-block-end: var(--spacing-md);
  }
  .xl\:at-p-lg {
    padding: var(--spacing-lg);
  }
  .xl\:at-pt-lg {
    padding-block-start: var(--spacing-lg);
  }
  .xl\:at-pb-lg {
    padding-block-end: var(--spacing-lg);
  }
  .xl\:at-ps-lg {
    padding-inline-start: var(--spacing-lg);
  }
  .xl\:at-pe-lg {
    padding-inline-end: var(--spacing-lg);
  }
  .xl\:at-px-lg {
    padding-inline: var(--spacing-lg);
  }
  .xl\:at-py-lg {
    padding-block: var(--spacing-lg);
  }
  .xl\:at-m-lg {
    margin: var(--spacing-lg);
  }
  .xl\:at-mt-lg {
    margin-block-start: var(--spacing-lg);
  }
  .xl\:at-mb-lg {
    margin-block-end: var(--spacing-lg);
  }
  .xl\:at-ms-lg {
    margin-inline-start: var(--spacing-lg);
  }
  .xl\:at-me-lg {
    margin-inline-end: var(--spacing-lg);
  }
  .xl\:at-mx-lg {
    margin-inline: var(--spacing-lg);
  }
  .xl\:at-my-lg {
    margin-block: var(--spacing-lg);
  }
  .xl\:at-gap-lg {
    gap: var(--spacing-lg);
  }
  .xl\:at-row-gap-lg {
    row-gap: var(--spacing-lg);
  }
  .xl\:at-column-gap-lg {
    column-gap: var(--spacing-lg);
  }
  .xl\:at-inset-lg {
    inset: var(--spacing-lg);
  }
  .xl\:at-inset-inline-lg {
    inset-inline: var(--spacing-lg);
  }
  .xl\:at-inset-inline-start-lg {
    inset-inline-start: var(--spacing-lg);
  }
  .xl\:at-inset-inline-end-lg {
    inset-inline-end: var(--spacing-lg);
  }
  .xl\:at-inset-block-lg {
    inset-block: var(--spacing-lg);
  }
  .xl\:at-inset-block-start-lg {
    inset-block-start: var(--spacing-lg);
  }
  .xl\:at-inset-block-end-lg {
    inset-block-end: var(--spacing-lg);
  }
  .xl\:at-p-xl {
    padding: var(--spacing-xl);
  }
  .xl\:at-pt-xl {
    padding-block-start: var(--spacing-xl);
  }
  .xl\:at-pb-xl {
    padding-block-end: var(--spacing-xl);
  }
  .xl\:at-ps-xl {
    padding-inline-start: var(--spacing-xl);
  }
  .xl\:at-pe-xl {
    padding-inline-end: var(--spacing-xl);
  }
  .xl\:at-px-xl {
    padding-inline: var(--spacing-xl);
  }
  .xl\:at-py-xl {
    padding-block: var(--spacing-xl);
  }
  .xl\:at-m-xl {
    margin: var(--spacing-xl);
  }
  .xl\:at-mt-xl {
    margin-block-start: var(--spacing-xl);
  }
  .xl\:at-mb-xl {
    margin-block-end: var(--spacing-xl);
  }
  .xl\:at-ms-xl {
    margin-inline-start: var(--spacing-xl);
  }
  .xl\:at-me-xl {
    margin-inline-end: var(--spacing-xl);
  }
  .xl\:at-mx-xl {
    margin-inline: var(--spacing-xl);
  }
  .xl\:at-my-xl {
    margin-block: var(--spacing-xl);
  }
  .xl\:at-gap-xl {
    gap: var(--spacing-xl);
  }
  .xl\:at-row-gap-xl {
    row-gap: var(--spacing-xl);
  }
  .xl\:at-column-gap-xl {
    column-gap: var(--spacing-xl);
  }
  .xl\:at-inset-xl {
    inset: var(--spacing-xl);
  }
  .xl\:at-inset-inline-xl {
    inset-inline: var(--spacing-xl);
  }
  .xl\:at-inset-inline-start-xl {
    inset-inline-start: var(--spacing-xl);
  }
  .xl\:at-inset-inline-end-xl {
    inset-inline-end: var(--spacing-xl);
  }
  .xl\:at-inset-block-xl {
    inset-block: var(--spacing-xl);
  }
  .xl\:at-inset-block-start-xl {
    inset-block-start: var(--spacing-xl);
  }
  .xl\:at-inset-block-end-xl {
    inset-block-end: var(--spacing-xl);
  }
  .xl\:at-p-2xl {
    padding: var(--spacing-2xl);
  }
  .xl\:at-pt-2xl {
    padding-block-start: var(--spacing-2xl);
  }
  .xl\:at-pb-2xl {
    padding-block-end: var(--spacing-2xl);
  }
  .xl\:at-ps-2xl {
    padding-inline-start: var(--spacing-2xl);
  }
  .xl\:at-pe-2xl {
    padding-inline-end: var(--spacing-2xl);
  }
  .xl\:at-px-2xl {
    padding-inline: var(--spacing-2xl);
  }
  .xl\:at-py-2xl {
    padding-block: var(--spacing-2xl);
  }
  .xl\:at-m-2xl {
    margin: var(--spacing-2xl);
  }
  .xl\:at-mt-2xl {
    margin-block-start: var(--spacing-2xl);
  }
  .xl\:at-mb-2xl {
    margin-block-end: var(--spacing-2xl);
  }
  .xl\:at-ms-2xl {
    margin-inline-start: var(--spacing-2xl);
  }
  .xl\:at-me-2xl {
    margin-inline-end: var(--spacing-2xl);
  }
  .xl\:at-mx-2xl {
    margin-inline: var(--spacing-2xl);
  }
  .xl\:at-my-2xl {
    margin-block: var(--spacing-2xl);
  }
  .xl\:at-gap-2xl {
    gap: var(--spacing-2xl);
  }
  .xl\:at-row-gap-2xl {
    row-gap: var(--spacing-2xl);
  }
  .xl\:at-column-gap-2xl {
    column-gap: var(--spacing-2xl);
  }
  .xl\:at-inset-2xl {
    inset: var(--spacing-2xl);
  }
  .xl\:at-inset-inline-2xl {
    inset-inline: var(--spacing-2xl);
  }
  .xl\:at-inset-inline-start-2xl {
    inset-inline-start: var(--spacing-2xl);
  }
  .xl\:at-inset-inline-end-2xl {
    inset-inline-end: var(--spacing-2xl);
  }
  .xl\:at-inset-block-2xl {
    inset-block: var(--spacing-2xl);
  }
  .xl\:at-inset-block-start-2xl {
    inset-block-start: var(--spacing-2xl);
  }
  .xl\:at-inset-block-end-2xl {
    inset-block-end: var(--spacing-2xl);
  }
  .xl\:at-p-3xl {
    padding: var(--spacing-3xl);
  }
  .xl\:at-pt-3xl {
    padding-block-start: var(--spacing-3xl);
  }
  .xl\:at-pb-3xl {
    padding-block-end: var(--spacing-3xl);
  }
  .xl\:at-ps-3xl {
    padding-inline-start: var(--spacing-3xl);
  }
  .xl\:at-pe-3xl {
    padding-inline-end: var(--spacing-3xl);
  }
  .xl\:at-px-3xl {
    padding-inline: var(--spacing-3xl);
  }
  .xl\:at-py-3xl {
    padding-block: var(--spacing-3xl);
  }
  .xl\:at-m-3xl {
    margin: var(--spacing-3xl);
  }
  .xl\:at-mt-3xl {
    margin-block-start: var(--spacing-3xl);
  }
  .xl\:at-mb-3xl {
    margin-block-end: var(--spacing-3xl);
  }
  .xl\:at-ms-3xl {
    margin-inline-start: var(--spacing-3xl);
  }
  .xl\:at-me-3xl {
    margin-inline-end: var(--spacing-3xl);
  }
  .xl\:at-mx-3xl {
    margin-inline: var(--spacing-3xl);
  }
  .xl\:at-my-3xl {
    margin-block: var(--spacing-3xl);
  }
  .xl\:at-gap-3xl {
    gap: var(--spacing-3xl);
  }
  .xl\:at-row-gap-3xl {
    row-gap: var(--spacing-3xl);
  }
  .xl\:at-column-gap-3xl {
    column-gap: var(--spacing-3xl);
  }
  .xl\:at-inset-3xl {
    inset: var(--spacing-3xl);
  }
  .xl\:at-inset-inline-3xl {
    inset-inline: var(--spacing-3xl);
  }
  .xl\:at-inset-inline-start-3xl {
    inset-inline-start: var(--spacing-3xl);
  }
  .xl\:at-inset-inline-end-3xl {
    inset-inline-end: var(--spacing-3xl);
  }
  .xl\:at-inset-block-3xl {
    inset-block: var(--spacing-3xl);
  }
  .xl\:at-inset-block-start-3xl {
    inset-block-start: var(--spacing-3xl);
  }
  .xl\:at-inset-block-end-3xl {
    inset-block-end: var(--spacing-3xl);
  }
  .xl\:at-p-4xl {
    padding: var(--spacing-4xl);
  }
  .xl\:at-pt-4xl {
    padding-block-start: var(--spacing-4xl);
  }
  .xl\:at-pb-4xl {
    padding-block-end: var(--spacing-4xl);
  }
  .xl\:at-ps-4xl {
    padding-inline-start: var(--spacing-4xl);
  }
  .xl\:at-pe-4xl {
    padding-inline-end: var(--spacing-4xl);
  }
  .xl\:at-px-4xl {
    padding-inline: var(--spacing-4xl);
  }
  .xl\:at-py-4xl {
    padding-block: var(--spacing-4xl);
  }
  .xl\:at-m-4xl {
    margin: var(--spacing-4xl);
  }
  .xl\:at-mt-4xl {
    margin-block-start: var(--spacing-4xl);
  }
  .xl\:at-mb-4xl {
    margin-block-end: var(--spacing-4xl);
  }
  .xl\:at-ms-4xl {
    margin-inline-start: var(--spacing-4xl);
  }
  .xl\:at-me-4xl {
    margin-inline-end: var(--spacing-4xl);
  }
  .xl\:at-mx-4xl {
    margin-inline: var(--spacing-4xl);
  }
  .xl\:at-my-4xl {
    margin-block: var(--spacing-4xl);
  }
  .xl\:at-gap-4xl {
    gap: var(--spacing-4xl);
  }
  .xl\:at-row-gap-4xl {
    row-gap: var(--spacing-4xl);
  }
  .xl\:at-column-gap-4xl {
    column-gap: var(--spacing-4xl);
  }
  .xl\:at-inset-4xl {
    inset: var(--spacing-4xl);
  }
  .xl\:at-inset-inline-4xl {
    inset-inline: var(--spacing-4xl);
  }
  .xl\:at-inset-inline-start-4xl {
    inset-inline-start: var(--spacing-4xl);
  }
  .xl\:at-inset-inline-end-4xl {
    inset-inline-end: var(--spacing-4xl);
  }
  .xl\:at-inset-block-4xl {
    inset-block: var(--spacing-4xl);
  }
  .xl\:at-inset-block-start-4xl {
    inset-block-start: var(--spacing-4xl);
  }
  .xl\:at-inset-block-end-4xl {
    inset-block-end: var(--spacing-4xl);
  }
  .xl\:at-p-5xl {
    padding: var(--spacing-5xl);
  }
  .xl\:at-pt-5xl {
    padding-block-start: var(--spacing-5xl);
  }
  .xl\:at-pb-5xl {
    padding-block-end: var(--spacing-5xl);
  }
  .xl\:at-ps-5xl {
    padding-inline-start: var(--spacing-5xl);
  }
  .xl\:at-pe-5xl {
    padding-inline-end: var(--spacing-5xl);
  }
  .xl\:at-px-5xl {
    padding-inline: var(--spacing-5xl);
  }
  .xl\:at-py-5xl {
    padding-block: var(--spacing-5xl);
  }
  .xl\:at-m-5xl {
    margin: var(--spacing-5xl);
  }
  .xl\:at-mt-5xl {
    margin-block-start: var(--spacing-5xl);
  }
  .xl\:at-mb-5xl {
    margin-block-end: var(--spacing-5xl);
  }
  .xl\:at-ms-5xl {
    margin-inline-start: var(--spacing-5xl);
  }
  .xl\:at-me-5xl {
    margin-inline-end: var(--spacing-5xl);
  }
  .xl\:at-mx-5xl {
    margin-inline: var(--spacing-5xl);
  }
  .xl\:at-my-5xl {
    margin-block: var(--spacing-5xl);
  }
  .xl\:at-gap-5xl {
    gap: var(--spacing-5xl);
  }
  .xl\:at-row-gap-5xl {
    row-gap: var(--spacing-5xl);
  }
  .xl\:at-column-gap-5xl {
    column-gap: var(--spacing-5xl);
  }
  .xl\:at-inset-5xl {
    inset: var(--spacing-5xl);
  }
  .xl\:at-inset-inline-5xl {
    inset-inline: var(--spacing-5xl);
  }
  .xl\:at-inset-inline-start-5xl {
    inset-inline-start: var(--spacing-5xl);
  }
  .xl\:at-inset-inline-end-5xl {
    inset-inline-end: var(--spacing-5xl);
  }
  .xl\:at-inset-block-5xl {
    inset-block: var(--spacing-5xl);
  }
  .xl\:at-inset-block-start-5xl {
    inset-block-start: var(--spacing-5xl);
  }
  .xl\:at-inset-block-end-5xl {
    inset-block-end: var(--spacing-5xl);
  }
  .xl\:at-p-6xl {
    padding: var(--spacing-6xl);
  }
  .xl\:at-pt-6xl {
    padding-block-start: var(--spacing-6xl);
  }
  .xl\:at-pb-6xl {
    padding-block-end: var(--spacing-6xl);
  }
  .xl\:at-ps-6xl {
    padding-inline-start: var(--spacing-6xl);
  }
  .xl\:at-pe-6xl {
    padding-inline-end: var(--spacing-6xl);
  }
  .xl\:at-px-6xl {
    padding-inline: var(--spacing-6xl);
  }
  .xl\:at-py-6xl {
    padding-block: var(--spacing-6xl);
  }
  .xl\:at-m-6xl {
    margin: var(--spacing-6xl);
  }
  .xl\:at-mt-6xl {
    margin-block-start: var(--spacing-6xl);
  }
  .xl\:at-mb-6xl {
    margin-block-end: var(--spacing-6xl);
  }
  .xl\:at-ms-6xl {
    margin-inline-start: var(--spacing-6xl);
  }
  .xl\:at-me-6xl {
    margin-inline-end: var(--spacing-6xl);
  }
  .xl\:at-mx-6xl {
    margin-inline: var(--spacing-6xl);
  }
  .xl\:at-my-6xl {
    margin-block: var(--spacing-6xl);
  }
  .xl\:at-gap-6xl {
    gap: var(--spacing-6xl);
  }
  .xl\:at-row-gap-6xl {
    row-gap: var(--spacing-6xl);
  }
  .xl\:at-column-gap-6xl {
    column-gap: var(--spacing-6xl);
  }
  .xl\:at-inset-6xl {
    inset: var(--spacing-6xl);
  }
  .xl\:at-inset-inline-6xl {
    inset-inline: var(--spacing-6xl);
  }
  .xl\:at-inset-inline-start-6xl {
    inset-inline-start: var(--spacing-6xl);
  }
  .xl\:at-inset-inline-end-6xl {
    inset-inline-end: var(--spacing-6xl);
  }
  .xl\:at-inset-block-6xl {
    inset-block: var(--spacing-6xl);
  }
  .xl\:at-inset-block-start-6xl {
    inset-block-start: var(--spacing-6xl);
  }
  .xl\:at-inset-block-end-6xl {
    inset-block-end: var(--spacing-6xl);
  }
  .xl\:at-p-7xl {
    padding: var(--spacing-7xl);
  }
  .xl\:at-pt-7xl {
    padding-block-start: var(--spacing-7xl);
  }
  .xl\:at-pb-7xl {
    padding-block-end: var(--spacing-7xl);
  }
  .xl\:at-ps-7xl {
    padding-inline-start: var(--spacing-7xl);
  }
  .xl\:at-pe-7xl {
    padding-inline-end: var(--spacing-7xl);
  }
  .xl\:at-px-7xl {
    padding-inline: var(--spacing-7xl);
  }
  .xl\:at-py-7xl {
    padding-block: var(--spacing-7xl);
  }
  .xl\:at-m-7xl {
    margin: var(--spacing-7xl);
  }
  .xl\:at-mt-7xl {
    margin-block-start: var(--spacing-7xl);
  }
  .xl\:at-mb-7xl {
    margin-block-end: var(--spacing-7xl);
  }
  .xl\:at-ms-7xl {
    margin-inline-start: var(--spacing-7xl);
  }
  .xl\:at-me-7xl {
    margin-inline-end: var(--spacing-7xl);
  }
  .xl\:at-mx-7xl {
    margin-inline: var(--spacing-7xl);
  }
  .xl\:at-my-7xl {
    margin-block: var(--spacing-7xl);
  }
  .xl\:at-gap-7xl {
    gap: var(--spacing-7xl);
  }
  .xl\:at-row-gap-7xl {
    row-gap: var(--spacing-7xl);
  }
  .xl\:at-column-gap-7xl {
    column-gap: var(--spacing-7xl);
  }
  .xl\:at-inset-7xl {
    inset: var(--spacing-7xl);
  }
  .xl\:at-inset-inline-7xl {
    inset-inline: var(--spacing-7xl);
  }
  .xl\:at-inset-inline-start-7xl {
    inset-inline-start: var(--spacing-7xl);
  }
  .xl\:at-inset-inline-end-7xl {
    inset-inline-end: var(--spacing-7xl);
  }
  .xl\:at-inset-block-7xl {
    inset-block: var(--spacing-7xl);
  }
  .xl\:at-inset-block-start-7xl {
    inset-block-start: var(--spacing-7xl);
  }
  .xl\:at-inset-block-end-7xl {
    inset-block-end: var(--spacing-7xl);
  }
  .xl\:at-p-8xl {
    padding: var(--spacing-8xl);
  }
  .xl\:at-pt-8xl {
    padding-block-start: var(--spacing-8xl);
  }
  .xl\:at-pb-8xl {
    padding-block-end: var(--spacing-8xl);
  }
  .xl\:at-ps-8xl {
    padding-inline-start: var(--spacing-8xl);
  }
  .xl\:at-pe-8xl {
    padding-inline-end: var(--spacing-8xl);
  }
  .xl\:at-px-8xl {
    padding-inline: var(--spacing-8xl);
  }
  .xl\:at-py-8xl {
    padding-block: var(--spacing-8xl);
  }
  .xl\:at-m-8xl {
    margin: var(--spacing-8xl);
  }
  .xl\:at-mt-8xl {
    margin-block-start: var(--spacing-8xl);
  }
  .xl\:at-mb-8xl {
    margin-block-end: var(--spacing-8xl);
  }
  .xl\:at-ms-8xl {
    margin-inline-start: var(--spacing-8xl);
  }
  .xl\:at-me-8xl {
    margin-inline-end: var(--spacing-8xl);
  }
  .xl\:at-mx-8xl {
    margin-inline: var(--spacing-8xl);
  }
  .xl\:at-my-8xl {
    margin-block: var(--spacing-8xl);
  }
  .xl\:at-gap-8xl {
    gap: var(--spacing-8xl);
  }
  .xl\:at-row-gap-8xl {
    row-gap: var(--spacing-8xl);
  }
  .xl\:at-column-gap-8xl {
    column-gap: var(--spacing-8xl);
  }
  .xl\:at-inset-8xl {
    inset: var(--spacing-8xl);
  }
  .xl\:at-inset-inline-8xl {
    inset-inline: var(--spacing-8xl);
  }
  .xl\:at-inset-inline-start-8xl {
    inset-inline-start: var(--spacing-8xl);
  }
  .xl\:at-inset-inline-end-8xl {
    inset-inline-end: var(--spacing-8xl);
  }
  .xl\:at-inset-block-8xl {
    inset-block: var(--spacing-8xl);
  }
  .xl\:at-inset-block-start-8xl {
    inset-block-start: var(--spacing-8xl);
  }
  .xl\:at-inset-block-end-8xl {
    inset-block-end: var(--spacing-8xl);
  }
  .xl\:at-p-9xl {
    padding: var(--spacing-9xl);
  }
  .xl\:at-pt-9xl {
    padding-block-start: var(--spacing-9xl);
  }
  .xl\:at-pb-9xl {
    padding-block-end: var(--spacing-9xl);
  }
  .xl\:at-ps-9xl {
    padding-inline-start: var(--spacing-9xl);
  }
  .xl\:at-pe-9xl {
    padding-inline-end: var(--spacing-9xl);
  }
  .xl\:at-px-9xl {
    padding-inline: var(--spacing-9xl);
  }
  .xl\:at-py-9xl {
    padding-block: var(--spacing-9xl);
  }
  .xl\:at-m-9xl {
    margin: var(--spacing-9xl);
  }
  .xl\:at-mt-9xl {
    margin-block-start: var(--spacing-9xl);
  }
  .xl\:at-mb-9xl {
    margin-block-end: var(--spacing-9xl);
  }
  .xl\:at-ms-9xl {
    margin-inline-start: var(--spacing-9xl);
  }
  .xl\:at-me-9xl {
    margin-inline-end: var(--spacing-9xl);
  }
  .xl\:at-mx-9xl {
    margin-inline: var(--spacing-9xl);
  }
  .xl\:at-my-9xl {
    margin-block: var(--spacing-9xl);
  }
  .xl\:at-gap-9xl {
    gap: var(--spacing-9xl);
  }
  .xl\:at-row-gap-9xl {
    row-gap: var(--spacing-9xl);
  }
  .xl\:at-column-gap-9xl {
    column-gap: var(--spacing-9xl);
  }
  .xl\:at-inset-9xl {
    inset: var(--spacing-9xl);
  }
  .xl\:at-inset-inline-9xl {
    inset-inline: var(--spacing-9xl);
  }
  .xl\:at-inset-inline-start-9xl {
    inset-inline-start: var(--spacing-9xl);
  }
  .xl\:at-inset-inline-end-9xl {
    inset-inline-end: var(--spacing-9xl);
  }
  .xl\:at-inset-block-9xl {
    inset-block: var(--spacing-9xl);
  }
  .xl\:at-inset-block-start-9xl {
    inset-block-start: var(--spacing-9xl);
  }
  .xl\:at-inset-block-end-9xl {
    inset-block-end: var(--spacing-9xl);
  }
  .xl\:at-p-huge {
    padding: var(--spacing-huge);
  }
  .xl\:at-pt-huge {
    padding-block-start: var(--spacing-huge);
  }
  .xl\:at-pb-huge {
    padding-block-end: var(--spacing-huge);
  }
  .xl\:at-ps-huge {
    padding-inline-start: var(--spacing-huge);
  }
  .xl\:at-pe-huge {
    padding-inline-end: var(--spacing-huge);
  }
  .xl\:at-px-huge {
    padding-inline: var(--spacing-huge);
  }
  .xl\:at-py-huge {
    padding-block: var(--spacing-huge);
  }
  .xl\:at-m-huge {
    margin: var(--spacing-huge);
  }
  .xl\:at-mt-huge {
    margin-block-start: var(--spacing-huge);
  }
  .xl\:at-mb-huge {
    margin-block-end: var(--spacing-huge);
  }
  .xl\:at-ms-huge {
    margin-inline-start: var(--spacing-huge);
  }
  .xl\:at-me-huge {
    margin-inline-end: var(--spacing-huge);
  }
  .xl\:at-mx-huge {
    margin-inline: var(--spacing-huge);
  }
  .xl\:at-my-huge {
    margin-block: var(--spacing-huge);
  }
  .xl\:at-gap-huge {
    gap: var(--spacing-huge);
  }
  .xl\:at-row-gap-huge {
    row-gap: var(--spacing-huge);
  }
  .xl\:at-column-gap-huge {
    column-gap: var(--spacing-huge);
  }
  .xl\:at-inset-huge {
    inset: var(--spacing-huge);
  }
  .xl\:at-inset-inline-huge {
    inset-inline: var(--spacing-huge);
  }
  .xl\:at-inset-inline-start-huge {
    inset-inline-start: var(--spacing-huge);
  }
  .xl\:at-inset-inline-end-huge {
    inset-inline-end: var(--spacing-huge);
  }
  .xl\:at-inset-block-huge {
    inset-block: var(--spacing-huge);
  }
  .xl\:at-inset-block-start-huge {
    inset-block-start: var(--spacing-huge);
  }
  .xl\:at-inset-block-end-huge {
    inset-block-end: var(--spacing-huge);
  }
  .xl\:at-p-x-huge {
    padding: var(--spacing-x-huge);
  }
  .xl\:at-pt-x-huge {
    padding-block-start: var(--spacing-x-huge);
  }
  .xl\:at-pb-x-huge {
    padding-block-end: var(--spacing-x-huge);
  }
  .xl\:at-ps-x-huge {
    padding-inline-start: var(--spacing-x-huge);
  }
  .xl\:at-pe-x-huge {
    padding-inline-end: var(--spacing-x-huge);
  }
  .xl\:at-px-x-huge {
    padding-inline: var(--spacing-x-huge);
  }
  .xl\:at-py-x-huge {
    padding-block: var(--spacing-x-huge);
  }
  .xl\:at-m-x-huge {
    margin: var(--spacing-x-huge);
  }
  .xl\:at-mt-x-huge {
    margin-block-start: var(--spacing-x-huge);
  }
  .xl\:at-mb-x-huge {
    margin-block-end: var(--spacing-x-huge);
  }
  .xl\:at-ms-x-huge {
    margin-inline-start: var(--spacing-x-huge);
  }
  .xl\:at-me-x-huge {
    margin-inline-end: var(--spacing-x-huge);
  }
  .xl\:at-mx-x-huge {
    margin-inline: var(--spacing-x-huge);
  }
  .xl\:at-my-x-huge {
    margin-block: var(--spacing-x-huge);
  }
  .xl\:at-gap-x-huge {
    gap: var(--spacing-x-huge);
  }
  .xl\:at-row-gap-x-huge {
    row-gap: var(--spacing-x-huge);
  }
  .xl\:at-column-gap-x-huge {
    column-gap: var(--spacing-x-huge);
  }
  .xl\:at-inset-x-huge {
    inset: var(--spacing-x-huge);
  }
  .xl\:at-inset-inline-x-huge {
    inset-inline: var(--spacing-x-huge);
  }
  .xl\:at-inset-inline-start-x-huge {
    inset-inline-start: var(--spacing-x-huge);
  }
  .xl\:at-inset-inline-end-x-huge {
    inset-inline-end: var(--spacing-x-huge);
  }
  .xl\:at-inset-block-x-huge {
    inset-block: var(--spacing-x-huge);
  }
  .xl\:at-inset-block-start-x-huge {
    inset-block-start: var(--spacing-x-huge);
  }
  .xl\:at-inset-block-end-x-huge {
    inset-block-end: var(--spacing-x-huge);
  }
  .xl\:at-p-xx-huge {
    padding: var(--spacing-xx-huge);
  }
  .xl\:at-pt-xx-huge {
    padding-block-start: var(--spacing-xx-huge);
  }
  .xl\:at-pb-xx-huge {
    padding-block-end: var(--spacing-xx-huge);
  }
  .xl\:at-ps-xx-huge {
    padding-inline-start: var(--spacing-xx-huge);
  }
  .xl\:at-pe-xx-huge {
    padding-inline-end: var(--spacing-xx-huge);
  }
  .xl\:at-px-xx-huge {
    padding-inline: var(--spacing-xx-huge);
  }
  .xl\:at-py-xx-huge {
    padding-block: var(--spacing-xx-huge);
  }
  .xl\:at-m-xx-huge {
    margin: var(--spacing-xx-huge);
  }
  .xl\:at-mt-xx-huge {
    margin-block-start: var(--spacing-xx-huge);
  }
  .xl\:at-mb-xx-huge {
    margin-block-end: var(--spacing-xx-huge);
  }
  .xl\:at-ms-xx-huge {
    margin-inline-start: var(--spacing-xx-huge);
  }
  .xl\:at-me-xx-huge {
    margin-inline-end: var(--spacing-xx-huge);
  }
  .xl\:at-mx-xx-huge {
    margin-inline: var(--spacing-xx-huge);
  }
  .xl\:at-my-xx-huge {
    margin-block: var(--spacing-xx-huge);
  }
  .xl\:at-gap-xx-huge {
    gap: var(--spacing-xx-huge);
  }
  .xl\:at-row-gap-xx-huge {
    row-gap: var(--spacing-xx-huge);
  }
  .xl\:at-column-gap-xx-huge {
    column-gap: var(--spacing-xx-huge);
  }
  .xl\:at-inset-xx-huge {
    inset: var(--spacing-xx-huge);
  }
  .xl\:at-inset-inline-xx-huge {
    inset-inline: var(--spacing-xx-huge);
  }
  .xl\:at-inset-inline-start-xx-huge {
    inset-inline-start: var(--spacing-xx-huge);
  }
  .xl\:at-inset-inline-end-xx-huge {
    inset-inline-end: var(--spacing-xx-huge);
  }
  .xl\:at-inset-block-xx-huge {
    inset-block: var(--spacing-xx-huge);
  }
  .xl\:at-inset-block-start-xx-huge {
    inset-block-start: var(--spacing-xx-huge);
  }
  .xl\:at-inset-block-end-xx-huge {
    inset-block-end: var(--spacing-xx-huge);
  }
}
.at-shadow-xs {
  box-shadow: var(--shadow-x-small);
}
.at-shadow-sm {
  box-shadow: var(--shadow-small);
}
.at-shadow-md {
  box-shadow: var(--shadow-medium);
}
.at-shadow-lg {
  box-shadow: var(--shadow-large);
}
.at-shadow-xl {
  box-shadow: var(--shadow-x-large);
}
.at-shadow-xxl {
  box-shadow: var(--shadow-xx-large);
}
.at-border {
  border: 1px solid;
}
.at-border-top {
  border-top: 1px solid;
}
.at-border-bottom {
  border-bottom: 1px solid;
}
.at-border-inline-start {
  border-inline-start: 1px solid;
}
.at-border-inline-end {
  border-inline-end: 1px solid;
}
.at-border-none {
  border: none !important;
}
.at-rounded-pill {
  border-radius: 50rem;
}
.at-rounded-circle {
  border-radius: 50%;
}
.at-radius-x-sm {
  border-radius: var(--radius-x-sm);
}
.at-radius-sm {
  border-radius: var(--radius-sm);
}
.at-radius-md {
  border-radius: var(--radius-md);
}
.at-radius-lg {
  border-radius: var(--radius-lg);
}
.at-radius-xl {
  border-radius: var(--radius-x-lg);
}
.at-radius-xxl {
  border-radius: var(--radius-xx-lg);
}
.at-radius-xxxl {
  border-radius: var(--radius-xxx-lg);
}
.at-bg-neutral-50 {
  background-color: var(--color-neutral-50);
}
.at-bg-primary-50 {
  background-color: var(--color-primary-50);
}
.at-bg-supplier-50 {
  background-color: var(--color-supplier-50);
}
.at-bg-buyer-50 {
  background-color: var(--color-buyer-50);
}
.at-bg-success-50 {
  background-color: var(--color-success-50);
}
.at-bg-warning-50 {
  background-color: var(--color-warning-50);
}
.at-bg-destructive-50 {
  background-color: var(--color-destructive-50);
}
.at-bg-neutral-100 {
  background-color: var(--color-neutral-100);
}
.at-bg-primary-100 {
  background-color: var(--color-primary-100);
}
.at-bg-supplier-100 {
  background-color: var(--color-supplier-100);
}
.at-bg-buyer-100 {
  background-color: var(--color-buyer-100);
}
.at-bg-success-100 {
  background-color: var(--color-success-100);
}
.at-bg-warning-100 {
  background-color: var(--color-warning-100);
}
.at-bg-destructive-100 {
  background-color: var(--color-destructive-100);
}
.at-bg-neutral-200 {
  background-color: var(--color-neutral-200);
}
.at-bg-primary-200 {
  background-color: var(--color-primary-200);
}
.at-bg-supplier-200 {
  background-color: var(--color-supplier-200);
}
.at-bg-buyer-200 {
  background-color: var(--color-buyer-200);
}
.at-bg-success-200 {
  background-color: var(--color-success-200);
}
.at-bg-warning-200 {
  background-color: var(--color-warning-200);
}
.at-bg-destructive-200 {
  background-color: var(--color-destructive-200);
}
.at-bg-neutral-300 {
  background-color: var(--color-neutral-300);
}
.at-bg-primary-300 {
  background-color: var(--color-primary-300);
}
.at-bg-supplier-300 {
  background-color: var(--color-supplier-300);
}
.at-bg-buyer-300 {
  background-color: var(--color-buyer-300);
}
.at-bg-success-300 {
  background-color: var(--color-success-300);
}
.at-bg-warning-300 {
  background-color: var(--color-warning-300);
}
.at-bg-destructive-300 {
  background-color: var(--color-destructive-300);
}
.at-bg-neutral-400 {
  background-color: var(--color-neutral-400);
}
.at-bg-primary-400 {
  background-color: var(--color-primary-400);
}
.at-bg-supplier-400 {
  background-color: var(--color-supplier-400);
}
.at-bg-buyer-400 {
  background-color: var(--color-buyer-400);
}
.at-bg-success-400 {
  background-color: var(--color-success-400);
}
.at-bg-warning-400 {
  background-color: var(--color-warning-400);
}
.at-bg-destructive-400 {
  background-color: var(--color-destructive-400);
}
.at-bg-neutral-500 {
  background-color: var(--color-neutral-500);
}
.at-bg-primary-500 {
  background-color: var(--color-primary-500);
}
.at-bg-supplier-500 {
  background-color: var(--color-supplier-500);
}
.at-bg-buyer-500 {
  background-color: var(--color-buyer-500);
}
.at-bg-success-500 {
  background-color: var(--color-success-500);
}
.at-bg-warning-500 {
  background-color: var(--color-warning-500);
}
.at-bg-destructive-500 {
  background-color: var(--color-destructive-500);
}
.at-bg-neutral-600 {
  background-color: var(--color-neutral-600);
}
.at-bg-primary-600 {
  background-color: var(--color-primary-600);
}
.at-bg-supplier-600 {
  background-color: var(--color-supplier-600);
}
.at-bg-buyer-600 {
  background-color: var(--color-buyer-600);
}
.at-bg-success-600 {
  background-color: var(--color-success-600);
}
.at-bg-warning-600 {
  background-color: var(--color-warning-600);
}
.at-bg-destructive-600 {
  background-color: var(--color-destructive-600);
}
.at-bg-neutral-700 {
  background-color: var(--color-neutral-700);
}
.at-bg-primary-700 {
  background-color: var(--color-primary-700);
}
.at-bg-supplier-700 {
  background-color: var(--color-supplier-700);
}
.at-bg-buyer-700 {
  background-color: var(--color-buyer-700);
}
.at-bg-success-700 {
  background-color: var(--color-success-700);
}
.at-bg-warning-700 {
  background-color: var(--color-warning-700);
}
.at-bg-destructive-700 {
  background-color: var(--color-destructive-700);
}
.at-bg-neutral-800 {
  background-color: var(--color-neutral-800);
}
.at-bg-primary-800 {
  background-color: var(--color-primary-800);
}
.at-bg-supplier-800 {
  background-color: var(--color-supplier-800);
}
.at-bg-buyer-800 {
  background-color: var(--color-buyer-800);
}
.at-bg-success-800 {
  background-color: var(--color-success-800);
}
.at-bg-warning-800 {
  background-color: var(--color-warning-800);
}
.at-bg-destructive-800 {
  background-color: var(--color-destructive-800);
}
.at-bg-white {
  background-color: var(--color-shade-white);
}
.at-bg-black {
  background-color: var(--color-shade-black);
}
.at-bg-transparent {
  background-color: transparent;
}
.at-border-neutral-50 {
  border-color: var(--color-neutral-50);
}
.at-border-primary-50 {
  border-color: var(--color-primary-50);
}
.at-border-success-50 {
  border-color: var(--color-success-50);
}
.at-border-supplier-50 {
  border-color: var(--color-supplier-50);
}
.at-border-buyer-50 {
  border-color: var(--color-buyer-50);
}
.at-border-warning-50 {
  border-color: var(--color-warning-50);
}
.at-border-destructive-50 {
  border-color: var(--color-destructive-50);
}
.at-border-neutral-100 {
  border-color: var(--color-neutral-100);
}
.at-border-primary-100 {
  border-color: var(--color-primary-100);
}
.at-border-success-100 {
  border-color: var(--color-success-100);
}
.at-border-supplier-100 {
  border-color: var(--color-supplier-100);
}
.at-border-buyer-100 {
  border-color: var(--color-buyer-100);
}
.at-border-warning-100 {
  border-color: var(--color-warning-100);
}
.at-border-destructive-100 {
  border-color: var(--color-destructive-100);
}
.at-border-neutral-200 {
  border-color: var(--color-neutral-200);
}
.at-border-primary-200 {
  border-color: var(--color-primary-200);
}
.at-border-success-200 {
  border-color: var(--color-success-200);
}
.at-border-supplier-200 {
  border-color: var(--color-supplier-200);
}
.at-border-buyer-200 {
  border-color: var(--color-buyer-200);
}
.at-border-warning-200 {
  border-color: var(--color-warning-200);
}
.at-border-destructive-200 {
  border-color: var(--color-destructive-200);
}
.at-border-neutral-300 {
  border-color: var(--color-neutral-300);
}
.at-border-primary-300 {
  border-color: var(--color-primary-300);
}
.at-border-success-300 {
  border-color: var(--color-success-300);
}
.at-border-supplier-300 {
  border-color: var(--color-supplier-300);
}
.at-border-buyer-300 {
  border-color: var(--color-buyer-300);
}
.at-border-warning-300 {
  border-color: var(--color-warning-300);
}
.at-border-destructive-300 {
  border-color: var(--color-destructive-300);
}
.at-border-neutral-400 {
  border-color: var(--color-neutral-400);
}
.at-border-primary-400 {
  border-color: var(--color-primary-400);
}
.at-border-success-400 {
  border-color: var(--color-success-400);
}
.at-border-supplier-400 {
  border-color: var(--color-supplier-400);
}
.at-border-buyer-400 {
  border-color: var(--color-buyer-400);
}
.at-border-warning-400 {
  border-color: var(--color-warning-400);
}
.at-border-destructive-400 {
  border-color: var(--color-destructive-400);
}
.at-border-neutral-500 {
  border-color: var(--color-neutral-500);
}
.at-border-primary-500 {
  border-color: var(--color-primary-500);
}
.at-border-success-500 {
  border-color: var(--color-success-500);
}
.at-border-supplier-500 {
  border-color: var(--color-supplier-500);
}
.at-border-buyer-500 {
  border-color: var(--color-buyer-500);
}
.at-border-warning-500 {
  border-color: var(--color-warning-500);
}
.at-border-destructive-500 {
  border-color: var(--color-destructive-500);
}
.at-border-neutral-600 {
  border-color: var(--color-neutral-600);
}
.at-border-primary-600 {
  border-color: var(--color-primary-600);
}
.at-border-success-600 {
  border-color: var(--color-success-600);
}
.at-border-supplier-600 {
  border-color: var(--color-supplier-600);
}
.at-border-buyer-600 {
  border-color: var(--color-buyer-600);
}
.at-border-warning-600 {
  border-color: var(--color-warning-600);
}
.at-border-destructive-600 {
  border-color: var(--color-destructive-600);
}
.at-border-neutral-700 {
  border-color: var(--color-neutral-700);
}
.at-border-primary-700 {
  border-color: var(--color-primary-700);
}
.at-border-success-700 {
  border-color: var(--color-success-700);
}
.at-border-supplier-700 {
  border-color: var(--color-supplier-700);
}
.at-border-buyer-700 {
  border-color: var(--color-buyer-700);
}
.at-border-warning-700 {
  border-color: var(--color-warning-700);
}
.at-border-destructive-700 {
  border-color: var(--color-destructive-700);
}
.at-border-neutral-800 {
  border-color: var(--color-neutral-800);
}
.at-border-primary-800 {
  border-color: var(--color-primary-800);
}
.at-border-success-800 {
  border-color: var(--color-success-800);
}
.at-border-supplier-800 {
  border-color: var(--color-supplier-800);
}
.at-border-buyer-800 {
  border-color: var(--color-buyer-800);
}
.at-border-warning-800 {
  border-color: var(--color-warning-800);
}
.at-border-destructive-800 {
  border-color: var(--color-destructive-800);
}
.at-border-white {
  border-color: var(--color-shade-white);
}
.at-border-black {
  border-color: var(--color-shade-black);
}
.at-text-neutral-50 {
  color: var(--color-neutral-50);
}
.at-text-primary-50 {
  color: var(--color-primary-50);
}
.at-text-supplier-50 {
  color: var(--color-supplier-50);
}
.at-text-buyer-50 {
  color: var(--color-buyer-50);
}
.at-text-success-50 {
  color: var(--color-success-50);
}
.at-text-warning-50 {
  color: var(--color-warning-50);
}
.at-text-destructive-50 {
  color: var(--color-destructive-50);
}
.at-text-neutral-100 {
  color: var(--color-neutral-100);
}
.at-text-primary-100 {
  color: var(--color-primary-100);
}
.at-text-supplier-100 {
  color: var(--color-supplier-100);
}
.at-text-buyer-100 {
  color: var(--color-buyer-100);
}
.at-text-success-100 {
  color: var(--color-success-100);
}
.at-text-warning-100 {
  color: var(--color-warning-100);
}
.at-text-destructive-100 {
  color: var(--color-destructive-100);
}
.at-text-neutral-200 {
  color: var(--color-neutral-200);
}
.at-text-primary-200 {
  color: var(--color-primary-200);
}
.at-text-supplier-200 {
  color: var(--color-supplier-200);
}
.at-text-buyer-200 {
  color: var(--color-buyer-200);
}
.at-text-success-200 {
  color: var(--color-success-200);
}
.at-text-warning-200 {
  color: var(--color-warning-200);
}
.at-text-destructive-200 {
  color: var(--color-destructive-200);
}
.at-text-neutral-300 {
  color: var(--color-neutral-300);
}
.at-text-primary-300 {
  color: var(--color-primary-300);
}
.at-text-supplier-300 {
  color: var(--color-supplier-300);
}
.at-text-buyer-300 {
  color: var(--color-buyer-300);
}
.at-text-success-300 {
  color: var(--color-success-300);
}
.at-text-warning-300 {
  color: var(--color-warning-300);
}
.at-text-destructive-300 {
  color: var(--color-destructive-300);
}
.at-text-neutral-400 {
  color: var(--color-neutral-400);
}
.at-text-primary-400 {
  color: var(--color-primary-400);
}
.at-text-supplier-400 {
  color: var(--color-supplier-400);
}
.at-text-buyer-400 {
  color: var(--color-buyer-400);
}
.at-text-success-400 {
  color: var(--color-success-400);
}
.at-text-warning-400 {
  color: var(--color-warning-400);
}
.at-text-destructive-400 {
  color: var(--color-destructive-400);
}
.at-text-neutral-500 {
  color: var(--color-neutral-500);
}
.at-text-primary-500 {
  color: var(--color-primary-500);
}
.at-text-supplier-500 {
  color: var(--color-supplier-500);
}
.at-text-buyer-500 {
  color: var(--color-buyer-500);
}
.at-text-success-500 {
  color: var(--color-success-500);
}
.at-text-warning-500 {
  color: var(--color-warning-500);
}
.at-text-destructive-500 {
  color: var(--color-destructive-500);
}
.at-text-neutral-600 {
  color: var(--color-neutral-600);
}
.at-text-primary-600 {
  color: var(--color-primary-600);
}
.at-text-supplier-600 {
  color: var(--color-supplier-600);
}
.at-text-buyer-600 {
  color: var(--color-buyer-600);
}
.at-text-success-600 {
  color: var(--color-success-600);
}
.at-text-warning-600 {
  color: var(--color-warning-600);
}
.at-text-destructive-600 {
  color: var(--color-destructive-600);
}
.at-text-neutral-700 {
  color: var(--color-neutral-700);
}
.at-text-primary-700 {
  color: var(--color-primary-700);
}
.at-text-supplier-700 {
  color: var(--color-supplier-700);
}
.at-text-buyer-700 {
  color: var(--color-buyer-700);
}
.at-text-success-700 {
  color: var(--color-success-700);
}
.at-text-warning-700 {
  color: var(--color-warning-700);
}
.at-text-destructive-700 {
  color: var(--color-destructive-700);
}
.at-text-neutral-800 {
  color: var(--color-neutral-800);
}
.at-text-primary-800 {
  color: var(--color-primary-800);
}
.at-text-supplier-800 {
  color: var(--color-supplier-800);
}
.at-text-buyer-800 {
  color: var(--color-buyer-800);
}
.at-text-success-800 {
  color: var(--color-success-800);
}
.at-text-warning-800 {
  color: var(--color-warning-800);
}
.at-text-destructive-800 {
  color: var(--color-destructive-800);
}
.at-text-neutral-900 {
  color: var(--color-neutral-900);
}
.at-text-primary-900 {
  color: var(--color-primary-900);
}
.at-text-supplier-900 {
  color: var(--color-supplier-900);
}
.at-text-buyer-900 {
  color: var(--color-buyer-900);
}
.at-text-success-900 {
  color: var(--color-success-900);
}
.at-text-warning-900 {
  color: var(--color-warning-900);
}
.at-text-destructive-900 {
  color: var(--color-destructive-900);
}
.at-text-white {
  color: var(--color-shade-white);
}
.at-text-black {
  color: var(--color-shade-black);
}
.at-w-100 {
  width: 100%;
}
.at-w-80 {
  width: 80%;
}
.at-w-50 {
  width: 50%;
}
.at-w-fit {
  width: fit-content;
}
.at-w-max-content {
  width: max-content;
}
.at-h-100 {
  height: 100%;
}
.at-vw-100 {
  width: 100vw;
}
.at-vh-100 {
  height: 100vh;
}
.at-cursor-none {
  cursor: none;
}
.at-cursor-text {
  cursor: text;
}
.at-cursor-pointer {
  cursor: pointer;
}
.at-cursor-not-allowed {
  cursor: not-allowed;
}
.at-position-relative {
  position: relative;
}
.at-position-absolute {
  position: absolute;
}
.at-position-sticky {
  position: sticky;
}
.at-position-fixed {
  position: fixed;
}
.at-block {
  display: block;
}
.at-inline-block {
  display: inline-block;
}
.at-inline {
  display: inline;
}
.at-none {
  display: none;
}
.at-dir-ltr {
  direction: ltr;
}
.at-dir-rtl {
  direction: rtl;
}
@media screen and (min-width: 768px) {
  .md\:at-w-100 {
    width: 100%;
  }
  .md\:at-h-100 {
    height: 100%;
  }
  .md\:at-vw-100 {
    width: 100vw;
  }
  .md\:at-vh-100 {
    height: 100vh;
  }
  .md\:at-cursor-none {
    cursor: none;
  }
  .md\:at-cursor-text {
    cursor: text;
  }
  .md\:at-cursor-pointer {
    cursor: pointer;
  }
  .md\:at-cursor-not-allowed {
    cursor: not-allowed;
  }
  .md\:at-position-relative {
    position: relative;
  }
  .md\:at-position-absolute {
    position: absolute;
  }
  .md\:at-position-sticky {
    position: sticky;
  }
  .md\:at-position-fixed {
    position: fixed;
  }
  .md\:at-flex {
    display: flex;
  }
  .md\:at-block {
    display: block;
  }
  .md\:at-inline-block {
    display: inline-block;
  }
  .md\:at-inline {
    display: inline;
  }
  .md\:at-none {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .lg\:at-w-100 {
    width: 100%;
  }
  .lg\:at-h-100 {
    height: 100%;
  }
  .lg\:at-vw-100 {
    width: 100vw;
  }
  .lg\:at-vh-100 {
    height: 100vh;
  }
  .lg\:at-cursor-none {
    cursor: none;
  }
  .lg\:at-cursor-text {
    cursor: text;
  }
  .lg\:at-cursor-pointer {
    cursor: pointer;
  }
  .lg\:at-cursor-not-allowed {
    cursor: not-allowed;
  }
  .lg\:at-position-relative {
    position: relative;
  }
  .lg\:at-position-absolute {
    position: absolute;
  }
  .lg\:at-position-sticky {
    position: sticky;
  }
  .lg\:at-position-fixed {
    position: fixed;
  }
  .lg\:at-flex {
    display: flex;
  }
  .lg\:at-block {
    display: block;
  }
  .lg\:at-inline-block {
    display: inline-block;
  }
  .lg\:at-inline {
    display: inline;
  }
  .lg\:at-none {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:at-w-100 {
    width: 100%;
  }
  .xl\:at-h-100 {
    height: 100%;
  }
  .xl\:at-vw-100 {
    width: 100vw;
  }
  .xl\:at-vh-100 {
    height: 100vh;
  }
  .xl\:at-cursor-none {
    cursor: none;
  }
  .xl\:at-cursor-text {
    cursor: text;
  }
  .xl\:at-cursor-pointer {
    cursor: pointer;
  }
  .xl\:at-cursor-not-allowed {
    cursor: not-allowed;
  }
  .xl\:at-position-relative {
    position: relative;
  }
  .xl\:at-position-absolute {
    position: absolute;
  }
  .xl\:at-position-sticky {
    position: sticky;
  }
  .xl\:at-position-fixed {
    position: fixed;
  }
  .xl\:at-flex {
    display: flex;
  }
  .xl\:at-block {
    display: block;
  }
  .xl\:at-inline-block {
    display: inline-block;
  }
  .xl\:at-inline {
    display: inline;
  }
  .xl\:at-none {
    display: none;
  }
}
@media screen and (min-width: 1440px) {
  .xxl\:at-w-100 {
    width: 100%;
  }
  .xxl\:at-h-100 {
    height: 100%;
  }
  .xxl\:at-vw-100 {
    width: 100vw;
  }
  .xxl\:at-vh-100 {
    height: 100vh;
  }
  .xxl\:at-cursor-none {
    cursor: none;
  }
  .xxl\:at-cursor-text {
    cursor: text;
  }
  .xxl\:at-cursor-pointer {
    cursor: pointer;
  }
  .xxl\:at-cursor-not-allowed {
    cursor: not-allowed;
  }
  .xxl\:at-position-relative {
    position: relative;
  }
  .xxl\:at-position-absolute {
    position: absolute;
  }
  .xxl\:at-position-sticky {
    position: sticky;
  }
  .xxl\:at-position-fixed {
    position: fixed;
  }
  .xxl\:at-flex {
    display: flex;
  }
  .xxl\:at-block {
    display: block;
  }
  .xxl\:at-inline-block {
    display: inline-block;
  }
  .xxl\:at-inline {
    display: inline;
  }
  .xxl\:at-none {
    display: none;
  }
}
[dir=rtl] {
}
[dir=rtl] .rtl\:at-display-lg {
  font-size: var(--display-large);
  line-height: var(--line-height-display);
}
[dir=rtl] .rtl\:at-display-sm {
  font-size: var(--display-small);
  line-height: var(--line-height-display);
}
[dir=rtl] .rtl\:at-h1 {
  font-size: var(--heading-1);
  line-height: var(--line-height-heading-1);
}
[dir=rtl] .rtl\:at-h2 {
  font-size: var(--heading-2);
  line-height: var(--line-height-heading-2);
}
[dir=rtl] .rtl\:at-h3 {
  font-size: var(--heading-3);
  line-height: var(--line-height-heading-3);
}
[dir=rtl] .rtl\:at-h4 {
  font-size: var(--heading-4);
  line-height: var(--line-height-heading-4);
}
[dir=rtl] .rtl\:at-h5 {
  font-size: var(--heading-5);
  line-height: var(--line-height-heading-5);
}
[dir=rtl] .rtl\:at-h6 {
  font-size: var(--heading-6);
  line-height: var(--line-height-heading-6);
}
[dir=rtl] .rtl\:at-text-lg {
  font-size: var(--text-large);
  line-height: var(--line-height-text-large);
}
[dir=rtl] .rtl\:at-text-md {
  font-size: var(--text-medium);
  line-height: var(--line-height-text-medium);
}
[dir=rtl] .rtl\:at-text-sm {
  font-size: var(--text-small);
  line-height: var(--line-height-text-small);
}
[dir=rtl] .rtl\:at-text-xs {
  font-size: var(--text-extra-small);
  line-height: var(--line-height-text-extra-small);
}
[dir=rtl] .rtl\:at-line-height-normal {
  line-height: normal;
}
[dir=rtl] .rtl\:at-flex-reverse {
  flex-direction: row-reverse;
}
[dir=rtl] .rtl\:at-dir-ltr {
  direction: ltr;
}
[dir=rtl] .rtl\:at-dir-rtl {
  direction: rtl;
}
@media screen and (min-width: 768px) {
  [dir=rtl] {
  }
  [dir=rtl] .rtl\:md\:at-display-lg {
    font-size: var(--display-large);
    line-height: var(--line-height-display);
  }
  [dir=rtl] .rtl\:md\:at-display-sm {
    font-size: var(--display-small);
    line-height: var(--line-height-display);
  }
  [dir=rtl] .rtl\:md\:at-h1 {
    font-size: var(--heading-1);
    line-height: var(--line-height-heading-1);
  }
  [dir=rtl] .rtl\:md\:at-h2 {
    font-size: var(--heading-2);
    line-height: var(--line-height-heading-2);
  }
  [dir=rtl] .rtl\:md\:at-h3 {
    font-size: var(--heading-3);
    line-height: var(--line-height-heading-3);
  }
  [dir=rtl] .rtl\:md\:at-h4 {
    font-size: var(--heading-4);
    line-height: var(--line-height-heading-4);
  }
  [dir=rtl] .rtl\:md\:at-h5 {
    font-size: var(--heading-5);
    line-height: var(--line-height-heading-5);
  }
  [dir=rtl] .rtl\:md\:at-h6 {
    font-size: var(--heading-6);
    line-height: var(--line-height-heading-6);
  }
  [dir=rtl] .rtl\:md\:at-text-lg {
    font-size: var(--text-large);
    line-height: var(--line-height-text-large);
  }
  [dir=rtl] .rtl\:md\:at-text-md {
    font-size: var(--text-medium);
    line-height: var(--line-height-text-medium);
  }
  [dir=rtl] .rtl\:md\:at-text-sm {
    font-size: var(--text-small);
    line-height: var(--line-height-text-small);
  }
  [dir=rtl] .rtl\:md\:at-text-xs {
    font-size: var(--text-extra-small);
    line-height: var(--line-height-text-extra-small);
  }
}
@media screen and (min-width: 1024px) {
  [dir=rtl] {
  }
  [dir=rtl] .rtl\:lg\:at-display-lg {
    font-size: var(--display-large);
    line-height: var(--line-height-display);
  }
  [dir=rtl] .rtl\:lg\:at-display-sm {
    font-size: var(--display-small);
    line-height: var(--line-height-display);
  }
  [dir=rtl] .rtl\:lg\:at-h1 {
    font-size: var(--heading-1);
    line-height: var(--line-height-heading-1);
  }
  [dir=rtl] .rtl\:lg\:at-h2 {
    font-size: var(--heading-2);
    line-height: var(--line-height-heading-2);
  }
  [dir=rtl] .rtl\:lg\:at-h3 {
    font-size: var(--heading-3);
    line-height: var(--line-height-heading-3);
  }
  [dir=rtl] .rtl\:lg\:at-h4 {
    font-size: var(--heading-4);
    line-height: var(--line-height-heading-4);
  }
  [dir=rtl] .rtl\:lg\:at-h5 {
    font-size: var(--heading-5);
    line-height: var(--line-height-heading-5);
  }
  [dir=rtl] .rtl\:lg\:at-h6 {
    font-size: var(--heading-6);
    line-height: var(--line-height-heading-6);
  }
  [dir=rtl] .rtl\:lg\:at-text-lg {
    font-size: var(--text-large);
    line-height: var(--line-height-text-large);
  }
  [dir=rtl] .rtl\:lg\:at-text-md {
    font-size: var(--text-medium);
    line-height: var(--line-height-text-medium);
  }
  [dir=rtl] .rtl\:lg\:at-text-sm {
    font-size: var(--text-small);
    line-height: var(--line-height-text-small);
  }
  [dir=rtl] .rtl\:lg\:at-text-xs {
    font-size: var(--text-extra-small);
    line-height: var(--line-height-text-extra-small);
  }
}
@media screen and (min-width: 1200px) {
  [dir=rtl] {
  }
  [dir=rtl] .rtl\:xl\:at-display-lg {
    font-size: var(--display-large);
    line-height: var(--line-height-display);
  }
  [dir=rtl] .rtl\:xl\:at-display-sm {
    font-size: var(--display-small);
    line-height: var(--line-height-display);
  }
  [dir=rtl] .rtl\:xl\:at-h1 {
    font-size: var(--heading-1);
    line-height: var(--line-height-heading-1);
  }
  [dir=rtl] .rtl\:xl\:at-h2 {
    font-size: var(--heading-2);
    line-height: var(--line-height-heading-2);
  }
  [dir=rtl] .rtl\:xl\:at-h3 {
    font-size: var(--heading-3);
    line-height: var(--line-height-heading-3);
  }
  [dir=rtl] .rtl\:xl\:at-h4 {
    font-size: var(--heading-4);
    line-height: var(--line-height-heading-4);
  }
  [dir=rtl] .rtl\:xl\:at-h5 {
    font-size: var(--heading-5);
    line-height: var(--line-height-heading-5);
  }
  [dir=rtl] .rtl\:xl\:at-h6 {
    font-size: var(--heading-6);
    line-height: var(--line-height-heading-6);
  }
  [dir=rtl] .rtl\:xl\:at-text-lg {
    font-size: var(--text-large);
    line-height: var(--line-height-text-large);
  }
  [dir=rtl] .rtl\:xl\:at-text-md {
    font-size: var(--text-medium);
    line-height: var(--line-height-text-medium);
  }
  [dir=rtl] .rtl\:xl\:at-text-sm {
    font-size: var(--text-small);
    line-height: var(--line-height-text-small);
  }
  [dir=rtl] .rtl\:xl\:at-text-xs {
    font-size: var(--text-extra-small);
    line-height: var(--line-height-text-extra-small);
  }
}
:root {
  --header-height: 5rem;
  --animation-delay: 1s;
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
*:disabled {
  cursor: not-allowed;
}
*::-webkit-scrollbar {
  width: 0.3rem;
  height: 0.3rem;
}
*::-webkit-scrollbar-track {
  border-radius: var(--radius-lg);
  background-color: var(--color-neutral-200);
}
*::-webkit-scrollbar-thumb {
  border-radius: var(--radius-lg);
  background-color: var(--color-neutral-300);
}
*::-webkit-scrollbar-thumb:hover {
  border: 0;
  background-color: var(--color-neutral-400);
}
html {
  scroll-behavior: smooth;
  height: 100%;
}
body {
  font-family: var(--font-family-main);
  overflow-x: hidden;
  height: 100vh;
}
body[dir=rtl] .mars-landing-container {
  font-family: var(--font-family-ar-main);
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  body {
    zoom: 0.8;
    height: 125vh !important;
  }
}
textarea {
  font-family: var(--font-family-main);
}
textarea[dir=rtl] {
  font-family: var(--font-family-ar-main);
}
button {
  background: transparent;
  border: unset;
  cursor: pointer;
}
button:disabled {
  cursor: not-allowed;
  opacity: 0.2;
}
ul {
  list-style: none;
}
a {
  text-decoration: none;
  color: currentColor;
}
input[type=number] {
  -moz-appearance: textfield;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  display: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
  -webkit-text-fill-color: var(--color-neutral-900) !important;
}
details summary::-webkit-details-marker {
  display: none;
}
.active-route {
  font-weight: 600;
  color: var(--color-supplier-500);
}
.p-inputtext {
  height: 2.5rem !important;
  padding-block: 0.625rem !important;
  font-size: var(--text-small) !important;
  border: 1px solid var(--color-neutral-300) !important;
}
.p-inputtext::placeholder {
  font-weight: 400;
  color: var(--color-neutral-400) !important;
}
.p-inputtext:focus {
  border-color: var(--color-primary-300) !important;
  box-shadow: 0px 0px 0px 4px var(--color-primary-100) !important;
}
.p-inputtext:disabled {
  background-color: transparent !important;
  border-color: var(--color-neutral-300) !important;
}
.p-inputtext:disabled::placeholder {
  color: var(--color-neutral-300) !important;
}
.p-datepicker {
  width: 100%;
  height: 2.75rem;
}
.p-datepicker .p-button-text {
  color: var(--color-neutral-900) !important;
}
.p-datepicker .p-button-text:not(:disabled):hover {
  background-color: var(--color-supplier-50) !important;
  color: var(--color-supplier-500) !important;
}
.p-datepicker .p-datepicker-day-selected,
.p-datepicker .p-datepicker-month-selected,
.p-datepicker .p-datepicker-year-selected {
  background-color: var(--color-supplier-500) !important;
}
.p-datepicker .p-datepicker-input-icon-container {
  width: 1.25rem;
  height: 1.25rem;
}
p-datepicker.ng-invalid.ng-dirty .p-datepicker.p-inputwrapper .p-inputtext {
  border-color: var(--color-destructive-300) !important;
}
p-datepicker.ng-invalid.ng-dirty .p-datepicker.p-inputwrapper .p-inputtext:focus {
  border-color: var(--color-destructive-300) !important;
  box-shadow: 0px 0px 0px 4px var(--color-destructive-100) !important;
}
.co-image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 2.75rem;
  max-width: 2.75rem;
  height: 2.75rem;
  overflow: hidden;
  border-radius: var(--radius-sm);
}
.co-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.w-5 {
  width: 9rem !important;
}
.loading-group {
  width: 100%;
  height: 4.844rem;
  border-radius: var(--radius-xx-lg);
  background:
    linear-gradient(
      100deg,
      rgba(255, 255, 255, 0) 40%,
      rgba(255, 255, 255, 0.5) 50%,
      rgba(255, 255, 255, 0) 60%) var(--color-neutral-100);
  background-color: var(--color-neutral-100);
  background-size: 200% 100%;
  background-position-x: 180%;
  animation: 1s loading ease-in-out infinite;
}
@keyframes loading {
  to {
    background-position-x: -20%;
  }
}
.tooltip-overlay-panel {
  z-index: 9999;
}
.cdk-overlay-container {
  z-index: 9999;
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  .cdk-overlay-connected-position-bounding-box {
    zoom: 1.25;
  }
}

/* angular:styles/global:styles */