:root {
  --space-3xl: clamp(5.06rem, 3.35rem + 8.20vw, 7.59rem);
  --space-4xl: clamp(7.59rem, 5.02rem + 12.30vw, 11.39rem);
  --space-5xl: clamp(11.39rem, 7.53rem + 18.46vw, 17.09rem);
}


.p-0 {
  padding: 0;
}

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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


.pt-0 {
  padding-top: 0;
}

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

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

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

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

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

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

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

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

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

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


.pb-0 {
  padding-bottom: 0;
}

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

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

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

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

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

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

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

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

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

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


.pl-0 {
  padding-left: 0;
}

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

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

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

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

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

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

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

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

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

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


.pr-0 {
  padding-right: 0;
}

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

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

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

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

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

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

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

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

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

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


.m-0 {
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

.m-auto {
  margin: auto;
}


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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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


.mt-0 {
  margin-top: 0;
}

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

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

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

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

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

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

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

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

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

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

.mt-auto {
  margin-top: auto;
}


.mb-0 {
  margin-bottom: 0;
}

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

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

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

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

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

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

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

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

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

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

.mb-auto {
  margin-bottom: auto;
}


.ml-0 {
  margin-left: 0;
}

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

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

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

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

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

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

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

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

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

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

.ml-auto {
  margin-left: auto;
}


.mr-0 {
  margin-right: 0;
}

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

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

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

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

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

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

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

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

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

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

.mr-auto {
  margin-right: auto;
}



.gap-0 {
  gap: 0;
}

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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