:root {
  --color-primary: #8832bd;
  --color-for-theme: #8b2dab;
  --color-secondary: #47005f;
  --color-tertiary: #2f003f;
  --color-orange: #fd6649;
  --color-orange-light: #ff8c56;
  --color-pink: #d3229b;
  --color-purple: #880088;
  --color-white: #ffffff;
  --color-black: #010004;
  --color-for-bg-1: #fefdff;
  --color-for-bg-2: #f3eaf8;
  --color-for-bg-3: #f5f5f5;
  --color-for-border: #d7d8db;
  --color-for-border-1: #ced7e0;
  --color-gray: #aeaeae;
  --fs-40: clamp(2.5rem, 2.5rem + 1vw, 3rem);
  --fs-42: clamp(2.625rem, 2.625rem + 1vw, 3.125rem);
  --fs-44: clamp(2.75rem, 2.75rem + 1vw, 3.25rem);
  --fs-45: clamp(2.8125rem, 2.8125rem + 1vw, 3.375rem);
  --fs-47: clamp(2.9375rem, 2.9375rem + 1vw, 3.5rem);
  --fs-48: clamp(3rem, 3rem + 1vw, 3.625rem);
  --fs-50: clamp(3.125rem, 3.125rem + 1vw, 3.75rem);
  --fs-52: clamp(3.25rem, 3.25rem + 1vw, 3.875rem);
  --fs-55: clamp(3.4375rem, 3.4375rem + 1vw, 4.125rem);
  --fs-60: clamp(3.75rem, 3.75rem + 1vw, 4.5rem);
  --fs-65: clamp(4.0625rem, 4.0625rem + 1vw, 4.875rem);
  --fs-70: clamp(4.375rem, 4.375rem + 1vw, 5.25rem);
  --fs-75: clamp(4.6875rem, 4.6875rem + 1vw, 5.625rem);
  --fs-80: clamp(5rem, 5rem + 1vw, 6rem);
  --fs-85: clamp(5.3125rem, 5.3125rem + 1vw, 6.375rem);
  --font-weight-100: 100;
  --font-weight-200: 200;
  --font-weight-300: 300;
  --font-weight-400: 400;
  --font-weight-500: 500;
  --font-weight-600: 600;
  --font-weight-700: 700;
  --font-weight-800: 800;
  --font-weight-900: 900;
  --font-primary: "Outfit", sans-serif;
  --spacing-0: 0rem;
  --spacing-1: 0.0625rem;
  --spacing-2: 0.125rem;
  --spacing-3: 0.1875rem;
  --spacing-4: 0.25rem;
  --spacing-5: 0.3125rem;
  --spacing-6: 0.375rem;
  --spacing-7: 0.4375rem;
  --spacing-8: 0.5rem;
  --spacing-9: 0.5625rem;
  --spacing-10: 0.625rem;
  --spacing-11: 0.6875rem;
  --spacing-12: 0.75rem;
  --spacing-13: 0.8125rem;
  --spacing-14: 0.875rem;
  --spacing-15: 0.9375rem;
  --spacing-16: 1rem;
  --spacing-17: 1.0625rem;
  --spacing-18: 1.125rem;
  --spacing-19: 1.1875rem;
  --spacing-20: 1.25rem;
  --spacing-21: 1.3125rem;
  --spacing-22: 1.375rem;
  --spacing-23: 1.4375rem;
  --spacing-24: 1.5rem;
  --spacing-25: 1.5625rem;
  --spacing-26: 1.625rem;
  --spacing-27: 1.6875rem;
  --spacing-28: 1.75rem;
  --spacing-29: 1.8125rem;
  --spacing-30: 1.875rem;
  --spacing-31: 1.9375rem;
  --spacing-32: 2rem;
  --spacing-33: 2.0625rem;
  --spacing-34: 2.125rem;
  --spacing-35: 2.1875rem;
  --spacing-36: 2.25rem;
  --spacing-37: 2.3125rem;
  --spacing-38: 2.375rem;
  --spacing-39: 2.4375rem;
  --spacing-40: 2.5rem;
  --spacing-41: 2.5625rem;
  --spacing-42: 2.625rem;
  --spacing-43: 2.6875rem;
  --spacing-44: 2.75rem;
  --spacing-45: 2.8125rem;
  --spacing-46: 2.875rem;
  --spacing-47: 2.9375rem;
  --spacing-48: 3rem;
  --spacing-49: 3.0625rem;
  --spacing-50: 3.125rem;
  --spacing-50p: 50%;
  --spacing-100p: 100%;
}

.section__wrapper,
.wp-block-uagb-container.section__wrapper {
  max-width: var(--spacing-100p);
  width: var(--spacing-100p);
  padding: 0 5rem;
  margin: 0 auto;
}

@media (max-width:992px) {
  .section__wrapper,
  .wp-block-uagb-container.section__wrapper {
    padding: 0 2rem;
  }
}

@media (max-width:768px) {
  .section__wrapper,
  .wp-block-uagb-container.section__wrapper {
    padding: 0 1rem;
  }
}

.sec--gap {
  padding: 3rem 0;
}

.sec--gap-0 {
  padding: 0;
}

.flex__row {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 0;
  flex: 0 1 auto;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-left: -1rem;
}

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

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

.section__title {
  margin: 0 0 2.5rem 0;
  text-transform:capitalize;
}
@media only screen and (min-width:991px){
.section__title {
  font-size:45px;
}  
}
.section__title span {
  color: var(--color-orange);
}

.btn__style {
  border-radius: 3.125rem;
}

.btn__style .btn__text span {
  text-shadow: 0 var(--spacing-30) 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
}

.btn__style .btn__icon {
  font-size: var(--spacing-20);
  width: 35px;
  height: 35px;
}

.btn__style:hover .btn__text span {
  -webkit-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
}

.btn__style:hover .btn__icon i {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.font--size-16 {
  font-size: 1rem;
}

.font--size-18 {
  font-size: 1.125rem;
}

.line--height-1 {
  line-height: 1;
}

.font--weight-100 {
  font-weight: var(--font-weight-100);
}

.font--weight-200 {
  font-weight: var(--font-weight-200);
}

.font--weight-300 {
  font-weight: var(--font-weight-300);
}

.font--weight-400 {
  font-weight: var(--font-weight-400);
}

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

.font--weight-600 {
  font-weight: var(--font-weight-600);
}

.font--weight-700 {
  font-weight: var(--font-weight-700);
}

.font--weight-800 {
  font-weight: var(--font-weight-800);
}

.font--weight-900 {
  font-weight: var(--font-weight-900);
}

.color--primary {
  color: var(--color-primary);
}

.color--theme {
  color: var(--color-for-theme);
}

.color--secondary {
  color: var(--color-secondary);
}

.color--tertiary {
  color: var(--color-tertiary);
}

.color--orange {
  color: var(--color-orange);
}

.color--orange-light {
  color: var(--color-orange-light);
}

.color--pink {
  color: var(--color-pink);
}

.color--purple {
  color: var(--color-purple);
}

.color--white {
  color: var(--color-white);
}

.color--black {
  color: var(--color-black);
}

.color--gray {
  color: var(--color-gray);
}

.color--hover-primary:hover {
  color: var(--color-primary);
}

.color--hover-theme:hover {
  color: var(--color-for-theme);
}

.color--hover-secondary:hover {
  color: var(--color-secondary);
}

.color--hover-tertiary:hover {
  color: var(--color-tertiary);
}

.color--hover-orange:hover {
  color: var(--color-orange);
}

.color--hover-orange-light:hover {
  color: var(--color-orange-light);
}

.color--hover-pink:hover {
  color: var(--color-pink);
}

.color--hover-purple:hover {
  color: var(--color-purple);
}

.color--hover-white:hover {
  color: var(--color-white);
}

.color--hover-black:hover {
  color: var(--color-black);
}

.color--hover-gray:hover {
  color: var(--color-gray);
}

.color--transparent {
  color: transparent;
}

.color--hover-transparent:hover {
  color: transparent;
}

.bg--primary {
  background-color: var(--color-primary);
}

.bg--theme {
  background-color: var(--color-for-theme);
}

.bg--secondary {
  background-color: var(--color-secondary);
}

.bg--tertiary {
  background-color: var(--color-tertiary);
}

.bg--orange {
  background-color: var(--color-orange);
}

.bg--orange-light {
  background-color: var(--color-orange-light);
}

.bg--pink {
  background-color: var(--color-pink);
}

.bg--purple {
  background-color: var(--color-purple);
}

.bg--white {
  background-color: var(--color-white);
}

.bg--gray {
  background-color: var(--color-gray);
}

.bg--bg1 {
  background-color: var(--color-for-bg-1);
}

.bg--bg2 {
  background-color: var(--color-for-bg-2);
}

.bg--bg3 {
  background-color: var(--color-for-bg-3);
}

.bg--transparent {
  background-color: transparent;
}

.bg--hover-primary {
  background-color: var(--color-primary);
}

.bg--hover-theme {
  background-color: var(--color-for-theme);
}

.bg--hover-secondary {
  background-color: var(--color-secondary);
}

.bg--hover-tertiary {
  background-color: var(--color-tertiary);
}

.bg--hover-orange {
  background-color: var(--color-orange);
}

.bg--hover-orange-light {
  background-color: var(--color-orange-light);
}

.bg--hover-pink {
  background-color: var(--color-pink);
}

.bg--hover-purple {
  background-color: var(--color-purple);
}

.bg--hover-white {
  background-color: var(--color-white);
}

.bg--hover-gray {
  background-color: var(--color-gray);
}

.bg--hover-bg1 {
  background-color: var(--color-for-bg-1);
}

.bg--hover-bg2 {
  background-color: var(--color-for-bg-2);
}

.bg--hover-bg3 {
  background-color: var(--color-for-bg-3);
}

.bg--hover-transparent {
  background-color: transparent;
}

.position--static {
  position: static;
}

.position--relative {
  position: relative;
}

.position--absolute {
  position: absolute;
}

.position--fixed {
  position: fixed;
}

.position--sticky {
  position: sticky;
}

.z--1 {
  z-index: 1;
}

.z--10 {
  z-index: 10;
}

.z--50 {
  z-index: 50;
}

.z--100 {
  z-index: 100;
}

.z--999 {
  z-index: 999;
}

.text--truncate-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.text--truncate-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.text--truncate-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.text--truncate-4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.d--none {
  display: none;
}

.d--block {
  display: block;
}

.d--inline-block {
  display: inline-block;
}

.d--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

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

.d--inline-flex {
  display: inline-flex;
}

.items--start {
  justify-content: flex-start;
  text-align: left;
}

.items--center {
  justify-content: center;
  text-align: center;
}

.items--end {
  justify-content: flex-end;
  text-align: right;
}

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

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

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

.items--middle {
  align-items: center;
}

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

.items--first {
  order: -1;
}

.items--last {
  order: 1;
}

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

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

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

.items--column {
  flex-direction: column;
}

.items--row {
  flex-direction: row;
}

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

.overflow--hidden {
  overflow: hidden;
}

.overflow--scroll {
  overflow: scroll;
}

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

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

/* Base border classes for position */
.border--all {
  border: 1px solid;
}

.border--top {
  border-top: 1px solid;
}

.border--bottom {
  border-bottom: 1px solid;
}

.border--right {
  border-right: 1px solid;
}

.border--left {
  border-left: 1px solid;
}

.border--none {
  border: 0;
}

/* Border style classes */
.border--solid {
  border-style: solid;
}

.border--dashed {
  border-style: dashed;
}

.border--dotted {
  border-style: dotted;
}

/* Border color classes */
.border-purple {
  border-color: var(--color-purple);
}

.border-white {
  border-color: var(--color-white);
}

.border-gray {
  border-color: var(--color-gray);
}

.border-color {
  border-color: var(--color-for-border);
}

.border--color-1 {
  border-color: var(--color-for-border-1);
}

/* Border color classes */
/* Hover color classes */
.border-hover-purple:hover {
  border-color: var(--color-purple);
}

.border-hover-white:hover {
  border-color: var(--color-white);
}

.border-hover-gray:hover {
  border-color: var(--color-gray);
}

.border-hover-color:hover {
  border-color: var(--color-for-border);
}

.border--hover-color-1:hover {
  border-color: var(--color-for-border-1);
}

/* Hover color classes */
.border--radius-50p {
  border-radius: var(--spacing-50p);
}

.border--radius-100p {
  border-radius: var(--spacing-100p);
}

.border--radius-0 {
  border-radius: 0;
}

.box-shadow--1 {
  box-shadow: 0 1px 2px var(--color-for-border), inset 0 0 var(--color-for-border-1), inset 0 -2px var(--color-secondary);
}

.box-shadow--2 {
  box-shadow: 0 4px 6px -2px var(--color-for-border-1), 0 4px 6px -2px var(--color-for-border-1), 0 12px 16px -4px var(--color-for-border-1);
}

.box-shadow--none {
  box-shadow: none;
}

.box-shadow--hover-none:hover {
  box-shadow: none;
}

.bg--gradient-1 {
  background: linear-gradient(120deg, var(--color-purple) 0%, var(--color-orange) 100%);
}

.bg--hover-gradient-1:hover {
  background: linear-gradient(120deg, var(--color-purple) 0%, var(--color-orange) 100%);
}

.transition--all {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.w--full {
  width: var(--spacing-100p);
}

.max-w--full {
  max-width: var(--spacing-100p);
}

.cursor--pointer {
  cursor: pointer;
}

.col,
.col--1,
.col--2,
.col--3,
.col--4,
.col--5,
.col--6,
.col--7,
.col--8,
.col--9,
.col--10,
.col--11,
.col--12 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-right: 1rem;
  padding-left: 1rem;
}

.col {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
}

.col--1 {
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}

.offset--1 {
  margin-left: 8.3333333333%;
}

.col--2 {
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}

.offset--2 {
  margin-left: 16.6666666667%;
}

.col--3 {
  flex-basis: 25%;
  max-width: 25%;
}

.offset--3 {
  margin-left: 25%;
}

.col--4 {
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}

.offset--4 {
  margin-left: 33.3333333333%;
}

.col--5 {
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
}

.offset--5 {
  margin-left: 41.6666666667%;
}

.col--6 {
  flex-basis: 50%;
  max-width: 50%;
}

.offset--6 {
  margin-left: 50%;
}

.col--7 {
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
}

.offset--7 {
  margin-left: 58.3333333333%;
}

.col--8 {
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
}

.offset--8 {
  margin-left: 66.6666666667%;
}

.col--9 {
  flex-basis: 75%;
  max-width: 75%;
}

.offset--9 {
  margin-left: 75%;
}

.col--10 {
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
}

.offset--10 {
  margin-left: 83.3333333333%;
}

.col--11 {
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
}

.offset--11 {
  margin-left: 91.6666666667%;
}

.col--12 {
  flex-basis: 100%;
  max-width: 100%;
}
.grid-col-2 {
  grid-template-columns: repeat(2, 1fr);
}

.grid-col-3 {
  grid-template-columns: repeat(3, 1fr);
}

.grid-col-4 {
  grid-template-columns: repeat(4, 1fr);
}

.grid-col-5 {
  grid-template-columns: repeat(5, 1fr);
}

.grid-col-6 {
  grid-template-columns: repeat(6, 1fr);
}

.grid-col-7 {
  grid-template-columns: repeat(7, 1fr);
}

.grid-col-8 {
  grid-template-columns: repeat(8, 1fr);
}

.grid-col-9 {
  grid-template-columns: repeat(9, 1fr);
}

.grid-col-10 {
  grid-template-columns: repeat(10, 1fr);
}

.grid-col-11 {
  grid-template-columns: repeat(11, 1fr);
}

.grid-col-12 {
  grid-template-columns: repeat(12, 1fr);
}

.grid-col-full {
  grid-template-columns: repeat(12, 1fr);
  grid-column: span 12 / span 12;
}
.m--0 {
  margin: var(--spacing-0);
}

.mt--0 {
  margin-top: var(--spacing-0);
}

.mb--0 {
  margin-bottom: var(--spacing-0);
}

.ml--0 {
  margin-left: var(--spacing-0);
}

.mr--0 {
  margin-right: var(--spacing-0);
}

.mx--0 {
  margin-left: var(--spacing-0);
  margin-right: var(--spacing-0);
}

.my--0 {
  margin-top: var(--spacing-0);
  margin-bottom: var(--spacing-0);
}

.p--0 {
  padding: var(--spacing-0);
}

.pt--0 {
  padding-top: var(--spacing-0);
}

.pb--0 {
  padding-bottom: var(--spacing-0);
}

.pl--0 {
  padding-left: var(--spacing-0);
}

.pr--0 {
  padding-right: var(--spacing-0);
}

.px--0 {
  padding-left: var(--spacing-0);
  padding-right: var(--spacing-0);
}

.py--0 {
  padding-top: var(--spacing-0);
  padding-bottom: var(--spacing-0);
}

.w--0 {
  width: var(--spacing-0);
}

.max-w--0 {
  max-width: var(--spacing-0);
}

.h--0 {
  height: var(--spacing-0);
}

.max-h--0 {
  max-height: var(--spacing-0);
}

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

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

.col-gap--0 {
  -moz-column-gap: var(--spacing-0);
  column-gap: var(--spacing-0);
}

.top--0 {
  top: var(--spacing-0);
}

.right--0 {
  right: var(--spacing-0);
}

.bottom--0 {
  bottom: var(--spacing-0);
}

.left--0 {
  left: var(--spacing-0);
}

.inset--0 {
  top: var(--spacing-0);
  right: var(--spacing-0);
  bottom: var(--spacing-0);
  left: var(--spacing-0);
}

.m--1 {
  margin: var(--spacing-1);
}

.mt--1 {
  margin-top: var(--spacing-1);
}

.mb--1 {
  margin-bottom: var(--spacing-1);
}

.ml--1 {
  margin-left: var(--spacing-1);
}

.mr--1 {
  margin-right: var(--spacing-1);
}

.mx--1 {
  margin-left: var(--spacing-1);
  margin-right: var(--spacing-1);
}

.my--1 {
  margin-top: var(--spacing-1);
  margin-bottom: var(--spacing-1);
}

.p--1 {
  padding: var(--spacing-1);
}

.pt--1 {
  padding-top: var(--spacing-1);
}

.pb--1 {
  padding-bottom: var(--spacing-1);
}

.pl--1 {
  padding-left: var(--spacing-1);
}

.pr--1 {
  padding-right: var(--spacing-1);
}

.px--1 {
  padding-left: var(--spacing-1);
  padding-right: var(--spacing-1);
}

.py--1 {
  padding-top: var(--spacing-1);
  padding-bottom: var(--spacing-1);
}

.w--1 {
  width: var(--spacing-1);
}

.max-w--1 {
  max-width: var(--spacing-1);
}

.h--1 {
  height: var(--spacing-1);
}

.max-h--1 {
  max-height: var(--spacing-1);
}

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

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

.col-gap--1 {
  -moz-column-gap: var(--spacing-1);
  column-gap: var(--spacing-1);
}

.top--1 {
  top: var(--spacing-1);
}

.right--1 {
  right: var(--spacing-1);
}

.bottom--1 {
  bottom: var(--spacing-1);
}

.left--1 {
  left: var(--spacing-1);
}

.inset--1 {
  top: var(--spacing-1);
  right: var(--spacing-1);
  bottom: var(--spacing-1);
  left: var(--spacing-1);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w--2 {
  width: var(--spacing-2);
}

.max-w--2 {
  max-width: var(--spacing-2);
}

.h--2 {
  height: var(--spacing-2);
}

.max-h--2 {
  max-height: var(--spacing-2);
}

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

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

.col-gap--2 {
  -moz-column-gap: var(--spacing-2);
  column-gap: var(--spacing-2);
}

.top--2 {
  top: var(--spacing-2);
}

.right--2 {
  right: var(--spacing-2);
}

.bottom--2 {
  bottom: var(--spacing-2);
}

.left--2 {
  left: var(--spacing-2);
}

.inset--2 {
  top: var(--spacing-2);
  right: var(--spacing-2);
  bottom: var(--spacing-2);
  left: var(--spacing-2);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w--3 {
  width: var(--spacing-3);
}

.max-w--3 {
  max-width: var(--spacing-3);
}

.h--3 {
  height: var(--spacing-3);
}

.max-h--3 {
  max-height: var(--spacing-3);
}

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

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

.col-gap--3 {
  -moz-column-gap: var(--spacing-3);
  column-gap: var(--spacing-3);
}

.top--3 {
  top: var(--spacing-3);
}

.right--3 {
  right: var(--spacing-3);
}

.bottom--3 {
  bottom: var(--spacing-3);
}

.left--3 {
  left: var(--spacing-3);
}

.inset--3 {
  top: var(--spacing-3);
  right: var(--spacing-3);
  bottom: var(--spacing-3);
  left: var(--spacing-3);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w--4 {
  width: var(--spacing-4);
}

.max-w--4 {
  max-width: var(--spacing-4);
}

.h--4 {
  height: var(--spacing-4);
}

.max-h--4 {
  max-height: var(--spacing-4);
}

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

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

.col-gap--4 {
  -moz-column-gap: var(--spacing-4);
  column-gap: var(--spacing-4);
}

.top--4 {
  top: var(--spacing-4);
}

.right--4 {
  right: var(--spacing-4);
}

.bottom--4 {
  bottom: var(--spacing-4);
}

.left--4 {
  left: var(--spacing-4);
}

.inset--4 {
  top: var(--spacing-4);
  right: var(--spacing-4);
  bottom: var(--spacing-4);
  left: var(--spacing-4);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w--5 {
  width: var(--spacing-5);
}

.max-w--5 {
  max-width: var(--spacing-5);
}

.h--5 {
  height: var(--spacing-5);
}

.max-h--5 {
  max-height: var(--spacing-5);
}

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

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

.col-gap--5 {
  -moz-column-gap: var(--spacing-5);
  column-gap: var(--spacing-5);
}

.top--5 {
  top: var(--spacing-5);
}

.right--5 {
  right: var(--spacing-5);
}

.bottom--5 {
  bottom: var(--spacing-5);
}

.left--5 {
  left: var(--spacing-5);
}

.inset--5 {
  top: var(--spacing-5);
  right: var(--spacing-5);
  bottom: var(--spacing-5);
  left: var(--spacing-5);
}

.m--6 {
  margin: var(--spacing-6);
}

.mt--6 {
  margin-top: var(--spacing-6);
}

.mb--6 {
  margin-bottom: var(--spacing-6);
}

.ml--6 {
  margin-left: var(--spacing-6);
}

.mr--6 {
  margin-right: var(--spacing-6);
}

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

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

.p--6 {
  padding: var(--spacing-6);
}

.pt--6 {
  padding-top: var(--spacing-6);
}

.pb--6 {
  padding-bottom: var(--spacing-6);
}

.pl--6 {
  padding-left: var(--spacing-6);
}

.pr--6 {
  padding-right: var(--spacing-6);
}

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

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

.w--6 {
  width: var(--spacing-6);
}

.max-w--6 {
  max-width: var(--spacing-6);
}

.h--6 {
  height: var(--spacing-6);
}

.max-h--6 {
  max-height: var(--spacing-6);
}

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

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

.col-gap--6 {
  -moz-column-gap: var(--spacing-6);
  column-gap: var(--spacing-6);
}

.top--6 {
  top: var(--spacing-6);
}

.right--6 {
  right: var(--spacing-6);
}

.bottom--6 {
  bottom: var(--spacing-6);
}

.left--6 {
  left: var(--spacing-6);
}

.inset--6 {
  top: var(--spacing-6);
  right: var(--spacing-6);
  bottom: var(--spacing-6);
  left: var(--spacing-6);
}

.m--7 {
  margin: var(--spacing-7);
}

.mt--7 {
  margin-top: var(--spacing-7);
}

.mb--7 {
  margin-bottom: var(--spacing-7);
}

.ml--7 {
  margin-left: var(--spacing-7);
}

.mr--7 {
  margin-right: var(--spacing-7);
}

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

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

.p--7 {
  padding: var(--spacing-7);
}

.pt--7 {
  padding-top: var(--spacing-7);
}

.pb--7 {
  padding-bottom: var(--spacing-7);
}

.pl--7 {
  padding-left: var(--spacing-7);
}

.pr--7 {
  padding-right: var(--spacing-7);
}

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

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

.w--7 {
  width: var(--spacing-7);
}

.max-w--7 {
  max-width: var(--spacing-7);
}

.h--7 {
  height: var(--spacing-7);
}

.max-h--7 {
  max-height: var(--spacing-7);
}

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

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

.col-gap--7 {
  -moz-column-gap: var(--spacing-7);
  column-gap: var(--spacing-7);
}

.top--7 {
  top: var(--spacing-7);
}

.right--7 {
  right: var(--spacing-7);
}

.bottom--7 {
  bottom: var(--spacing-7);
}

.left--7 {
  left: var(--spacing-7);
}

.inset--7 {
  top: var(--spacing-7);
  right: var(--spacing-7);
  bottom: var(--spacing-7);
  left: var(--spacing-7);
}

.m--8 {
  margin: var(--spacing-8);
}

.mt--8 {
  margin-top: var(--spacing-8);
}

.mb--8 {
  margin-bottom: var(--spacing-8);
}

.ml--8 {
  margin-left: var(--spacing-8);
}

.mr--8 {
  margin-right: var(--spacing-8);
}

.mx--8 {
  margin-left: var(--spacing-8);
  margin-right: var(--spacing-8);
}

.my--8 {
  margin-top: var(--spacing-8);
  margin-bottom: var(--spacing-8);
}

.p--8 {
  padding: var(--spacing-8);
}

.pt--8 {
  padding-top: var(--spacing-8);
}

.pb--8 {
  padding-bottom: var(--spacing-8);
}

.pl--8 {
  padding-left: var(--spacing-8);
}

.pr--8 {
  padding-right: var(--spacing-8);
}

.px--8 {
  padding-left: var(--spacing-8);
  padding-right: var(--spacing-8);
}

.py--8 {
  padding-top: var(--spacing-8);
  padding-bottom: var(--spacing-8);
}

.w--8 {
  width: var(--spacing-8);
}

.max-w--8 {
  max-width: var(--spacing-8);
}

.h--8 {
  height: var(--spacing-8);
}

.max-h--8 {
  max-height: var(--spacing-8);
}

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

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

.col-gap--8 {
  -moz-column-gap: var(--spacing-8);
  column-gap: var(--spacing-8);
}

.top--8 {
  top: var(--spacing-8);
}

.right--8 {
  right: var(--spacing-8);
}

.bottom--8 {
  bottom: var(--spacing-8);
}

.left--8 {
  left: var(--spacing-8);
}

.inset--8 {
  top: var(--spacing-8);
  right: var(--spacing-8);
  bottom: var(--spacing-8);
  left: var(--spacing-8);
}

.m--9 {
  margin: var(--spacing-9);
}

.mt--9 {
  margin-top: var(--spacing-9);
}

.mb--9 {
  margin-bottom: var(--spacing-9);
}

.ml--9 {
  margin-left: var(--spacing-9);
}

.mr--9 {
  margin-right: var(--spacing-9);
}

.mx--9 {
  margin-left: var(--spacing-9);
  margin-right: var(--spacing-9);
}

.my--9 {
  margin-top: var(--spacing-9);
  margin-bottom: var(--spacing-9);
}

.p--9 {
  padding: var(--spacing-9);
}

.pt--9 {
  padding-top: var(--spacing-9);
}

.pb--9 {
  padding-bottom: var(--spacing-9);
}

.pl--9 {
  padding-left: var(--spacing-9);
}

.pr--9 {
  padding-right: var(--spacing-9);
}

.px--9 {
  padding-left: var(--spacing-9);
  padding-right: var(--spacing-9);
}

.py--9 {
  padding-top: var(--spacing-9);
  padding-bottom: var(--spacing-9);
}

.w--9 {
  width: var(--spacing-9);
}

.max-w--9 {
  max-width: var(--spacing-9);
}

.h--9 {
  height: var(--spacing-9);
}

.max-h--9 {
  max-height: var(--spacing-9);
}

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

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

.col-gap--9 {
  -moz-column-gap: var(--spacing-9);
  column-gap: var(--spacing-9);
}

.top--9 {
  top: var(--spacing-9);
}

.right--9 {
  right: var(--spacing-9);
}

.bottom--9 {
  bottom: var(--spacing-9);
}

.left--9 {
  left: var(--spacing-9);
}

.inset--9 {
  top: var(--spacing-9);
  right: var(--spacing-9);
  bottom: var(--spacing-9);
  left: var(--spacing-9);
}

.m--10 {
  margin: var(--spacing-10);
}

.mt--10 {
  margin-top: var(--spacing-10);
}

.mb--10 {
  margin-bottom: var(--spacing-10);
}

.ml--10 {
  margin-left: var(--spacing-10);
}

.mr--10 {
  margin-right: var(--spacing-10);
}

.mx--10 {
  margin-left: var(--spacing-10);
  margin-right: var(--spacing-10);
}

.my--10 {
  margin-top: var(--spacing-10);
  margin-bottom: var(--spacing-10);
}

.p--10 {
  padding: var(--spacing-10);
}

.pt--10 {
  padding-top: var(--spacing-10);
}

.pb--10 {
  padding-bottom: var(--spacing-10);
}

.pl--10 {
  padding-left: var(--spacing-10);
}

.pr--10 {
  padding-right: var(--spacing-10);
}

.px--10 {
  padding-left: var(--spacing-10);
  padding-right: var(--spacing-10);
}

.py--10 {
  padding-top: var(--spacing-10);
  padding-bottom: var(--spacing-10);
}

.w--10 {
  width: var(--spacing-10);
}

.max-w--10 {
  max-width: var(--spacing-10);
}

.h--10 {
  height: var(--spacing-10);
}

.max-h--10 {
  max-height: var(--spacing-10);
}

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

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

.col-gap--10 {
  -moz-column-gap: var(--spacing-10);
  column-gap: var(--spacing-10);
}

.top--10 {
  top: var(--spacing-10);
}

.right--10 {
  right: var(--spacing-10);
}

.bottom--10 {
  bottom: var(--spacing-10);
}

.left--10 {
  left: var(--spacing-10);
}

.inset--10 {
  top: var(--spacing-10);
  right: var(--spacing-10);
  bottom: var(--spacing-10);
  left: var(--spacing-10);
}

.m--11 {
  margin: var(--spacing-11);
}

.mt--11 {
  margin-top: var(--spacing-11);
}

.mb--11 {
  margin-bottom: var(--spacing-11);
}

.ml--11 {
  margin-left: var(--spacing-11);
}

.mr--11 {
  margin-right: var(--spacing-11);
}

.mx--11 {
  margin-left: var(--spacing-11);
  margin-right: var(--spacing-11);
}

.my--11 {
  margin-top: var(--spacing-11);
  margin-bottom: var(--spacing-11);
}

.p--11 {
  padding: var(--spacing-11);
}

.pt--11 {
  padding-top: var(--spacing-11);
}

.pb--11 {
  padding-bottom: var(--spacing-11);
}

.pl--11 {
  padding-left: var(--spacing-11);
}

.pr--11 {
  padding-right: var(--spacing-11);
}

.px--11 {
  padding-left: var(--spacing-11);
  padding-right: var(--spacing-11);
}

.py--11 {
  padding-top: var(--spacing-11);
  padding-bottom: var(--spacing-11);
}

.w--11 {
  width: var(--spacing-11);
}

.max-w--11 {
  max-width: var(--spacing-11);
}

.h--11 {
  height: var(--spacing-11);
}

.max-h--11 {
  max-height: var(--spacing-11);
}

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

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

.col-gap--11 {
  -moz-column-gap: var(--spacing-11);
  column-gap: var(--spacing-11);
}

.top--11 {
  top: var(--spacing-11);
}

.right--11 {
  right: var(--spacing-11);
}

.bottom--11 {
  bottom: var(--spacing-11);
}

.left--11 {
  left: var(--spacing-11);
}

.inset--11 {
  top: var(--spacing-11);
  right: var(--spacing-11);
  bottom: var(--spacing-11);
  left: var(--spacing-11);
}

.m--12 {
  margin: var(--spacing-12);
}

.mt--12 {
  margin-top: var(--spacing-12);
}

.mb--12 {
  margin-bottom: var(--spacing-12);
}

.ml--12 {
  margin-left: var(--spacing-12);
}

.mr--12 {
  margin-right: var(--spacing-12);
}

.mx--12 {
  margin-left: var(--spacing-12);
  margin-right: var(--spacing-12);
}

.my--12 {
  margin-top: var(--spacing-12);
  margin-bottom: var(--spacing-12);
}

.p--12 {
  padding: var(--spacing-12);
}

.pt--12 {
  padding-top: var(--spacing-12);
}

.pb--12 {
  padding-bottom: var(--spacing-12);
}

.pl--12 {
  padding-left: var(--spacing-12);
}

.pr--12 {
  padding-right: var(--spacing-12);
}

.px--12 {
  padding-left: var(--spacing-12);
  padding-right: var(--spacing-12);
}

.py--12 {
  padding-top: var(--spacing-12);
  padding-bottom: var(--spacing-12);
}

.w--12 {
  width: var(--spacing-12);
}

.max-w--12 {
  max-width: var(--spacing-12);
}

.h--12 {
  height: var(--spacing-12);
}

.max-h--12 {
  max-height: var(--spacing-12);
}

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

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

.col-gap--12 {
  -moz-column-gap: var(--spacing-12);
  column-gap: var(--spacing-12);
}

.top--12 {
  top: var(--spacing-12);
}

.right--12 {
  right: var(--spacing-12);
}

.bottom--12 {
  bottom: var(--spacing-12);
}

.left--12 {
  left: var(--spacing-12);
}

.inset--12 {
  top: var(--spacing-12);
  right: var(--spacing-12);
  bottom: var(--spacing-12);
  left: var(--spacing-12);
}

.m--13 {
  margin: var(--spacing-13);
}

.mt--13 {
  margin-top: var(--spacing-13);
}

.mb--13 {
  margin-bottom: var(--spacing-13);
}

.ml--13 {
  margin-left: var(--spacing-13);
}

.mr--13 {
  margin-right: var(--spacing-13);
}

.mx--13 {
  margin-left: var(--spacing-13);
  margin-right: var(--spacing-13);
}

.my--13 {
  margin-top: var(--spacing-13);
  margin-bottom: var(--spacing-13);
}

.p--13 {
  padding: var(--spacing-13);
}

.pt--13 {
  padding-top: var(--spacing-13);
}

.pb--13 {
  padding-bottom: var(--spacing-13);
}

.pl--13 {
  padding-left: var(--spacing-13);
}

.pr--13 {
  padding-right: var(--spacing-13);
}

.px--13 {
  padding-left: var(--spacing-13);
  padding-right: var(--spacing-13);
}

.py--13 {
  padding-top: var(--spacing-13);
  padding-bottom: var(--spacing-13);
}

.w--13 {
  width: var(--spacing-13);
}

.max-w--13 {
  max-width: var(--spacing-13);
}

.h--13 {
  height: var(--spacing-13);
}

.max-h--13 {
  max-height: var(--spacing-13);
}

.gap--13 {
  gap: var(--spacing-13);
}

.row-gap--13 {
  row-gap: var(--spacing-13);
}

.col-gap--13 {
  -moz-column-gap: var(--spacing-13);
  column-gap: var(--spacing-13);
}

.top--13 {
  top: var(--spacing-13);
}

.right--13 {
  right: var(--spacing-13);
}

.bottom--13 {
  bottom: var(--spacing-13);
}

.left--13 {
  left: var(--spacing-13);
}

.inset--13 {
  top: var(--spacing-13);
  right: var(--spacing-13);
  bottom: var(--spacing-13);
  left: var(--spacing-13);
}

.m--14 {
  margin: var(--spacing-14);
}

.mt--14 {
  margin-top: var(--spacing-14);
}

.mb--14 {
  margin-bottom: var(--spacing-14);
}

.ml--14 {
  margin-left: var(--spacing-14);
}

.mr--14 {
  margin-right: var(--spacing-14);
}

.mx--14 {
  margin-left: var(--spacing-14);
  margin-right: var(--spacing-14);
}

.my--14 {
  margin-top: var(--spacing-14);
  margin-bottom: var(--spacing-14);
}

.p--14 {
  padding: var(--spacing-14);
}

.pt--14 {
  padding-top: var(--spacing-14);
}

.pb--14 {
  padding-bottom: var(--spacing-14);
}

.pl--14 {
  padding-left: var(--spacing-14);
}

.pr--14 {
  padding-right: var(--spacing-14);
}

.px--14 {
  padding-left: var(--spacing-14);
  padding-right: var(--spacing-14);
}

.py--14 {
  padding-top: var(--spacing-14);
  padding-bottom: var(--spacing-14);
}

.w--14 {
  width: var(--spacing-14);
}

.max-w--14 {
  max-width: var(--spacing-14);
}

.h--14 {
  height: var(--spacing-14);
}

.max-h--14 {
  max-height: var(--spacing-14);
}

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

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

.col-gap--14 {
  -moz-column-gap: var(--spacing-14);
  column-gap: var(--spacing-14);
}

.top--14 {
  top: var(--spacing-14);
}

.right--14 {
  right: var(--spacing-14);
}

.bottom--14 {
  bottom: var(--spacing-14);
}

.left--14 {
  left: var(--spacing-14);
}

.inset--14 {
  top: var(--spacing-14);
  right: var(--spacing-14);
  bottom: var(--spacing-14);
  left: var(--spacing-14);
}

.m--15 {
  margin: var(--spacing-15);
}

.mt--15 {
  margin-top: var(--spacing-15);
}

.mb--15 {
  margin-bottom: var(--spacing-15);
}

.ml--15 {
  margin-left: var(--spacing-15);
}

.mr--15 {
  margin-right: var(--spacing-15);
}

.mx--15 {
  margin-left: var(--spacing-15);
  margin-right: var(--spacing-15);
}

.my--15 {
  margin-top: var(--spacing-15);
  margin-bottom: var(--spacing-15);
}

.p--15 {
  padding: var(--spacing-15);
}

.pt--15 {
  padding-top: var(--spacing-15);
}

.pb--15 {
  padding-bottom: var(--spacing-15);
}

.pl--15 {
  padding-left: var(--spacing-15);
}

.pr--15 {
  padding-right: var(--spacing-15);
}

.px--15 {
  padding-left: var(--spacing-15);
  padding-right: var(--spacing-15);
}

.py--15 {
  padding-top: var(--spacing-15);
  padding-bottom: var(--spacing-15);
}

.w--15 {
  width: var(--spacing-15);
}

.max-w--15 {
  max-width: var(--spacing-15);
}

.h--15 {
  height: var(--spacing-15);
}

.max-h--15 {
  max-height: var(--spacing-15);
}

.gap--15 {
  gap: var(--spacing-15);
}

.row-gap--15 {
  row-gap: var(--spacing-15);
}

.col-gap--15 {
  -moz-column-gap: var(--spacing-15);
  column-gap: var(--spacing-15);
}

.top--15 {
  top: var(--spacing-15);
}

.right--15 {
  right: var(--spacing-15);
}

.bottom--15 {
  bottom: var(--spacing-15);
}

.left--15 {
  left: var(--spacing-15);
}

.inset--15 {
  top: var(--spacing-15);
  right: var(--spacing-15);
  bottom: var(--spacing-15);
  left: var(--spacing-15);
}

.m--16 {
  margin: var(--spacing-16);
}

.mt--16 {
  margin-top: var(--spacing-16);
}

.mb--16 {
  margin-bottom: var(--spacing-16);
}

.ml--16 {
  margin-left: var(--spacing-16);
}

.mr--16 {
  margin-right: var(--spacing-16);
}

.mx--16 {
  margin-left: var(--spacing-16);
  margin-right: var(--spacing-16);
}

.my--16 {
  margin-top: var(--spacing-16);
  margin-bottom: var(--spacing-16);
}

.p--16 {
  padding: var(--spacing-16);
}

.pt--16 {
  padding-top: var(--spacing-16);
}

.pb--16 {
  padding-bottom: var(--spacing-16);
}

.pl--16 {
  padding-left: var(--spacing-16);
}

.pr--16 {
  padding-right: var(--spacing-16);
}

.px--16 {
  padding-left: var(--spacing-16);
  padding-right: var(--spacing-16);
}

.py--16 {
  padding-top: var(--spacing-16);
  padding-bottom: var(--spacing-16);
}

.w--16 {
  width: var(--spacing-16);
}

.max-w--16 {
  max-width: var(--spacing-16);
}

.h--16 {
  height: var(--spacing-16);
}

.max-h--16 {
  max-height: var(--spacing-16);
}

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

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

.col-gap--16 {
  -moz-column-gap: var(--spacing-16);
  column-gap: var(--spacing-16);
}

.top--16 {
  top: var(--spacing-16);
}

.right--16 {
  right: var(--spacing-16);
}

.bottom--16 {
  bottom: var(--spacing-16);
}

.left--16 {
  left: var(--spacing-16);
}

.inset--16 {
  top: var(--spacing-16);
  right: var(--spacing-16);
  bottom: var(--spacing-16);
  left: var(--spacing-16);
}

.m--17 {
  margin: var(--spacing-17);
}

.mt--17 {
  margin-top: var(--spacing-17);
}

.mb--17 {
  margin-bottom: var(--spacing-17);
}

.ml--17 {
  margin-left: var(--spacing-17);
}

.mr--17 {
  margin-right: var(--spacing-17);
}

.mx--17 {
  margin-left: var(--spacing-17);
  margin-right: var(--spacing-17);
}

.my--17 {
  margin-top: var(--spacing-17);
  margin-bottom: var(--spacing-17);
}

.p--17 {
  padding: var(--spacing-17);
}

.pt--17 {
  padding-top: var(--spacing-17);
}

.pb--17 {
  padding-bottom: var(--spacing-17);
}

.pl--17 {
  padding-left: var(--spacing-17);
}

.pr--17 {
  padding-right: var(--spacing-17);
}

.px--17 {
  padding-left: var(--spacing-17);
  padding-right: var(--spacing-17);
}

.py--17 {
  padding-top: var(--spacing-17);
  padding-bottom: var(--spacing-17);
}

.w--17 {
  width: var(--spacing-17);
}

.max-w--17 {
  max-width: var(--spacing-17);
}

.h--17 {
  height: var(--spacing-17);
}

.max-h--17 {
  max-height: var(--spacing-17);
}

.gap--17 {
  gap: var(--spacing-17);
}

.row-gap--17 {
  row-gap: var(--spacing-17);
}

.col-gap--17 {
  -moz-column-gap: var(--spacing-17);
  column-gap: var(--spacing-17);
}

.top--17 {
  top: var(--spacing-17);
}

.right--17 {
  right: var(--spacing-17);
}

.bottom--17 {
  bottom: var(--spacing-17);
}

.left--17 {
  left: var(--spacing-17);
}

.inset--17 {
  top: var(--spacing-17);
  right: var(--spacing-17);
  bottom: var(--spacing-17);
  left: var(--spacing-17);
}

.m--18 {
  margin: var(--spacing-18);
}

.mt--18 {
  margin-top: var(--spacing-18);
}

.mb--18 {
  margin-bottom: var(--spacing-18);
}

.ml--18 {
  margin-left: var(--spacing-18);
}

.mr--18 {
  margin-right: var(--spacing-18);
}

.mx--18 {
  margin-left: var(--spacing-18);
  margin-right: var(--spacing-18);
}

.my--18 {
  margin-top: var(--spacing-18);
  margin-bottom: var(--spacing-18);
}

.p--18 {
  padding: var(--spacing-18);
}

.pt--18 {
  padding-top: var(--spacing-18);
}

.pb--18 {
  padding-bottom: var(--spacing-18);
}

.pl--18 {
  padding-left: var(--spacing-18);
}

.pr--18 {
  padding-right: var(--spacing-18);
}

.px--18 {
  padding-left: var(--spacing-18);
  padding-right: var(--spacing-18);
}

.py--18 {
  padding-top: var(--spacing-18);
  padding-bottom: var(--spacing-18);
}

.w--18 {
  width: var(--spacing-18);
}

.max-w--18 {
  max-width: var(--spacing-18);
}

.h--18 {
  height: var(--spacing-18);
}

.max-h--18 {
  max-height: var(--spacing-18);
}

.gap--18 {
  gap: var(--spacing-18);
}

.row-gap--18 {
  row-gap: var(--spacing-18);
}

.col-gap--18 {
  -moz-column-gap: var(--spacing-18);
  column-gap: var(--spacing-18);
}

.top--18 {
  top: var(--spacing-18);
}

.right--18 {
  right: var(--spacing-18);
}

.bottom--18 {
  bottom: var(--spacing-18);
}

.left--18 {
  left: var(--spacing-18);
}

.inset--18 {
  top: var(--spacing-18);
  right: var(--spacing-18);
  bottom: var(--spacing-18);
  left: var(--spacing-18);
}

.m--19 {
  margin: var(--spacing-19);
}

.mt--19 {
  margin-top: var(--spacing-19);
}

.mb--19 {
  margin-bottom: var(--spacing-19);
}

.ml--19 {
  margin-left: var(--spacing-19);
}

.mr--19 {
  margin-right: var(--spacing-19);
}

.mx--19 {
  margin-left: var(--spacing-19);
  margin-right: var(--spacing-19);
}

.my--19 {
  margin-top: var(--spacing-19);
  margin-bottom: var(--spacing-19);
}

.p--19 {
  padding: var(--spacing-19);
}

.pt--19 {
  padding-top: var(--spacing-19);
}

.pb--19 {
  padding-bottom: var(--spacing-19);
}

.pl--19 {
  padding-left: var(--spacing-19);
}

.pr--19 {
  padding-right: var(--spacing-19);
}

.px--19 {
  padding-left: var(--spacing-19);
  padding-right: var(--spacing-19);
}

.py--19 {
  padding-top: var(--spacing-19);
  padding-bottom: var(--spacing-19);
}

.w--19 {
  width: var(--spacing-19);
}

.max-w--19 {
  max-width: var(--spacing-19);
}

.h--19 {
  height: var(--spacing-19);
}

.max-h--19 {
  max-height: var(--spacing-19);
}

.gap--19 {
  gap: var(--spacing-19);
}

.row-gap--19 {
  row-gap: var(--spacing-19);
}

.col-gap--19 {
  -moz-column-gap: var(--spacing-19);
  column-gap: var(--spacing-19);
}

.top--19 {
  top: var(--spacing-19);
}

.right--19 {
  right: var(--spacing-19);
}

.bottom--19 {
  bottom: var(--spacing-19);
}

.left--19 {
  left: var(--spacing-19);
}

.inset--19 {
  top: var(--spacing-19);
  right: var(--spacing-19);
  bottom: var(--spacing-19);
  left: var(--spacing-19);
}

.m--20 {
  margin: var(--spacing-20);
}

.mt--20 {
  margin-top: var(--spacing-20);
}

.mb--20 {
  margin-bottom: var(--spacing-20);
}

.ml--20 {
  margin-left: var(--spacing-20);
}

.mr--20 {
  margin-right: var(--spacing-20);
}

.mx--20 {
  margin-left: var(--spacing-20);
  margin-right: var(--spacing-20);
}

.my--20 {
  margin-top: var(--spacing-20);
  margin-bottom: var(--spacing-20);
}

.p--20 {
  padding: var(--spacing-20);
}

.pt--20 {
  padding-top: var(--spacing-20);
}

.pb--20 {
  padding-bottom: var(--spacing-20);
}

.pl--20 {
  padding-left: var(--spacing-20);
}

.pr--20 {
  padding-right: var(--spacing-20);
}

.px--20 {
  padding-left: var(--spacing-20);
  padding-right: var(--spacing-20);
}

.py--20 {
  padding-top: var(--spacing-20);
  padding-bottom: var(--spacing-20);
}

.w--20 {
  width: var(--spacing-20);
}

.max-w--20 {
  max-width: var(--spacing-20);
}

.h--20 {
  height: var(--spacing-20);
}

.max-h--20 {
  max-height: var(--spacing-20);
}

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

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

.col-gap--20 {
  -moz-column-gap: var(--spacing-20);
  column-gap: var(--spacing-20);
}

.top--20 {
  top: var(--spacing-20);
}

.right--20 {
  right: var(--spacing-20);
}

.bottom--20 {
  bottom: var(--spacing-20);
}

.left--20 {
  left: var(--spacing-20);
}

.inset--20 {
  top: var(--spacing-20);
  right: var(--spacing-20);
  bottom: var(--spacing-20);
  left: var(--spacing-20);
}

.m--21 {
  margin: var(--spacing-21);
}

.mt--21 {
  margin-top: var(--spacing-21);
}

.mb--21 {
  margin-bottom: var(--spacing-21);
}

.ml--21 {
  margin-left: var(--spacing-21);
}

.mr--21 {
  margin-right: var(--spacing-21);
}

.mx--21 {
  margin-left: var(--spacing-21);
  margin-right: var(--spacing-21);
}

.my--21 {
  margin-top: var(--spacing-21);
  margin-bottom: var(--spacing-21);
}

.p--21 {
  padding: var(--spacing-21);
}

.pt--21 {
  padding-top: var(--spacing-21);
}

.pb--21 {
  padding-bottom: var(--spacing-21);
}

.pl--21 {
  padding-left: var(--spacing-21);
}

.pr--21 {
  padding-right: var(--spacing-21);
}

.px--21 {
  padding-left: var(--spacing-21);
  padding-right: var(--spacing-21);
}

.py--21 {
  padding-top: var(--spacing-21);
  padding-bottom: var(--spacing-21);
}

.w--21 {
  width: var(--spacing-21);
}

.max-w--21 {
  max-width: var(--spacing-21);
}

.h--21 {
  height: var(--spacing-21);
}

.max-h--21 {
  max-height: var(--spacing-21);
}

.gap--21 {
  gap: var(--spacing-21);
}

.row-gap--21 {
  row-gap: var(--spacing-21);
}

.col-gap--21 {
  -moz-column-gap: var(--spacing-21);
  column-gap: var(--spacing-21);
}

.top--21 {
  top: var(--spacing-21);
}

.right--21 {
  right: var(--spacing-21);
}

.bottom--21 {
  bottom: var(--spacing-21);
}

.left--21 {
  left: var(--spacing-21);
}

.inset--21 {
  top: var(--spacing-21);
  right: var(--spacing-21);
  bottom: var(--spacing-21);
  left: var(--spacing-21);
}

.m--22 {
  margin: var(--spacing-22);
}

.mt--22 {
  margin-top: var(--spacing-22);
}

.mb--22 {
  margin-bottom: var(--spacing-22);
}

.ml--22 {
  margin-left: var(--spacing-22);
}

.mr--22 {
  margin-right: var(--spacing-22);
}

.mx--22 {
  margin-left: var(--spacing-22);
  margin-right: var(--spacing-22);
}

.my--22 {
  margin-top: var(--spacing-22);
  margin-bottom: var(--spacing-22);
}

.p--22 {
  padding: var(--spacing-22);
}

.pt--22 {
  padding-top: var(--spacing-22);
}

.pb--22 {
  padding-bottom: var(--spacing-22);
}

.pl--22 {
  padding-left: var(--spacing-22);
}

.pr--22 {
  padding-right: var(--spacing-22);
}

.px--22 {
  padding-left: var(--spacing-22);
  padding-right: var(--spacing-22);
}

.py--22 {
  padding-top: var(--spacing-22);
  padding-bottom: var(--spacing-22);
}

.w--22 {
  width: var(--spacing-22);
}

.max-w--22 {
  max-width: var(--spacing-22);
}

.h--22 {
  height: var(--spacing-22);
}

.max-h--22 {
  max-height: var(--spacing-22);
}

.gap--22 {
  gap: var(--spacing-22);
}

.row-gap--22 {
  row-gap: var(--spacing-22);
}

.col-gap--22 {
  -moz-column-gap: var(--spacing-22);
  column-gap: var(--spacing-22);
}

.top--22 {
  top: var(--spacing-22);
}

.right--22 {
  right: var(--spacing-22);
}

.bottom--22 {
  bottom: var(--spacing-22);
}

.left--22 {
  left: var(--spacing-22);
}

.inset--22 {
  top: var(--spacing-22);
  right: var(--spacing-22);
  bottom: var(--spacing-22);
  left: var(--spacing-22);
}

.m--23 {
  margin: var(--spacing-23);
}

.mt--23 {
  margin-top: var(--spacing-23);
}

.mb--23 {
  margin-bottom: var(--spacing-23);
}

.ml--23 {
  margin-left: var(--spacing-23);
}

.mr--23 {
  margin-right: var(--spacing-23);
}

.mx--23 {
  margin-left: var(--spacing-23);
  margin-right: var(--spacing-23);
}

.my--23 {
  margin-top: var(--spacing-23);
  margin-bottom: var(--spacing-23);
}

.p--23 {
  padding: var(--spacing-23);
}

.pt--23 {
  padding-top: var(--spacing-23);
}

.pb--23 {
  padding-bottom: var(--spacing-23);
}

.pl--23 {
  padding-left: var(--spacing-23);
}

.pr--23 {
  padding-right: var(--spacing-23);
}

.px--23 {
  padding-left: var(--spacing-23);
  padding-right: var(--spacing-23);
}

.py--23 {
  padding-top: var(--spacing-23);
  padding-bottom: var(--spacing-23);
}

.w--23 {
  width: var(--spacing-23);
}

.max-w--23 {
  max-width: var(--spacing-23);
}

.h--23 {
  height: var(--spacing-23);
}

.max-h--23 {
  max-height: var(--spacing-23);
}

.gap--23 {
  gap: var(--spacing-23);
}

.row-gap--23 {
  row-gap: var(--spacing-23);
}

.col-gap--23 {
  -moz-column-gap: var(--spacing-23);
  column-gap: var(--spacing-23);
}

.top--23 {
  top: var(--spacing-23);
}

.right--23 {
  right: var(--spacing-23);
}

.bottom--23 {
  bottom: var(--spacing-23);
}

.left--23 {
  left: var(--spacing-23);
}

.inset--23 {
  top: var(--spacing-23);
  right: var(--spacing-23);
  bottom: var(--spacing-23);
  left: var(--spacing-23);
}

.m--24 {
  margin: var(--spacing-24);
}

.mt--24 {
  margin-top: var(--spacing-24);
}

.mb--24 {
  margin-bottom: var(--spacing-24);
}

.ml--24 {
  margin-left: var(--spacing-24);
}

.mr--24 {
  margin-right: var(--spacing-24);
}

.mx--24 {
  margin-left: var(--spacing-24);
  margin-right: var(--spacing-24);
}

.my--24 {
  margin-top: var(--spacing-24);
  margin-bottom: var(--spacing-24);
}

.p--24 {
  padding: var(--spacing-24);
}

.pt--24 {
  padding-top: var(--spacing-24);
}

.pb--24 {
  padding-bottom: var(--spacing-24);
}

.pl--24 {
  padding-left: var(--spacing-24);
}

.pr--24 {
  padding-right: var(--spacing-24);
}

.px--24 {
  padding-left: var(--spacing-24);
  padding-right: var(--spacing-24);
}

.py--24 {
  padding-top: var(--spacing-24);
  padding-bottom: var(--spacing-24);
}

.w--24 {
  width: var(--spacing-24);
}

.max-w--24 {
  max-width: var(--spacing-24);
}

.h--24 {
  height: var(--spacing-24);
}

.max-h--24 {
  max-height: var(--spacing-24);
}

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

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

.col-gap--24 {
  -moz-column-gap: var(--spacing-24);
  column-gap: var(--spacing-24);
}

.top--24 {
  top: var(--spacing-24);
}

.right--24 {
  right: var(--spacing-24);
}

.bottom--24 {
  bottom: var(--spacing-24);
}

.left--24 {
  left: var(--spacing-24);
}

.inset--24 {
  top: var(--spacing-24);
  right: var(--spacing-24);
  bottom: var(--spacing-24);
  left: var(--spacing-24);
}

.m--25 {
  margin: var(--spacing-25);
}

.mt--25 {
  margin-top: var(--spacing-25);
}

.mb--25 {
  margin-bottom: var(--spacing-25);
}

.ml--25 {
  margin-left: var(--spacing-25);
}

.mr--25 {
  margin-right: var(--spacing-25);
}

.mx--25 {
  margin-left: var(--spacing-25);
  margin-right: var(--spacing-25);
}

.my--25 {
  margin-top: var(--spacing-25);
  margin-bottom: var(--spacing-25);
}

.p--25 {
  padding: var(--spacing-25);
}

.pt--25 {
  padding-top: var(--spacing-25);
}

.pb--25 {
  padding-bottom: var(--spacing-25);
}

.pl--25 {
  padding-left: var(--spacing-25);
}

.pr--25 {
  padding-right: var(--spacing-25);
}

.px--25 {
  padding-left: var(--spacing-25);
  padding-right: var(--spacing-25);
}

.py--25 {
  padding-top: var(--spacing-25);
  padding-bottom: var(--spacing-25);
}

.w--25 {
  width: var(--spacing-25);
}

.max-w--25 {
  max-width: var(--spacing-25);
}

.h--25 {
  height: var(--spacing-25);
}

.max-h--25 {
  max-height: var(--spacing-25);
}

.gap--25 {
  gap: var(--spacing-25);
}

.row-gap--25 {
  row-gap: var(--spacing-25);
}

.col-gap--25 {
  -moz-column-gap: var(--spacing-25);
  column-gap: var(--spacing-25);
}

.top--25 {
  top: var(--spacing-25);
}

.right--25 {
  right: var(--spacing-25);
}

.bottom--25 {
  bottom: var(--spacing-25);
}

.left--25 {
  left: var(--spacing-25);
}

.inset--25 {
  top: var(--spacing-25);
  right: var(--spacing-25);
  bottom: var(--spacing-25);
  left: var(--spacing-25);
}

.m--26 {
  margin: var(--spacing-26);
}

.mt--26 {
  margin-top: var(--spacing-26);
}

.mb--26 {
  margin-bottom: var(--spacing-26);
}

.ml--26 {
  margin-left: var(--spacing-26);
}

.mr--26 {
  margin-right: var(--spacing-26);
}

.mx--26 {
  margin-left: var(--spacing-26);
  margin-right: var(--spacing-26);
}

.my--26 {
  margin-top: var(--spacing-26);
  margin-bottom: var(--spacing-26);
}

.p--26 {
  padding: var(--spacing-26);
}

.pt--26 {
  padding-top: var(--spacing-26);
}

.pb--26 {
  padding-bottom: var(--spacing-26);
}

.pl--26 {
  padding-left: var(--spacing-26);
}

.pr--26 {
  padding-right: var(--spacing-26);
}

.px--26 {
  padding-left: var(--spacing-26);
  padding-right: var(--spacing-26);
}

.py--26 {
  padding-top: var(--spacing-26);
  padding-bottom: var(--spacing-26);
}

.w--26 {
  width: var(--spacing-26);
}

.max-w--26 {
  max-width: var(--spacing-26);
}

.h--26 {
  height: var(--spacing-26);
}

.max-h--26 {
  max-height: var(--spacing-26);
}

.gap--26 {
  gap: var(--spacing-26);
}

.row-gap--26 {
  row-gap: var(--spacing-26);
}

.col-gap--26 {
  -moz-column-gap: var(--spacing-26);
  column-gap: var(--spacing-26);
}

.top--26 {
  top: var(--spacing-26);
}

.right--26 {
  right: var(--spacing-26);
}

.bottom--26 {
  bottom: var(--spacing-26);
}

.left--26 {
  left: var(--spacing-26);
}

.inset--26 {
  top: var(--spacing-26);
  right: var(--spacing-26);
  bottom: var(--spacing-26);
  left: var(--spacing-26);
}

.m--27 {
  margin: var(--spacing-27);
}

.mt--27 {
  margin-top: var(--spacing-27);
}

.mb--27 {
  margin-bottom: var(--spacing-27);
}

.ml--27 {
  margin-left: var(--spacing-27);
}

.mr--27 {
  margin-right: var(--spacing-27);
}

.mx--27 {
  margin-left: var(--spacing-27);
  margin-right: var(--spacing-27);
}

.my--27 {
  margin-top: var(--spacing-27);
  margin-bottom: var(--spacing-27);
}

.p--27 {
  padding: var(--spacing-27);
}

.pt--27 {
  padding-top: var(--spacing-27);
}

.pb--27 {
  padding-bottom: var(--spacing-27);
}

.pl--27 {
  padding-left: var(--spacing-27);
}

.pr--27 {
  padding-right: var(--spacing-27);
}

.px--27 {
  padding-left: var(--spacing-27);
  padding-right: var(--spacing-27);
}

.py--27 {
  padding-top: var(--spacing-27);
  padding-bottom: var(--spacing-27);
}

.w--27 {
  width: var(--spacing-27);
}

.max-w--27 {
  max-width: var(--spacing-27);
}

.h--27 {
  height: var(--spacing-27);
}

.max-h--27 {
  max-height: var(--spacing-27);
}

.gap--27 {
  gap: var(--spacing-27);
}

.row-gap--27 {
  row-gap: var(--spacing-27);
}

.col-gap--27 {
  -moz-column-gap: var(--spacing-27);
  column-gap: var(--spacing-27);
}

.top--27 {
  top: var(--spacing-27);
}

.right--27 {
  right: var(--spacing-27);
}

.bottom--27 {
  bottom: var(--spacing-27);
}

.left--27 {
  left: var(--spacing-27);
}

.inset--27 {
  top: var(--spacing-27);
  right: var(--spacing-27);
  bottom: var(--spacing-27);
  left: var(--spacing-27);
}

.m--28 {
  margin: var(--spacing-28);
}

.mt--28 {
  margin-top: var(--spacing-28);
}

.mb--28 {
  margin-bottom: var(--spacing-28);
}

.ml--28 {
  margin-left: var(--spacing-28);
}

.mr--28 {
  margin-right: var(--spacing-28);
}

.mx--28 {
  margin-left: var(--spacing-28);
  margin-right: var(--spacing-28);
}

.my--28 {
  margin-top: var(--spacing-28);
  margin-bottom: var(--spacing-28);
}

.p--28 {
  padding: var(--spacing-28);
}

.pt--28 {
  padding-top: var(--spacing-28);
}

.pb--28 {
  padding-bottom: var(--spacing-28);
}

.pl--28 {
  padding-left: var(--spacing-28);
}

.pr--28 {
  padding-right: var(--spacing-28);
}

.px--28 {
  padding-left: var(--spacing-28);
  padding-right: var(--spacing-28);
}

.py--28 {
  padding-top: var(--spacing-28);
  padding-bottom: var(--spacing-28);
}

.w--28 {
  width: var(--spacing-28);
}

.max-w--28 {
  max-width: var(--spacing-28);
}

.h--28 {
  height: var(--spacing-28);
}

.max-h--28 {
  max-height: var(--spacing-28);
}

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

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

.col-gap--28 {
  -moz-column-gap: var(--spacing-28);
  column-gap: var(--spacing-28);
}

.top--28 {
  top: var(--spacing-28);
}

.right--28 {
  right: var(--spacing-28);
}

.bottom--28 {
  bottom: var(--spacing-28);
}

.left--28 {
  left: var(--spacing-28);
}

.inset--28 {
  top: var(--spacing-28);
  right: var(--spacing-28);
  bottom: var(--spacing-28);
  left: var(--spacing-28);
}

.m--29 {
  margin: var(--spacing-29);
}

.mt--29 {
  margin-top: var(--spacing-29);
}

.mb--29 {
  margin-bottom: var(--spacing-29);
}

.ml--29 {
  margin-left: var(--spacing-29);
}

.mr--29 {
  margin-right: var(--spacing-29);
}

.mx--29 {
  margin-left: var(--spacing-29);
  margin-right: var(--spacing-29);
}

.my--29 {
  margin-top: var(--spacing-29);
  margin-bottom: var(--spacing-29);
}

.p--29 {
  padding: var(--spacing-29);
}

.pt--29 {
  padding-top: var(--spacing-29);
}

.pb--29 {
  padding-bottom: var(--spacing-29);
}

.pl--29 {
  padding-left: var(--spacing-29);
}

.pr--29 {
  padding-right: var(--spacing-29);
}

.px--29 {
  padding-left: var(--spacing-29);
  padding-right: var(--spacing-29);
}

.py--29 {
  padding-top: var(--spacing-29);
  padding-bottom: var(--spacing-29);
}

.w--29 {
  width: var(--spacing-29);
}

.max-w--29 {
  max-width: var(--spacing-29);
}

.h--29 {
  height: var(--spacing-29);
}

.max-h--29 {
  max-height: var(--spacing-29);
}

.gap--29 {
  gap: var(--spacing-29);
}

.row-gap--29 {
  row-gap: var(--spacing-29);
}

.col-gap--29 {
  -moz-column-gap: var(--spacing-29);
  column-gap: var(--spacing-29);
}

.top--29 {
  top: var(--spacing-29);
}

.right--29 {
  right: var(--spacing-29);
}

.bottom--29 {
  bottom: var(--spacing-29);
}

.left--29 {
  left: var(--spacing-29);
}

.inset--29 {
  top: var(--spacing-29);
  right: var(--spacing-29);
  bottom: var(--spacing-29);
  left: var(--spacing-29);
}

.m--30 {
  margin: var(--spacing-30);
}

.mt--30 {
  margin-top: var(--spacing-30);
}

.mb--30 {
  margin-bottom: var(--spacing-30);
}

.ml--30 {
  margin-left: var(--spacing-30);
}

.mr--30 {
  margin-right: var(--spacing-30);
}

.mx--30 {
  margin-left: var(--spacing-30);
  margin-right: var(--spacing-30);
}

.my--30 {
  margin-top: var(--spacing-30);
  margin-bottom: var(--spacing-30);
}

.p--30 {
  padding: var(--spacing-30);
}

.pt--30 {
  padding-top: var(--spacing-30);
}

.pb--30 {
  padding-bottom: var(--spacing-30);
}

.pl--30 {
  padding-left: var(--spacing-30);
}

.pr--30 {
  padding-right: var(--spacing-30);
}

.px--30 {
  padding-left: var(--spacing-30);
  padding-right: var(--spacing-30);
}

.py--30 {
  padding-top: var(--spacing-30);
  padding-bottom: var(--spacing-30);
}

.w--30 {
  width: var(--spacing-30);
}

.max-w--30 {
  max-width: var(--spacing-30);
}

.h--30 {
  height: var(--spacing-30);
}

.max-h--30 {
  max-height: var(--spacing-30);
}

.gap--30 {
  gap: var(--spacing-30);
}

.row-gap--30 {
  row-gap: var(--spacing-30);
}

.col-gap--30 {
  -moz-column-gap: var(--spacing-30);
  column-gap: var(--spacing-30);
}

.top--30 {
  top: var(--spacing-30);
}

.right--30 {
  right: var(--spacing-30);
}

.bottom--30 {
  bottom: var(--spacing-30);
}

.left--30 {
  left: var(--spacing-30);
}

.inset--30 {
  top: var(--spacing-30);
  right: var(--spacing-30);
  bottom: var(--spacing-30);
  left: var(--spacing-30);
}

.m--31 {
  margin: var(--spacing-31);
}

.mt--31 {
  margin-top: var(--spacing-31);
}

.mb--31 {
  margin-bottom: var(--spacing-31);
}

.ml--31 {
  margin-left: var(--spacing-31);
}

.mr--31 {
  margin-right: var(--spacing-31);
}

.mx--31 {
  margin-left: var(--spacing-31);
  margin-right: var(--spacing-31);
}

.my--31 {
  margin-top: var(--spacing-31);
  margin-bottom: var(--spacing-31);
}

.p--31 {
  padding: var(--spacing-31);
}

.pt--31 {
  padding-top: var(--spacing-31);
}

.pb--31 {
  padding-bottom: var(--spacing-31);
}

.pl--31 {
  padding-left: var(--spacing-31);
}

.pr--31 {
  padding-right: var(--spacing-31);
}

.px--31 {
  padding-left: var(--spacing-31);
  padding-right: var(--spacing-31);
}

.py--31 {
  padding-top: var(--spacing-31);
  padding-bottom: var(--spacing-31);
}

.w--31 {
  width: var(--spacing-31);
}

.max-w--31 {
  max-width: var(--spacing-31);
}

.h--31 {
  height: var(--spacing-31);
}

.max-h--31 {
  max-height: var(--spacing-31);
}

.gap--31 {
  gap: var(--spacing-31);
}

.row-gap--31 {
  row-gap: var(--spacing-31);
}

.col-gap--31 {
  -moz-column-gap: var(--spacing-31);
  column-gap: var(--spacing-31);
}

.top--31 {
  top: var(--spacing-31);
}

.right--31 {
  right: var(--spacing-31);
}

.bottom--31 {
  bottom: var(--spacing-31);
}

.left--31 {
  left: var(--spacing-31);
}

.inset--31 {
  top: var(--spacing-31);
  right: var(--spacing-31);
  bottom: var(--spacing-31);
  left: var(--spacing-31);
}

.m--32 {
  margin: var(--spacing-32);
}

.mt--32 {
  margin-top: var(--spacing-32);
}

.mb--32 {
  margin-bottom: var(--spacing-32);
}

.ml--32 {
  margin-left: var(--spacing-32);
}

.mr--32 {
  margin-right: var(--spacing-32);
}

.mx--32 {
  margin-left: var(--spacing-32);
  margin-right: var(--spacing-32);
}

.my--32 {
  margin-top: var(--spacing-32);
  margin-bottom: var(--spacing-32);
}

.p--32 {
  padding: var(--spacing-32);
}

.pt--32 {
  padding-top: var(--spacing-32);
}

.pb--32 {
  padding-bottom: var(--spacing-32);
}

.pl--32 {
  padding-left: var(--spacing-32);
}

.pr--32 {
  padding-right: var(--spacing-32);
}

.px--32 {
  padding-left: var(--spacing-32);
  padding-right: var(--spacing-32);
}

.py--32 {
  padding-top: var(--spacing-32);
  padding-bottom: var(--spacing-32);
}

.w--32 {
  width: var(--spacing-32);
}

.max-w--32 {
  max-width: var(--spacing-32);
}

.h--32 {
  height: var(--spacing-32);
}

.max-h--32 {
  max-height: var(--spacing-32);
}

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

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

.col-gap--32 {
  -moz-column-gap: var(--spacing-32);
  column-gap: var(--spacing-32);
}

.top--32 {
  top: var(--spacing-32);
}

.right--32 {
  right: var(--spacing-32);
}

.bottom--32 {
  bottom: var(--spacing-32);
}

.left--32 {
  left: var(--spacing-32);
}

.inset--32 {
  top: var(--spacing-32);
  right: var(--spacing-32);
  bottom: var(--spacing-32);
  left: var(--spacing-32);
}

.m--33 {
  margin: var(--spacing-33);
}

.mt--33 {
  margin-top: var(--spacing-33);
}

.mb--33 {
  margin-bottom: var(--spacing-33);
}

.ml--33 {
  margin-left: var(--spacing-33);
}

.mr--33 {
  margin-right: var(--spacing-33);
}

.mx--33 {
  margin-left: var(--spacing-33);
  margin-right: var(--spacing-33);
}

.my--33 {
  margin-top: var(--spacing-33);
  margin-bottom: var(--spacing-33);
}

.p--33 {
  padding: var(--spacing-33);
}

.pt--33 {
  padding-top: var(--spacing-33);
}

.pb--33 {
  padding-bottom: var(--spacing-33);
}

.pl--33 {
  padding-left: var(--spacing-33);
}

.pr--33 {
  padding-right: var(--spacing-33);
}

.px--33 {
  padding-left: var(--spacing-33);
  padding-right: var(--spacing-33);
}

.py--33 {
  padding-top: var(--spacing-33);
  padding-bottom: var(--spacing-33);
}

.w--33 {
  width: var(--spacing-33);
}

.max-w--33 {
  max-width: var(--spacing-33);
}

.h--33 {
  height: var(--spacing-33);
}

.max-h--33 {
  max-height: var(--spacing-33);
}

.gap--33 {
  gap: var(--spacing-33);
}

.row-gap--33 {
  row-gap: var(--spacing-33);
}

.col-gap--33 {
  -moz-column-gap: var(--spacing-33);
  column-gap: var(--spacing-33);
}

.top--33 {
  top: var(--spacing-33);
}

.right--33 {
  right: var(--spacing-33);
}

.bottom--33 {
  bottom: var(--spacing-33);
}

.left--33 {
  left: var(--spacing-33);
}

.inset--33 {
  top: var(--spacing-33);
  right: var(--spacing-33);
  bottom: var(--spacing-33);
  left: var(--spacing-33);
}

.m--34 {
  margin: var(--spacing-34);
}

.mt--34 {
  margin-top: var(--spacing-34);
}

.mb--34 {
  margin-bottom: var(--spacing-34);
}

.ml--34 {
  margin-left: var(--spacing-34);
}

.mr--34 {
  margin-right: var(--spacing-34);
}

.mx--34 {
  margin-left: var(--spacing-34);
  margin-right: var(--spacing-34);
}

.my--34 {
  margin-top: var(--spacing-34);
  margin-bottom: var(--spacing-34);
}

.p--34 {
  padding: var(--spacing-34);
}

.pt--34 {
  padding-top: var(--spacing-34);
}

.pb--34 {
  padding-bottom: var(--spacing-34);
}

.pl--34 {
  padding-left: var(--spacing-34);
}

.pr--34 {
  padding-right: var(--spacing-34);
}

.px--34 {
  padding-left: var(--spacing-34);
  padding-right: var(--spacing-34);
}

.py--34 {
  padding-top: var(--spacing-34);
  padding-bottom: var(--spacing-34);
}

.w--34 {
  width: var(--spacing-34);
}

.max-w--34 {
  max-width: var(--spacing-34);
}

.h--34 {
  height: var(--spacing-34);
}

.max-h--34 {
  max-height: var(--spacing-34);
}

.gap--34 {
  gap: var(--spacing-34);
}

.row-gap--34 {
  row-gap: var(--spacing-34);
}

.col-gap--34 {
  -moz-column-gap: var(--spacing-34);
  column-gap: var(--spacing-34);
}

.top--34 {
  top: var(--spacing-34);
}

.right--34 {
  right: var(--spacing-34);
}

.bottom--34 {
  bottom: var(--spacing-34);
}

.left--34 {
  left: var(--spacing-34);
}

.inset--34 {
  top: var(--spacing-34);
  right: var(--spacing-34);
  bottom: var(--spacing-34);
  left: var(--spacing-34);
}

.m--35 {
  margin: var(--spacing-35);
}

.mt--35 {
  margin-top: var(--spacing-35);
}

.mb--35 {
  margin-bottom: var(--spacing-35);
}

.ml--35 {
  margin-left: var(--spacing-35);
}

.mr--35 {
  margin-right: var(--spacing-35);
}

.mx--35 {
  margin-left: var(--spacing-35);
  margin-right: var(--spacing-35);
}

.my--35 {
  margin-top: var(--spacing-35);
  margin-bottom: var(--spacing-35);
}

.p--35 {
  padding: var(--spacing-35);
}

.pt--35 {
  padding-top: var(--spacing-35);
}

.pb--35 {
  padding-bottom: var(--spacing-35);
}

.pl--35 {
  padding-left: var(--spacing-35);
}

.pr--35 {
  padding-right: var(--spacing-35);
}

.px--35 {
  padding-left: var(--spacing-35);
  padding-right: var(--spacing-35);
}

.py--35 {
  padding-top: var(--spacing-35);
  padding-bottom: var(--spacing-35);
}

.w--35 {
  width: var(--spacing-35);
}

.max-w--35 {
  max-width: var(--spacing-35);
}

.h--35 {
  height: var(--spacing-35);
}

.max-h--35 {
  max-height: var(--spacing-35);
}

.gap--35 {
  gap: var(--spacing-35);
}

.row-gap--35 {
  row-gap: var(--spacing-35);
}

.col-gap--35 {
  -moz-column-gap: var(--spacing-35);
  column-gap: var(--spacing-35);
}

.top--35 {
  top: var(--spacing-35);
}

.right--35 {
  right: var(--spacing-35);
}

.bottom--35 {
  bottom: var(--spacing-35);
}

.left--35 {
  left: var(--spacing-35);
}

.inset--35 {
  top: var(--spacing-35);
  right: var(--spacing-35);
  bottom: var(--spacing-35);
  left: var(--spacing-35);
}

.m--36 {
  margin: var(--spacing-36);
}

.mt--36 {
  margin-top: var(--spacing-36);
}

.mb--36 {
  margin-bottom: var(--spacing-36);
}

.ml--36 {
  margin-left: var(--spacing-36);
}

.mr--36 {
  margin-right: var(--spacing-36);
}

.mx--36 {
  margin-left: var(--spacing-36);
  margin-right: var(--spacing-36);
}

.my--36 {
  margin-top: var(--spacing-36);
  margin-bottom: var(--spacing-36);
}

.p--36 {
  padding: var(--spacing-36);
}

.pt--36 {
  padding-top: var(--spacing-36);
}

.pb--36 {
  padding-bottom: var(--spacing-36);
}

.pl--36 {
  padding-left: var(--spacing-36);
}

.pr--36 {
  padding-right: var(--spacing-36);
}

.px--36 {
  padding-left: var(--spacing-36);
  padding-right: var(--spacing-36);
}

.py--36 {
  padding-top: var(--spacing-36);
  padding-bottom: var(--spacing-36);
}

.w--36 {
  width: var(--spacing-36);
}

.max-w--36 {
  max-width: var(--spacing-36);
}

.h--36 {
  height: var(--spacing-36);
}

.max-h--36 {
  max-height: var(--spacing-36);
}

.gap--36 {
  gap: var(--spacing-36);
}

.row-gap--36 {
  row-gap: var(--spacing-36);
}

.col-gap--36 {
  -moz-column-gap: var(--spacing-36);
  column-gap: var(--spacing-36);
}

.top--36 {
  top: var(--spacing-36);
}

.right--36 {
  right: var(--spacing-36);
}

.bottom--36 {
  bottom: var(--spacing-36);
}

.left--36 {
  left: var(--spacing-36);
}

.inset--36 {
  top: var(--spacing-36);
  right: var(--spacing-36);
  bottom: var(--spacing-36);
  left: var(--spacing-36);
}

.m--37 {
  margin: var(--spacing-37);
}

.mt--37 {
  margin-top: var(--spacing-37);
}

.mb--37 {
  margin-bottom: var(--spacing-37);
}

.ml--37 {
  margin-left: var(--spacing-37);
}

.mr--37 {
  margin-right: var(--spacing-37);
}

.mx--37 {
  margin-left: var(--spacing-37);
  margin-right: var(--spacing-37);
}

.my--37 {
  margin-top: var(--spacing-37);
  margin-bottom: var(--spacing-37);
}

.p--37 {
  padding: var(--spacing-37);
}

.pt--37 {
  padding-top: var(--spacing-37);
}

.pb--37 {
  padding-bottom: var(--spacing-37);
}

.pl--37 {
  padding-left: var(--spacing-37);
}

.pr--37 {
  padding-right: var(--spacing-37);
}

.px--37 {
  padding-left: var(--spacing-37);
  padding-right: var(--spacing-37);
}

.py--37 {
  padding-top: var(--spacing-37);
  padding-bottom: var(--spacing-37);
}

.w--37 {
  width: var(--spacing-37);
}

.max-w--37 {
  max-width: var(--spacing-37);
}

.h--37 {
  height: var(--spacing-37);
}

.max-h--37 {
  max-height: var(--spacing-37);
}

.gap--37 {
  gap: var(--spacing-37);
}

.row-gap--37 {
  row-gap: var(--spacing-37);
}

.col-gap--37 {
  -moz-column-gap: var(--spacing-37);
  column-gap: var(--spacing-37);
}

.top--37 {
  top: var(--spacing-37);
}

.right--37 {
  right: var(--spacing-37);
}

.bottom--37 {
  bottom: var(--spacing-37);
}

.left--37 {
  left: var(--spacing-37);
}

.inset--37 {
  top: var(--spacing-37);
  right: var(--spacing-37);
  bottom: var(--spacing-37);
  left: var(--spacing-37);
}

.m--38 {
  margin: var(--spacing-38);
}

.mt--38 {
  margin-top: var(--spacing-38);
}

.mb--38 {
  margin-bottom: var(--spacing-38);
}

.ml--38 {
  margin-left: var(--spacing-38);
}

.mr--38 {
  margin-right: var(--spacing-38);
}

.mx--38 {
  margin-left: var(--spacing-38);
  margin-right: var(--spacing-38);
}

.my--38 {
  margin-top: var(--spacing-38);
  margin-bottom: var(--spacing-38);
}

.p--38 {
  padding: var(--spacing-38);
}

.pt--38 {
  padding-top: var(--spacing-38);
}

.pb--38 {
  padding-bottom: var(--spacing-38);
}

.pl--38 {
  padding-left: var(--spacing-38);
}

.pr--38 {
  padding-right: var(--spacing-38);
}

.px--38 {
  padding-left: var(--spacing-38);
  padding-right: var(--spacing-38);
}

.py--38 {
  padding-top: var(--spacing-38);
  padding-bottom: var(--spacing-38);
}

.w--38 {
  width: var(--spacing-38);
}

.max-w--38 {
  max-width: var(--spacing-38);
}

.h--38 {
  height: var(--spacing-38);
}

.max-h--38 {
  max-height: var(--spacing-38);
}

.gap--38 {
  gap: var(--spacing-38);
}

.row-gap--38 {
  row-gap: var(--spacing-38);
}

.col-gap--38 {
  -moz-column-gap: var(--spacing-38);
  column-gap: var(--spacing-38);
}

.top--38 {
  top: var(--spacing-38);
}

.right--38 {
  right: var(--spacing-38);
}

.bottom--38 {
  bottom: var(--spacing-38);
}

.left--38 {
  left: var(--spacing-38);
}

.inset--38 {
  top: var(--spacing-38);
  right: var(--spacing-38);
  bottom: var(--spacing-38);
  left: var(--spacing-38);
}

.m--39 {
  margin: var(--spacing-39);
}

.mt--39 {
  margin-top: var(--spacing-39);
}

.mb--39 {
  margin-bottom: var(--spacing-39);
}

.ml--39 {
  margin-left: var(--spacing-39);
}

.mr--39 {
  margin-right: var(--spacing-39);
}

.mx--39 {
  margin-left: var(--spacing-39);
  margin-right: var(--spacing-39);
}

.my--39 {
  margin-top: var(--spacing-39);
  margin-bottom: var(--spacing-39);
}

.p--39 {
  padding: var(--spacing-39);
}

.pt--39 {
  padding-top: var(--spacing-39);
}

.pb--39 {
  padding-bottom: var(--spacing-39);
}

.pl--39 {
  padding-left: var(--spacing-39);
}

.pr--39 {
  padding-right: var(--spacing-39);
}

.px--39 {
  padding-left: var(--spacing-39);
  padding-right: var(--spacing-39);
}

.py--39 {
  padding-top: var(--spacing-39);
  padding-bottom: var(--spacing-39);
}

.w--39 {
  width: var(--spacing-39);
}

.max-w--39 {
  max-width: var(--spacing-39);
}

.h--39 {
  height: var(--spacing-39);
}

.max-h--39 {
  max-height: var(--spacing-39);
}

.gap--39 {
  gap: var(--spacing-39);
}

.row-gap--39 {
  row-gap: var(--spacing-39);
}

.col-gap--39 {
  -moz-column-gap: var(--spacing-39);
  column-gap: var(--spacing-39);
}

.top--39 {
  top: var(--spacing-39);
}

.right--39 {
  right: var(--spacing-39);
}

.bottom--39 {
  bottom: var(--spacing-39);
}

.left--39 {
  left: var(--spacing-39);
}

.inset--39 {
  top: var(--spacing-39);
  right: var(--spacing-39);
  bottom: var(--spacing-39);
  left: var(--spacing-39);
}

.m--40 {
  margin: var(--spacing-40);
}

.mt--40 {
  margin-top: var(--spacing-40);
}

.mb--40 {
  margin-bottom: var(--spacing-40);
}

.ml--40 {
  margin-left: var(--spacing-40);
}

.mr--40 {
  margin-right: var(--spacing-40);
}

.mx--40 {
  margin-left: var(--spacing-40);
  margin-right: var(--spacing-40);
}

.my--40 {
  margin-top: var(--spacing-40);
  margin-bottom: var(--spacing-40);
}

.p--40 {
  padding: var(--spacing-40);
}

.pt--40 {
  padding-top: var(--spacing-40);
}

.pb--40 {
  padding-bottom: var(--spacing-40);
}

.pl--40 {
  padding-left: var(--spacing-40);
}

.pr--40 {
  padding-right: var(--spacing-40);
}

.px--40 {
  padding-left: var(--spacing-40);
  padding-right: var(--spacing-40);
}

.py--40 {
  padding-top: var(--spacing-40);
  padding-bottom: var(--spacing-40);
}

.w--40 {
  width: var(--spacing-40);
}

.max-w--40 {
  max-width: var(--spacing-40);
}

.h--40 {
  height: var(--spacing-40);
}

.max-h--40 {
  max-height: var(--spacing-40);
}

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

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

.col-gap--40 {
  -moz-column-gap: var(--spacing-40);
  column-gap: var(--spacing-40);
}

.top--40 {
  top: var(--spacing-40);
}

.right--40 {
  right: var(--spacing-40);
}

.bottom--40 {
  bottom: var(--spacing-40);
}

.left--40 {
  left: var(--spacing-40);
}

.inset--40 {
  top: var(--spacing-40);
  right: var(--spacing-40);
  bottom: var(--spacing-40);
  left: var(--spacing-40);
}

.m--41 {
  margin: var(--spacing-41);
}

.mt--41 {
  margin-top: var(--spacing-41);
}

.mb--41 {
  margin-bottom: var(--spacing-41);
}

.ml--41 {
  margin-left: var(--spacing-41);
}

.mr--41 {
  margin-right: var(--spacing-41);
}

.mx--41 {
  margin-left: var(--spacing-41);
  margin-right: var(--spacing-41);
}

.my--41 {
  margin-top: var(--spacing-41);
  margin-bottom: var(--spacing-41);
}

.p--41 {
  padding: var(--spacing-41);
}

.pt--41 {
  padding-top: var(--spacing-41);
}

.pb--41 {
  padding-bottom: var(--spacing-41);
}

.pl--41 {
  padding-left: var(--spacing-41);
}

.pr--41 {
  padding-right: var(--spacing-41);
}

.px--41 {
  padding-left: var(--spacing-41);
  padding-right: var(--spacing-41);
}

.py--41 {
  padding-top: var(--spacing-41);
  padding-bottom: var(--spacing-41);
}

.w--41 {
  width: var(--spacing-41);
}

.max-w--41 {
  max-width: var(--spacing-41);
}

.h--41 {
  height: var(--spacing-41);
}

.max-h--41 {
  max-height: var(--spacing-41);
}

.gap--41 {
  gap: var(--spacing-41);
}

.row-gap--41 {
  row-gap: var(--spacing-41);
}

.col-gap--41 {
  -moz-column-gap: var(--spacing-41);
  column-gap: var(--spacing-41);
}

.top--41 {
  top: var(--spacing-41);
}

.right--41 {
  right: var(--spacing-41);
}

.bottom--41 {
  bottom: var(--spacing-41);
}

.left--41 {
  left: var(--spacing-41);
}

.inset--41 {
  top: var(--spacing-41);
  right: var(--spacing-41);
  bottom: var(--spacing-41);
  left: var(--spacing-41);
}

.m--42 {
  margin: var(--spacing-42);
}

.mt--42 {
  margin-top: var(--spacing-42);
}

.mb--42 {
  margin-bottom: var(--spacing-42);
}

.ml--42 {
  margin-left: var(--spacing-42);
}

.mr--42 {
  margin-right: var(--spacing-42);
}

.mx--42 {
  margin-left: var(--spacing-42);
  margin-right: var(--spacing-42);
}

.my--42 {
  margin-top: var(--spacing-42);
  margin-bottom: var(--spacing-42);
}

.p--42 {
  padding: var(--spacing-42);
}

.pt--42 {
  padding-top: var(--spacing-42);
}

.pb--42 {
  padding-bottom: var(--spacing-42);
}

.pl--42 {
  padding-left: var(--spacing-42);
}

.pr--42 {
  padding-right: var(--spacing-42);
}

.px--42 {
  padding-left: var(--spacing-42);
  padding-right: var(--spacing-42);
}

.py--42 {
  padding-top: var(--spacing-42);
  padding-bottom: var(--spacing-42);
}

.w--42 {
  width: var(--spacing-42);
}

.max-w--42 {
  max-width: var(--spacing-42);
}

.h--42 {
  height: var(--spacing-42);
}

.max-h--42 {
  max-height: var(--spacing-42);
}

.gap--42 {
  gap: var(--spacing-42);
}

.row-gap--42 {
  row-gap: var(--spacing-42);
}

.col-gap--42 {
  -moz-column-gap: var(--spacing-42);
  column-gap: var(--spacing-42);
}

.top--42 {
  top: var(--spacing-42);
}

.right--42 {
  right: var(--spacing-42);
}

.bottom--42 {
  bottom: var(--spacing-42);
}

.left--42 {
  left: var(--spacing-42);
}

.inset--42 {
  top: var(--spacing-42);
  right: var(--spacing-42);
  bottom: var(--spacing-42);
  left: var(--spacing-42);
}

.m--43 {
  margin: var(--spacing-43);
}

.mt--43 {
  margin-top: var(--spacing-43);
}

.mb--43 {
  margin-bottom: var(--spacing-43);
}

.ml--43 {
  margin-left: var(--spacing-43);
}

.mr--43 {
  margin-right: var(--spacing-43);
}

.mx--43 {
  margin-left: var(--spacing-43);
  margin-right: var(--spacing-43);
}

.my--43 {
  margin-top: var(--spacing-43);
  margin-bottom: var(--spacing-43);
}

.p--43 {
  padding: var(--spacing-43);
}

.pt--43 {
  padding-top: var(--spacing-43);
}

.pb--43 {
  padding-bottom: var(--spacing-43);
}

.pl--43 {
  padding-left: var(--spacing-43);
}

.pr--43 {
  padding-right: var(--spacing-43);
}

.px--43 {
  padding-left: var(--spacing-43);
  padding-right: var(--spacing-43);
}

.py--43 {
  padding-top: var(--spacing-43);
  padding-bottom: var(--spacing-43);
}

.w--43 {
  width: var(--spacing-43);
}

.max-w--43 {
  max-width: var(--spacing-43);
}

.h--43 {
  height: var(--spacing-43);
}

.max-h--43 {
  max-height: var(--spacing-43);
}

.gap--43 {
  gap: var(--spacing-43);
}

.row-gap--43 {
  row-gap: var(--spacing-43);
}

.col-gap--43 {
  -moz-column-gap: var(--spacing-43);
  column-gap: var(--spacing-43);
}

.top--43 {
  top: var(--spacing-43);
}

.right--43 {
  right: var(--spacing-43);
}

.bottom--43 {
  bottom: var(--spacing-43);
}

.left--43 {
  left: var(--spacing-43);
}

.inset--43 {
  top: var(--spacing-43);
  right: var(--spacing-43);
  bottom: var(--spacing-43);
  left: var(--spacing-43);
}

.m--44 {
  margin: var(--spacing-44);
}

.mt--44 {
  margin-top: var(--spacing-44);
}

.mb--44 {
  margin-bottom: var(--spacing-44);
}

.ml--44 {
  margin-left: var(--spacing-44);
}

.mr--44 {
  margin-right: var(--spacing-44);
}

.mx--44 {
  margin-left: var(--spacing-44);
  margin-right: var(--spacing-44);
}

.my--44 {
  margin-top: var(--spacing-44);
  margin-bottom: var(--spacing-44);
}

.p--44 {
  padding: var(--spacing-44);
}

.pt--44 {
  padding-top: var(--spacing-44);
}

.pb--44 {
  padding-bottom: var(--spacing-44);
}

.pl--44 {
  padding-left: var(--spacing-44);
}

.pr--44 {
  padding-right: var(--spacing-44);
}

.px--44 {
  padding-left: var(--spacing-44);
  padding-right: var(--spacing-44);
}

.py--44 {
  padding-top: var(--spacing-44);
  padding-bottom: var(--spacing-44);
}

.w--44 {
  width: var(--spacing-44);
}

.max-w--44 {
  max-width: var(--spacing-44);
}

.h--44 {
  height: var(--spacing-44);
}

.max-h--44 {
  max-height: var(--spacing-44);
}

.gap--44 {
  gap: var(--spacing-44);
}

.row-gap--44 {
  row-gap: var(--spacing-44);
}

.col-gap--44 {
  -moz-column-gap: var(--spacing-44);
  column-gap: var(--spacing-44);
}

.top--44 {
  top: var(--spacing-44);
}

.right--44 {
  right: var(--spacing-44);
}

.bottom--44 {
  bottom: var(--spacing-44);
}

.left--44 {
  left: var(--spacing-44);
}

.inset--44 {
  top: var(--spacing-44);
  right: var(--spacing-44);
  bottom: var(--spacing-44);
  left: var(--spacing-44);
}

.m--45 {
  margin: var(--spacing-45);
}

.mt--45 {
  margin-top: var(--spacing-45);
}

.mb--45 {
  margin-bottom: var(--spacing-45);
}

.ml--45 {
  margin-left: var(--spacing-45);
}

.mr--45 {
  margin-right: var(--spacing-45);
}

.mx--45 {
  margin-left: var(--spacing-45);
  margin-right: var(--spacing-45);
}

.my--45 {
  margin-top: var(--spacing-45);
  margin-bottom: var(--spacing-45);
}

.p--45 {
  padding: var(--spacing-45);
}

.pt--45 {
  padding-top: var(--spacing-45);
}

.pb--45 {
  padding-bottom: var(--spacing-45);
}

.pl--45 {
  padding-left: var(--spacing-45);
}

.pr--45 {
  padding-right: var(--spacing-45);
}

.px--45 {
  padding-left: var(--spacing-45);
  padding-right: var(--spacing-45);
}

.py--45 {
  padding-top: var(--spacing-45);
  padding-bottom: var(--spacing-45);
}

.w--45 {
  width: var(--spacing-45);
}

.max-w--45 {
  max-width: var(--spacing-45);
}

.h--45 {
  height: var(--spacing-45);
}

.max-h--45 {
  max-height: var(--spacing-45);
}

.gap--45 {
  gap: var(--spacing-45);
}

.row-gap--45 {
  row-gap: var(--spacing-45);
}

.col-gap--45 {
  -moz-column-gap: var(--spacing-45);
  column-gap: var(--spacing-45);
}

.top--45 {
  top: var(--spacing-45);
}

.right--45 {
  right: var(--spacing-45);
}

.bottom--45 {
  bottom: var(--spacing-45);
}

.left--45 {
  left: var(--spacing-45);
}

.inset--45 {
  top: var(--spacing-45);
  right: var(--spacing-45);
  bottom: var(--spacing-45);
  left: var(--spacing-45);
}

.m--46 {
  margin: var(--spacing-46);
}

.mt--46 {
  margin-top: var(--spacing-46);
}

.mb--46 {
  margin-bottom: var(--spacing-46);
}

.ml--46 {
  margin-left: var(--spacing-46);
}

.mr--46 {
  margin-right: var(--spacing-46);
}

.mx--46 {
  margin-left: var(--spacing-46);
  margin-right: var(--spacing-46);
}

.my--46 {
  margin-top: var(--spacing-46);
  margin-bottom: var(--spacing-46);
}

.p--46 {
  padding: var(--spacing-46);
}

.pt--46 {
  padding-top: var(--spacing-46);
}

.pb--46 {
  padding-bottom: var(--spacing-46);
}

.pl--46 {
  padding-left: var(--spacing-46);
}

.pr--46 {
  padding-right: var(--spacing-46);
}

.px--46 {
  padding-left: var(--spacing-46);
  padding-right: var(--spacing-46);
}

.py--46 {
  padding-top: var(--spacing-46);
  padding-bottom: var(--spacing-46);
}

.w--46 {
  width: var(--spacing-46);
}

.max-w--46 {
  max-width: var(--spacing-46);
}

.h--46 {
  height: var(--spacing-46);
}

.max-h--46 {
  max-height: var(--spacing-46);
}

.gap--46 {
  gap: var(--spacing-46);
}

.row-gap--46 {
  row-gap: var(--spacing-46);
}

.col-gap--46 {
  -moz-column-gap: var(--spacing-46);
  column-gap: var(--spacing-46);
}

.top--46 {
  top: var(--spacing-46);
}

.right--46 {
  right: var(--spacing-46);
}

.bottom--46 {
  bottom: var(--spacing-46);
}

.left--46 {
  left: var(--spacing-46);
}

.inset--46 {
  top: var(--spacing-46);
  right: var(--spacing-46);
  bottom: var(--spacing-46);
  left: var(--spacing-46);
}

.m--47 {
  margin: var(--spacing-47);
}

.mt--47 {
  margin-top: var(--spacing-47);
}

.mb--47 {
  margin-bottom: var(--spacing-47);
}

.ml--47 {
  margin-left: var(--spacing-47);
}

.mr--47 {
  margin-right: var(--spacing-47);
}

.mx--47 {
  margin-left: var(--spacing-47);
  margin-right: var(--spacing-47);
}

.my--47 {
  margin-top: var(--spacing-47);
  margin-bottom: var(--spacing-47);
}

.p--47 {
  padding: var(--spacing-47);
}

.pt--47 {
  padding-top: var(--spacing-47);
}

.pb--47 {
  padding-bottom: var(--spacing-47);
}

.pl--47 {
  padding-left: var(--spacing-47);
}

.pr--47 {
  padding-right: var(--spacing-47);
}

.px--47 {
  padding-left: var(--spacing-47);
  padding-right: var(--spacing-47);
}

.py--47 {
  padding-top: var(--spacing-47);
  padding-bottom: var(--spacing-47);
}

.w--47 {
  width: var(--spacing-47);
}

.max-w--47 {
  max-width: var(--spacing-47);
}

.h--47 {
  height: var(--spacing-47);
}

.max-h--47 {
  max-height: var(--spacing-47);
}

.gap--47 {
  gap: var(--spacing-47);
}

.row-gap--47 {
  row-gap: var(--spacing-47);
}

.col-gap--47 {
  -moz-column-gap: var(--spacing-47);
  column-gap: var(--spacing-47);
}

.top--47 {
  top: var(--spacing-47);
}

.right--47 {
  right: var(--spacing-47);
}

.bottom--47 {
  bottom: var(--spacing-47);
}

.left--47 {
  left: var(--spacing-47);
}

.inset--47 {
  top: var(--spacing-47);
  right: var(--spacing-47);
  bottom: var(--spacing-47);
  left: var(--spacing-47);
}

.m--48 {
  margin: var(--spacing-48);
}

.mt--48 {
  margin-top: var(--spacing-48);
}

.mb--48 {
  margin-bottom: var(--spacing-48);
}

.ml--48 {
  margin-left: var(--spacing-48);
}

.mr--48 {
  margin-right: var(--spacing-48);
}

.mx--48 {
  margin-left: var(--spacing-48);
  margin-right: var(--spacing-48);
}

.my--48 {
  margin-top: var(--spacing-48);
  margin-bottom: var(--spacing-48);
}

.p--48 {
  padding: var(--spacing-48);
}

.pt--48 {
  padding-top: var(--spacing-48);
}

.pb--48 {
  padding-bottom: var(--spacing-48);
}

.pl--48 {
  padding-left: var(--spacing-48);
}

.pr--48 {
  padding-right: var(--spacing-48);
}

.px--48 {
  padding-left: var(--spacing-48);
  padding-right: var(--spacing-48);
}

.py--48 {
  padding-top: var(--spacing-48);
  padding-bottom: var(--spacing-48);
}

.w--48 {
  width: var(--spacing-48);
}

.max-w--48 {
  max-width: var(--spacing-48);
}

.h--48 {
  height: var(--spacing-48);
}

.max-h--48 {
  max-height: var(--spacing-48);
}

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

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

.col-gap--48 {
  -moz-column-gap: var(--spacing-48);
  column-gap: var(--spacing-48);
}

.top--48 {
  top: var(--spacing-48);
}

.right--48 {
  right: var(--spacing-48);
}

.bottom--48 {
  bottom: var(--spacing-48);
}

.left--48 {
  left: var(--spacing-48);
}

.inset--48 {
  top: var(--spacing-48);
  right: var(--spacing-48);
  bottom: var(--spacing-48);
  left: var(--spacing-48);
}

.m--49 {
  margin: var(--spacing-49);
}

.mt--49 {
  margin-top: var(--spacing-49);
}

.mb--49 {
  margin-bottom: var(--spacing-49);
}

.ml--49 {
  margin-left: var(--spacing-49);
}

.mr--49 {
  margin-right: var(--spacing-49);
}

.mx--49 {
  margin-left: var(--spacing-49);
  margin-right: var(--spacing-49);
}

.my--49 {
  margin-top: var(--spacing-49);
  margin-bottom: var(--spacing-49);
}

.p--49 {
  padding: var(--spacing-49);
}

.pt--49 {
  padding-top: var(--spacing-49);
}

.pb--49 {
  padding-bottom: var(--spacing-49);
}

.pl--49 {
  padding-left: var(--spacing-49);
}

.pr--49 {
  padding-right: var(--spacing-49);
}

.px--49 {
  padding-left: var(--spacing-49);
  padding-right: var(--spacing-49);
}

.py--49 {
  padding-top: var(--spacing-49);
  padding-bottom: var(--spacing-49);
}

.w--49 {
  width: var(--spacing-49);
}

.max-w--49 {
  max-width: var(--spacing-49);
}

.h--49 {
  height: var(--spacing-49);
}

.max-h--49 {
  max-height: var(--spacing-49);
}

.gap--49 {
  gap: var(--spacing-49);
}

.row-gap--49 {
  row-gap: var(--spacing-49);
}

.col-gap--49 {
  -moz-column-gap: var(--spacing-49);
  column-gap: var(--spacing-49);
}

.top--49 {
  top: var(--spacing-49);
}

.right--49 {
  right: var(--spacing-49);
}

.bottom--49 {
  bottom: var(--spacing-49);
}

.left--49 {
  left: var(--spacing-49);
}

.inset--49 {
  top: var(--spacing-49);
  right: var(--spacing-49);
  bottom: var(--spacing-49);
  left: var(--spacing-49);
}

.m--50 {
  margin: var(--spacing-50);
}

.mt--50 {
  margin-top: var(--spacing-50);
}

.mb--50 {
  margin-bottom: var(--spacing-50);
}

.ml--50 {
  margin-left: var(--spacing-50);
}

.mr--50 {
  margin-right: var(--spacing-50);
}

.mx--50 {
  margin-left: var(--spacing-50);
  margin-right: var(--spacing-50);
}

.my--50 {
  margin-top: var(--spacing-50);
  margin-bottom: var(--spacing-50);
}

.p--50 {
  padding: var(--spacing-50);
}

.pt--50 {
  padding-top: var(--spacing-50);
}

.pb--50 {
  padding-bottom: var(--spacing-50);
}

.pl--50 {
  padding-left: var(--spacing-50);
}

.pr--50 {
  padding-right: var(--spacing-50);
}

.px--50 {
  padding-left: var(--spacing-50);
  padding-right: var(--spacing-50);
}

.py--50 {
  padding-top: var(--spacing-50);
  padding-bottom: var(--spacing-50);
}

.w--50 {
  width: var(--spacing-50);
}

.max-w--50 {
  max-width: var(--spacing-50);
}

.h--50 {
  height: var(--spacing-50);
}

.max-h--50 {
  max-height: var(--spacing-50);
}

.gap--50 {
  gap: var(--spacing-50);
}

.row-gap--50 {
  row-gap: var(--spacing-50);
}

.col-gap--50 {
  -moz-column-gap: var(--spacing-50);
  column-gap: var(--spacing-50);
}

.top--50 {
  top: var(--spacing-50);
}

.right--50 {
  right: var(--spacing-50);
}

.bottom--50 {
  bottom: var(--spacing-50);
}

.left--50 {
  left: var(--spacing-50);
}

.inset--50 {
  top: var(--spacing-50);
  right: var(--spacing-50);
  bottom: var(--spacing-50);
  left: var(--spacing-50);
}

@media (min-width:480px) {
  .xs--sec--gap {
    padding: 3rem 0;
  }

  .xs--sec--gap-0 {
    padding: 0;
  }

  .xs--w--full {
    width: var(--spacing-100p);
  }

  .xs--max-w--full {
    max-width: var(--spacing-100p);
  }

  .xs--position--static {
    position: static;
  }

  .xs--position--relative {
    position: relative;
  }

  .xs--position--absolute {
    position: absolute;
  }

  .xs--position--fixed {
    position: fixed;
  }

  .xs--position--sticky {
    position: sticky;
  }

  .xs--z--10 {
    z-index: 10;
  }

  .xs--z--50 {
    z-index: 50;
  }

  .xs--z--100 {
    z-index: 100;
  }

  .xs--z--999 {
    z-index: 999;
  }

  .xs--d--none {
    display: none;
  }

  .xs--d--block {
    display: block;
  }

  .xs--d--inline-block {
    display: inline-block;
  }

  .xs--d--flex {
    display: flex;
  }

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

  .xs--d--inline-flex {
    display: inline-flex;
  }

  .xs--items--start {
    justify-content: flex-start;
    text-align: left;
  }

  .xs--items--center {
    justify-content: center;
    text-align: center;
  }

  .xs--items--end {
    justify-content: flex-end;
    text-align: right;
  }

  .xs--items--around {
    justify-content: space-around;
  }

  .xs--items--between {
    justify-content: space-between;
  }

  .xs--items--top {
    align-items: flex-start;
  }

  .xs--items--middle {
    align-items: center;
  }

  .xs--items--bottom {
    align-items: flex-end;
  }

  .xs--items--first {
    order: -1;
  }

  .xs--items--last {
    order: 1;
  }

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

  .xs--text--center {
    text-align: center;
  }

  .xs--text--right {
    text-align: right;
  }

  .xs--items--column {
    flex-direction: column;
  }

  .xs--items--row {
    flex-direction: row;
  }

  .xs--items--wrap {
    flex-wrap: wrap;
  }

  .xs--border--radius-0 {
    border-radius: 0;
  }

  /* Base xs--border classes for position */
  .xs--border--all {
    border: 1px solid;
  }

  .xs--border--top {
    border-top: 1px solid;
  }

  .xs--border--bottom {
    border-bottom: 1px solid;
  }

  .xs--border--right {
    border-right: 1px solid;
  }

  .xs--border--left {
    border-left: 1px solid;
  }

  .xs--border--none {
    border: 0;
  }

  /* xs--border style classes */
  .xs--border--solid {
    border-style: solid;
  }

  .xs--border--dashed {
    border-style: dashed;
  }

  .xs--border--dotted {
    border-style: dotted;
  }

  .xs--border--radius-50p {
    border-radius: var(--spacing-50p);
  }

  /* xs--border color classes */
  .xs--border-purple {
    border-color: var(--color-purple);
  }

  .xs--border-white {
    border-color: var(--color-white);
  }

  .xs--border-gray {
    border-color: var(--color-gray);
  }

  .xs--border-color {
    border-color: var(--color-for-xs--border);
  }

  .xs--border--color-1 {
    border-color: var(--color-for-xs--border-1);
  }

  /* xs--border color classes */
  /* Hover color classes */
  .xs--border-hover-purple:hover {
    border-color: var(--color-purple);
  }

  .xs--border-hover-white:hover {
    border-color: var(--color-white);
  }

  .xs--border-hover-gray:hover {
    border-color: var(--color-gray);
  }

  .xs--border-hover-color:hover {
    border-color: var(--color-for-xs--border);
  }

  .xs--border--hover-color-1:hover {
    border-color: var(--color-for-xs--border-1);
  }

  /* Hover color classes */
  .xs--col,
  .xs--col--1,
  .xs--col--2,
  .xs--col--3,
  .xs--col--4,
  .xs--col--5,
  .xs--col--6,
  .xs--col--7,
  .xs--col--8,
  .xs--col--9,
  .xs--col--10,
  .xs--col--11,
  .xs--col--12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .xs--col {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .xs--col--1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .xs--offset--1 {
    margin-left: 8.3333333333%;
  }

  .xs--col--2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .xs--offset--2 {
    margin-left: 16.6666666667%;
  }

  .xs--col--3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .xs--offset--3 {
    margin-left: 25%;
  }

  .xs--col--4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .xs--offset--4 {
    margin-left: 33.3333333333%;
  }

  .xs--col--5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .xs--offset--5 {
    margin-left: 41.6666666667%;
  }

  .xs--col--6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .xs--offset--6 {
    margin-left: 50%;
  }

  .xs--col--7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .xs--offset--7 {
    margin-left: 58.3333333333%;
  }

  .xs--col--8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .xs--offset--8 {
    margin-left: 66.6666666667%;
  }

  .xs--col--9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .xs--offset--9 {
    margin-left: 75%;
  }

  .xs--col--10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .xs--offset--10 {
    margin-left: 83.3333333333%;
  }

  .xs--col--11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .xs--offset--11 {
    margin-left: 91.6666666667%;
  }

  .xs--col--12 {
    flex-basis: 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--0 {
    width: var(--spacing-0);
  }

  .xs--max-w--0 {
    max-width: var(--spacing-0);
  }

  .xs--h--0 {
    height: var(--spacing-0);
  }

  .xs--max-h--0 {
    max-height: var(--spacing-0);
  }

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

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

  .xs--col-gap--0 {
    -moz-column-gap: var(--spacing-0);
    column-gap: var(--spacing-0);
  }

  .xs--top--0 {
    top: var(--spacing-0);
  }

  .xs--right--0 {
    right: var(--spacing-0);
  }

  .xs--bottom--0 {
    bottom: var(--spacing-0);
  }

  .xs--left--0 {
    left: var(--spacing-0);
  }

  .xs--inset--0 {
    top: var(--spacing-0);
    right: var(--spacing-0);
    bottom: var(--spacing-0);
    left: var(--spacing-0);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--1 {
    width: var(--spacing-1);
  }

  .xs--max-w--1 {
    max-width: var(--spacing-1);
  }

  .xs--h--1 {
    height: var(--spacing-1);
  }

  .xs--max-h--1 {
    max-height: var(--spacing-1);
  }

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

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

  .xs--col-gap--1 {
    -moz-column-gap: var(--spacing-1);
    column-gap: var(--spacing-1);
  }

  .xs--top--1 {
    top: var(--spacing-1);
  }

  .xs--right--1 {
    right: var(--spacing-1);
  }

  .xs--bottom--1 {
    bottom: var(--spacing-1);
  }

  .xs--left--1 {
    left: var(--spacing-1);
  }

  .xs--inset--1 {
    top: var(--spacing-1);
    right: var(--spacing-1);
    bottom: var(--spacing-1);
    left: var(--spacing-1);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--2 {
    width: var(--spacing-2);
  }

  .xs--max-w--2 {
    max-width: var(--spacing-2);
  }

  .xs--h--2 {
    height: var(--spacing-2);
  }

  .xs--max-h--2 {
    max-height: var(--spacing-2);
  }

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

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

  .xs--col-gap--2 {
    -moz-column-gap: var(--spacing-2);
    column-gap: var(--spacing-2);
  }

  .xs--top--2 {
    top: var(--spacing-2);
  }

  .xs--right--2 {
    right: var(--spacing-2);
  }

  .xs--bottom--2 {
    bottom: var(--spacing-2);
  }

  .xs--left--2 {
    left: var(--spacing-2);
  }

  .xs--inset--2 {
    top: var(--spacing-2);
    right: var(--spacing-2);
    bottom: var(--spacing-2);
    left: var(--spacing-2);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--3 {
    width: var(--spacing-3);
  }

  .xs--max-w--3 {
    max-width: var(--spacing-3);
  }

  .xs--h--3 {
    height: var(--spacing-3);
  }

  .xs--max-h--3 {
    max-height: var(--spacing-3);
  }

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

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

  .xs--col-gap--3 {
    -moz-column-gap: var(--spacing-3);
    column-gap: var(--spacing-3);
  }

  .xs--top--3 {
    top: var(--spacing-3);
  }

  .xs--right--3 {
    right: var(--spacing-3);
  }

  .xs--bottom--3 {
    bottom: var(--spacing-3);
  }

  .xs--left--3 {
    left: var(--spacing-3);
  }

  .xs--inset--3 {
    top: var(--spacing-3);
    right: var(--spacing-3);
    bottom: var(--spacing-3);
    left: var(--spacing-3);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--4 {
    width: var(--spacing-4);
  }

  .xs--max-w--4 {
    max-width: var(--spacing-4);
  }

  .xs--h--4 {
    height: var(--spacing-4);
  }

  .xs--max-h--4 {
    max-height: var(--spacing-4);
  }

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

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

  .xs--col-gap--4 {
    -moz-column-gap: var(--spacing-4);
    column-gap: var(--spacing-4);
  }

  .xs--top--4 {
    top: var(--spacing-4);
  }

  .xs--right--4 {
    right: var(--spacing-4);
  }

  .xs--bottom--4 {
    bottom: var(--spacing-4);
  }

  .xs--left--4 {
    left: var(--spacing-4);
  }

  .xs--inset--4 {
    top: var(--spacing-4);
    right: var(--spacing-4);
    bottom: var(--spacing-4);
    left: var(--spacing-4);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--5 {
    width: var(--spacing-5);
  }

  .xs--max-w--5 {
    max-width: var(--spacing-5);
  }

  .xs--h--5 {
    height: var(--spacing-5);
  }

  .xs--max-h--5 {
    max-height: var(--spacing-5);
  }

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

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

  .xs--col-gap--5 {
    -moz-column-gap: var(--spacing-5);
    column-gap: var(--spacing-5);
  }

  .xs--top--5 {
    top: var(--spacing-5);
  }

  .xs--right--5 {
    right: var(--spacing-5);
  }

  .xs--bottom--5 {
    bottom: var(--spacing-5);
  }

  .xs--left--5 {
    left: var(--spacing-5);
  }

  .xs--inset--5 {
    top: var(--spacing-5);
    right: var(--spacing-5);
    bottom: var(--spacing-5);
    left: var(--spacing-5);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--6 {
    width: var(--spacing-6);
  }

  .xs--max-w--6 {
    max-width: var(--spacing-6);
  }

  .xs--h--6 {
    height: var(--spacing-6);
  }

  .xs--max-h--6 {
    max-height: var(--spacing-6);
  }

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

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

  .xs--col-gap--6 {
    -moz-column-gap: var(--spacing-6);
    column-gap: var(--spacing-6);
  }

  .xs--top--6 {
    top: var(--spacing-6);
  }

  .xs--right--6 {
    right: var(--spacing-6);
  }

  .xs--bottom--6 {
    bottom: var(--spacing-6);
  }

  .xs--left--6 {
    left: var(--spacing-6);
  }

  .xs--inset--6 {
    top: var(--spacing-6);
    right: var(--spacing-6);
    bottom: var(--spacing-6);
    left: var(--spacing-6);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--7 {
    width: var(--spacing-7);
  }

  .xs--max-w--7 {
    max-width: var(--spacing-7);
  }

  .xs--h--7 {
    height: var(--spacing-7);
  }

  .xs--max-h--7 {
    max-height: var(--spacing-7);
  }

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

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

  .xs--col-gap--7 {
    -moz-column-gap: var(--spacing-7);
    column-gap: var(--spacing-7);
  }

  .xs--top--7 {
    top: var(--spacing-7);
  }

  .xs--right--7 {
    right: var(--spacing-7);
  }

  .xs--bottom--7 {
    bottom: var(--spacing-7);
  }

  .xs--left--7 {
    left: var(--spacing-7);
  }

  .xs--inset--7 {
    top: var(--spacing-7);
    right: var(--spacing-7);
    bottom: var(--spacing-7);
    left: var(--spacing-7);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--8 {
    width: var(--spacing-8);
  }

  .xs--max-w--8 {
    max-width: var(--spacing-8);
  }

  .xs--h--8 {
    height: var(--spacing-8);
  }

  .xs--max-h--8 {
    max-height: var(--spacing-8);
  }

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

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

  .xs--col-gap--8 {
    -moz-column-gap: var(--spacing-8);
    column-gap: var(--spacing-8);
  }

  .xs--top--8 {
    top: var(--spacing-8);
  }

  .xs--right--8 {
    right: var(--spacing-8);
  }

  .xs--bottom--8 {
    bottom: var(--spacing-8);
  }

  .xs--left--8 {
    left: var(--spacing-8);
  }

  .xs--inset--8 {
    top: var(--spacing-8);
    right: var(--spacing-8);
    bottom: var(--spacing-8);
    left: var(--spacing-8);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--9 {
    width: var(--spacing-9);
  }

  .xs--max-w--9 {
    max-width: var(--spacing-9);
  }

  .xs--h--9 {
    height: var(--spacing-9);
  }

  .xs--max-h--9 {
    max-height: var(--spacing-9);
  }

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

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

  .xs--col-gap--9 {
    -moz-column-gap: var(--spacing-9);
    column-gap: var(--spacing-9);
  }

  .xs--top--9 {
    top: var(--spacing-9);
  }

  .xs--right--9 {
    right: var(--spacing-9);
  }

  .xs--bottom--9 {
    bottom: var(--spacing-9);
  }

  .xs--left--9 {
    left: var(--spacing-9);
  }

  .xs--inset--9 {
    top: var(--spacing-9);
    right: var(--spacing-9);
    bottom: var(--spacing-9);
    left: var(--spacing-9);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--10 {
    width: var(--spacing-10);
  }

  .xs--max-w--10 {
    max-width: var(--spacing-10);
  }

  .xs--h--10 {
    height: var(--spacing-10);
  }

  .xs--max-h--10 {
    max-height: var(--spacing-10);
  }

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

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

  .xs--col-gap--10 {
    -moz-column-gap: var(--spacing-10);
    column-gap: var(--spacing-10);
  }

  .xs--top--10 {
    top: var(--spacing-10);
  }

  .xs--right--10 {
    right: var(--spacing-10);
  }

  .xs--bottom--10 {
    bottom: var(--spacing-10);
  }

  .xs--left--10 {
    left: var(--spacing-10);
  }

  .xs--inset--10 {
    top: var(--spacing-10);
    right: var(--spacing-10);
    bottom: var(--spacing-10);
    left: var(--spacing-10);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--11 {
    width: var(--spacing-11);
  }

  .xs--max-w--11 {
    max-width: var(--spacing-11);
  }

  .xs--h--11 {
    height: var(--spacing-11);
  }

  .xs--max-h--11 {
    max-height: var(--spacing-11);
  }

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

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

  .xs--col-gap--11 {
    -moz-column-gap: var(--spacing-11);
    column-gap: var(--spacing-11);
  }

  .xs--top--11 {
    top: var(--spacing-11);
  }

  .xs--right--11 {
    right: var(--spacing-11);
  }

  .xs--bottom--11 {
    bottom: var(--spacing-11);
  }

  .xs--left--11 {
    left: var(--spacing-11);
  }

  .xs--inset--11 {
    top: var(--spacing-11);
    right: var(--spacing-11);
    bottom: var(--spacing-11);
    left: var(--spacing-11);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--12 {
    width: var(--spacing-12);
  }

  .xs--max-w--12 {
    max-width: var(--spacing-12);
  }

  .xs--h--12 {
    height: var(--spacing-12);
  }

  .xs--max-h--12 {
    max-height: var(--spacing-12);
  }

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

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

  .xs--col-gap--12 {
    -moz-column-gap: var(--spacing-12);
    column-gap: var(--spacing-12);
  }

  .xs--top--12 {
    top: var(--spacing-12);
  }

  .xs--right--12 {
    right: var(--spacing-12);
  }

  .xs--bottom--12 {
    bottom: var(--spacing-12);
  }

  .xs--left--12 {
    left: var(--spacing-12);
  }

  .xs--inset--12 {
    top: var(--spacing-12);
    right: var(--spacing-12);
    bottom: var(--spacing-12);
    left: var(--spacing-12);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--13 {
    width: var(--spacing-13);
  }

  .xs--max-w--13 {
    max-width: var(--spacing-13);
  }

  .xs--h--13 {
    height: var(--spacing-13);
  }

  .xs--max-h--13 {
    max-height: var(--spacing-13);
  }

  .xs--gap--13 {
    gap: var(--spacing-13);
  }

  .xs--row-gap--13 {
    row-gap: var(--spacing-13);
  }

  .xs--col-gap--13 {
    -moz-column-gap: var(--spacing-13);
    column-gap: var(--spacing-13);
  }

  .xs--top--13 {
    top: var(--spacing-13);
  }

  .xs--right--13 {
    right: var(--spacing-13);
  }

  .xs--bottom--13 {
    bottom: var(--spacing-13);
  }

  .xs--left--13 {
    left: var(--spacing-13);
  }

  .xs--inset--13 {
    top: var(--spacing-13);
    right: var(--spacing-13);
    bottom: var(--spacing-13);
    left: var(--spacing-13);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--14 {
    width: var(--spacing-14);
  }

  .xs--max-w--14 {
    max-width: var(--spacing-14);
  }

  .xs--h--14 {
    height: var(--spacing-14);
  }

  .xs--max-h--14 {
    max-height: var(--spacing-14);
  }

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

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

  .xs--col-gap--14 {
    -moz-column-gap: var(--spacing-14);
    column-gap: var(--spacing-14);
  }

  .xs--top--14 {
    top: var(--spacing-14);
  }

  .xs--right--14 {
    right: var(--spacing-14);
  }

  .xs--bottom--14 {
    bottom: var(--spacing-14);
  }

  .xs--left--14 {
    left: var(--spacing-14);
  }

  .xs--inset--14 {
    top: var(--spacing-14);
    right: var(--spacing-14);
    bottom: var(--spacing-14);
    left: var(--spacing-14);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--15 {
    width: var(--spacing-15);
  }

  .xs--max-w--15 {
    max-width: var(--spacing-15);
  }

  .xs--h--15 {
    height: var(--spacing-15);
  }

  .xs--max-h--15 {
    max-height: var(--spacing-15);
  }

  .xs--gap--15 {
    gap: var(--spacing-15);
  }

  .xs--row-gap--15 {
    row-gap: var(--spacing-15);
  }

  .xs--col-gap--15 {
    -moz-column-gap: var(--spacing-15);
    column-gap: var(--spacing-15);
  }

  .xs--top--15 {
    top: var(--spacing-15);
  }

  .xs--right--15 {
    right: var(--spacing-15);
  }

  .xs--bottom--15 {
    bottom: var(--spacing-15);
  }

  .xs--left--15 {
    left: var(--spacing-15);
  }

  .xs--inset--15 {
    top: var(--spacing-15);
    right: var(--spacing-15);
    bottom: var(--spacing-15);
    left: var(--spacing-15);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--16 {
    width: var(--spacing-16);
  }

  .xs--max-w--16 {
    max-width: var(--spacing-16);
  }

  .xs--h--16 {
    height: var(--spacing-16);
  }

  .xs--max-h--16 {
    max-height: var(--spacing-16);
  }

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

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

  .xs--col-gap--16 {
    -moz-column-gap: var(--spacing-16);
    column-gap: var(--spacing-16);
  }

  .xs--top--16 {
    top: var(--spacing-16);
  }

  .xs--right--16 {
    right: var(--spacing-16);
  }

  .xs--bottom--16 {
    bottom: var(--spacing-16);
  }

  .xs--left--16 {
    left: var(--spacing-16);
  }

  .xs--inset--16 {
    top: var(--spacing-16);
    right: var(--spacing-16);
    bottom: var(--spacing-16);
    left: var(--spacing-16);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--17 {
    width: var(--spacing-17);
  }

  .xs--max-w--17 {
    max-width: var(--spacing-17);
  }

  .xs--h--17 {
    height: var(--spacing-17);
  }

  .xs--max-h--17 {
    max-height: var(--spacing-17);
  }

  .xs--gap--17 {
    gap: var(--spacing-17);
  }

  .xs--row-gap--17 {
    row-gap: var(--spacing-17);
  }

  .xs--col-gap--17 {
    -moz-column-gap: var(--spacing-17);
    column-gap: var(--spacing-17);
  }

  .xs--top--17 {
    top: var(--spacing-17);
  }

  .xs--right--17 {
    right: var(--spacing-17);
  }

  .xs--bottom--17 {
    bottom: var(--spacing-17);
  }

  .xs--left--17 {
    left: var(--spacing-17);
  }

  .xs--inset--17 {
    top: var(--spacing-17);
    right: var(--spacing-17);
    bottom: var(--spacing-17);
    left: var(--spacing-17);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--18 {
    width: var(--spacing-18);
  }

  .xs--max-w--18 {
    max-width: var(--spacing-18);
  }

  .xs--h--18 {
    height: var(--spacing-18);
  }

  .xs--max-h--18 {
    max-height: var(--spacing-18);
  }

  .xs--gap--18 {
    gap: var(--spacing-18);
  }

  .xs--row-gap--18 {
    row-gap: var(--spacing-18);
  }

  .xs--col-gap--18 {
    -moz-column-gap: var(--spacing-18);
    column-gap: var(--spacing-18);
  }

  .xs--top--18 {
    top: var(--spacing-18);
  }

  .xs--right--18 {
    right: var(--spacing-18);
  }

  .xs--bottom--18 {
    bottom: var(--spacing-18);
  }

  .xs--left--18 {
    left: var(--spacing-18);
  }

  .xs--inset--18 {
    top: var(--spacing-18);
    right: var(--spacing-18);
    bottom: var(--spacing-18);
    left: var(--spacing-18);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--19 {
    width: var(--spacing-19);
  }

  .xs--max-w--19 {
    max-width: var(--spacing-19);
  }

  .xs--h--19 {
    height: var(--spacing-19);
  }

  .xs--max-h--19 {
    max-height: var(--spacing-19);
  }

  .xs--gap--19 {
    gap: var(--spacing-19);
  }

  .xs--row-gap--19 {
    row-gap: var(--spacing-19);
  }

  .xs--col-gap--19 {
    -moz-column-gap: var(--spacing-19);
    column-gap: var(--spacing-19);
  }

  .xs--top--19 {
    top: var(--spacing-19);
  }

  .xs--right--19 {
    right: var(--spacing-19);
  }

  .xs--bottom--19 {
    bottom: var(--spacing-19);
  }

  .xs--left--19 {
    left: var(--spacing-19);
  }

  .xs--inset--19 {
    top: var(--spacing-19);
    right: var(--spacing-19);
    bottom: var(--spacing-19);
    left: var(--spacing-19);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--20 {
    width: var(--spacing-20);
  }

  .xs--max-w--20 {
    max-width: var(--spacing-20);
  }

  .xs--h--20 {
    height: var(--spacing-20);
  }

  .xs--max-h--20 {
    max-height: var(--spacing-20);
  }

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

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

  .xs--col-gap--20 {
    -moz-column-gap: var(--spacing-20);
    column-gap: var(--spacing-20);
  }

  .xs--top--20 {
    top: var(--spacing-20);
  }

  .xs--right--20 {
    right: var(--spacing-20);
  }

  .xs--bottom--20 {
    bottom: var(--spacing-20);
  }

  .xs--left--20 {
    left: var(--spacing-20);
  }

  .xs--inset--20 {
    top: var(--spacing-20);
    right: var(--spacing-20);
    bottom: var(--spacing-20);
    left: var(--spacing-20);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--21 {
    width: var(--spacing-21);
  }

  .xs--max-w--21 {
    max-width: var(--spacing-21);
  }

  .xs--h--21 {
    height: var(--spacing-21);
  }

  .xs--max-h--21 {
    max-height: var(--spacing-21);
  }

  .xs--gap--21 {
    gap: var(--spacing-21);
  }

  .xs--row-gap--21 {
    row-gap: var(--spacing-21);
  }

  .xs--col-gap--21 {
    -moz-column-gap: var(--spacing-21);
    column-gap: var(--spacing-21);
  }

  .xs--top--21 {
    top: var(--spacing-21);
  }

  .xs--right--21 {
    right: var(--spacing-21);
  }

  .xs--bottom--21 {
    bottom: var(--spacing-21);
  }

  .xs--left--21 {
    left: var(--spacing-21);
  }

  .xs--inset--21 {
    top: var(--spacing-21);
    right: var(--spacing-21);
    bottom: var(--spacing-21);
    left: var(--spacing-21);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--22 {
    width: var(--spacing-22);
  }

  .xs--max-w--22 {
    max-width: var(--spacing-22);
  }

  .xs--h--22 {
    height: var(--spacing-22);
  }

  .xs--max-h--22 {
    max-height: var(--spacing-22);
  }

  .xs--gap--22 {
    gap: var(--spacing-22);
  }

  .xs--row-gap--22 {
    row-gap: var(--spacing-22);
  }

  .xs--col-gap--22 {
    -moz-column-gap: var(--spacing-22);
    column-gap: var(--spacing-22);
  }

  .xs--top--22 {
    top: var(--spacing-22);
  }

  .xs--right--22 {
    right: var(--spacing-22);
  }

  .xs--bottom--22 {
    bottom: var(--spacing-22);
  }

  .xs--left--22 {
    left: var(--spacing-22);
  }

  .xs--inset--22 {
    top: var(--spacing-22);
    right: var(--spacing-22);
    bottom: var(--spacing-22);
    left: var(--spacing-22);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--23 {
    width: var(--spacing-23);
  }

  .xs--max-w--23 {
    max-width: var(--spacing-23);
  }

  .xs--h--23 {
    height: var(--spacing-23);
  }

  .xs--max-h--23 {
    max-height: var(--spacing-23);
  }

  .xs--gap--23 {
    gap: var(--spacing-23);
  }

  .xs--row-gap--23 {
    row-gap: var(--spacing-23);
  }

  .xs--col-gap--23 {
    -moz-column-gap: var(--spacing-23);
    column-gap: var(--spacing-23);
  }

  .xs--top--23 {
    top: var(--spacing-23);
  }

  .xs--right--23 {
    right: var(--spacing-23);
  }

  .xs--bottom--23 {
    bottom: var(--spacing-23);
  }

  .xs--left--23 {
    left: var(--spacing-23);
  }

  .xs--inset--23 {
    top: var(--spacing-23);
    right: var(--spacing-23);
    bottom: var(--spacing-23);
    left: var(--spacing-23);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--24 {
    width: var(--spacing-24);
  }

  .xs--max-w--24 {
    max-width: var(--spacing-24);
  }

  .xs--h--24 {
    height: var(--spacing-24);
  }

  .xs--max-h--24 {
    max-height: var(--spacing-24);
  }

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

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

  .xs--col-gap--24 {
    -moz-column-gap: var(--spacing-24);
    column-gap: var(--spacing-24);
  }

  .xs--top--24 {
    top: var(--spacing-24);
  }

  .xs--right--24 {
    right: var(--spacing-24);
  }

  .xs--bottom--24 {
    bottom: var(--spacing-24);
  }

  .xs--left--24 {
    left: var(--spacing-24);
  }

  .xs--inset--24 {
    top: var(--spacing-24);
    right: var(--spacing-24);
    bottom: var(--spacing-24);
    left: var(--spacing-24);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--25 {
    width: var(--spacing-25);
  }

  .xs--max-w--25 {
    max-width: var(--spacing-25);
  }

  .xs--h--25 {
    height: var(--spacing-25);
  }

  .xs--max-h--25 {
    max-height: var(--spacing-25);
  }

  .xs--gap--25 {
    gap: var(--spacing-25);
  }

  .xs--row-gap--25 {
    row-gap: var(--spacing-25);
  }

  .xs--col-gap--25 {
    -moz-column-gap: var(--spacing-25);
    column-gap: var(--spacing-25);
  }

  .xs--top--25 {
    top: var(--spacing-25);
  }

  .xs--right--25 {
    right: var(--spacing-25);
  }

  .xs--bottom--25 {
    bottom: var(--spacing-25);
  }

  .xs--left--25 {
    left: var(--spacing-25);
  }

  .xs--inset--25 {
    top: var(--spacing-25);
    right: var(--spacing-25);
    bottom: var(--spacing-25);
    left: var(--spacing-25);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--26 {
    width: var(--spacing-26);
  }

  .xs--max-w--26 {
    max-width: var(--spacing-26);
  }

  .xs--h--26 {
    height: var(--spacing-26);
  }

  .xs--max-h--26 {
    max-height: var(--spacing-26);
  }

  .xs--gap--26 {
    gap: var(--spacing-26);
  }

  .xs--row-gap--26 {
    row-gap: var(--spacing-26);
  }

  .xs--col-gap--26 {
    -moz-column-gap: var(--spacing-26);
    column-gap: var(--spacing-26);
  }

  .xs--top--26 {
    top: var(--spacing-26);
  }

  .xs--right--26 {
    right: var(--spacing-26);
  }

  .xs--bottom--26 {
    bottom: var(--spacing-26);
  }

  .xs--left--26 {
    left: var(--spacing-26);
  }

  .xs--inset--26 {
    top: var(--spacing-26);
    right: var(--spacing-26);
    bottom: var(--spacing-26);
    left: var(--spacing-26);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--27 {
    width: var(--spacing-27);
  }

  .xs--max-w--27 {
    max-width: var(--spacing-27);
  }

  .xs--h--27 {
    height: var(--spacing-27);
  }

  .xs--max-h--27 {
    max-height: var(--spacing-27);
  }

  .xs--gap--27 {
    gap: var(--spacing-27);
  }

  .xs--row-gap--27 {
    row-gap: var(--spacing-27);
  }

  .xs--col-gap--27 {
    -moz-column-gap: var(--spacing-27);
    column-gap: var(--spacing-27);
  }

  .xs--top--27 {
    top: var(--spacing-27);
  }

  .xs--right--27 {
    right: var(--spacing-27);
  }

  .xs--bottom--27 {
    bottom: var(--spacing-27);
  }

  .xs--left--27 {
    left: var(--spacing-27);
  }

  .xs--inset--27 {
    top: var(--spacing-27);
    right: var(--spacing-27);
    bottom: var(--spacing-27);
    left: var(--spacing-27);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--28 {
    width: var(--spacing-28);
  }

  .xs--max-w--28 {
    max-width: var(--spacing-28);
  }

  .xs--h--28 {
    height: var(--spacing-28);
  }

  .xs--max-h--28 {
    max-height: var(--spacing-28);
  }

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

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

  .xs--col-gap--28 {
    -moz-column-gap: var(--spacing-28);
    column-gap: var(--spacing-28);
  }

  .xs--top--28 {
    top: var(--spacing-28);
  }

  .xs--right--28 {
    right: var(--spacing-28);
  }

  .xs--bottom--28 {
    bottom: var(--spacing-28);
  }

  .xs--left--28 {
    left: var(--spacing-28);
  }

  .xs--inset--28 {
    top: var(--spacing-28);
    right: var(--spacing-28);
    bottom: var(--spacing-28);
    left: var(--spacing-28);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--29 {
    width: var(--spacing-29);
  }

  .xs--max-w--29 {
    max-width: var(--spacing-29);
  }

  .xs--h--29 {
    height: var(--spacing-29);
  }

  .xs--max-h--29 {
    max-height: var(--spacing-29);
  }

  .xs--gap--29 {
    gap: var(--spacing-29);
  }

  .xs--row-gap--29 {
    row-gap: var(--spacing-29);
  }

  .xs--col-gap--29 {
    -moz-column-gap: var(--spacing-29);
    column-gap: var(--spacing-29);
  }

  .xs--top--29 {
    top: var(--spacing-29);
  }

  .xs--right--29 {
    right: var(--spacing-29);
  }

  .xs--bottom--29 {
    bottom: var(--spacing-29);
  }

  .xs--left--29 {
    left: var(--spacing-29);
  }

  .xs--inset--29 {
    top: var(--spacing-29);
    right: var(--spacing-29);
    bottom: var(--spacing-29);
    left: var(--spacing-29);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--30 {
    width: var(--spacing-30);
  }

  .xs--max-w--30 {
    max-width: var(--spacing-30);
  }

  .xs--h--30 {
    height: var(--spacing-30);
  }

  .xs--max-h--30 {
    max-height: var(--spacing-30);
  }

  .xs--gap--30 {
    gap: var(--spacing-30);
  }

  .xs--row-gap--30 {
    row-gap: var(--spacing-30);
  }

  .xs--col-gap--30 {
    -moz-column-gap: var(--spacing-30);
    column-gap: var(--spacing-30);
  }

  .xs--top--30 {
    top: var(--spacing-30);
  }

  .xs--right--30 {
    right: var(--spacing-30);
  }

  .xs--bottom--30 {
    bottom: var(--spacing-30);
  }

  .xs--left--30 {
    left: var(--spacing-30);
  }

  .xs--inset--30 {
    top: var(--spacing-30);
    right: var(--spacing-30);
    bottom: var(--spacing-30);
    left: var(--spacing-30);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--31 {
    width: var(--spacing-31);
  }

  .xs--max-w--31 {
    max-width: var(--spacing-31);
  }

  .xs--h--31 {
    height: var(--spacing-31);
  }

  .xs--max-h--31 {
    max-height: var(--spacing-31);
  }

  .xs--gap--31 {
    gap: var(--spacing-31);
  }

  .xs--row-gap--31 {
    row-gap: var(--spacing-31);
  }

  .xs--col-gap--31 {
    -moz-column-gap: var(--spacing-31);
    column-gap: var(--spacing-31);
  }

  .xs--top--31 {
    top: var(--spacing-31);
  }

  .xs--right--31 {
    right: var(--spacing-31);
  }

  .xs--bottom--31 {
    bottom: var(--spacing-31);
  }

  .xs--left--31 {
    left: var(--spacing-31);
  }

  .xs--inset--31 {
    top: var(--spacing-31);
    right: var(--spacing-31);
    bottom: var(--spacing-31);
    left: var(--spacing-31);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--32 {
    width: var(--spacing-32);
  }

  .xs--max-w--32 {
    max-width: var(--spacing-32);
  }

  .xs--h--32 {
    height: var(--spacing-32);
  }

  .xs--max-h--32 {
    max-height: var(--spacing-32);
  }

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

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

  .xs--col-gap--32 {
    -moz-column-gap: var(--spacing-32);
    column-gap: var(--spacing-32);
  }

  .xs--top--32 {
    top: var(--spacing-32);
  }

  .xs--right--32 {
    right: var(--spacing-32);
  }

  .xs--bottom--32 {
    bottom: var(--spacing-32);
  }

  .xs--left--32 {
    left: var(--spacing-32);
  }

  .xs--inset--32 {
    top: var(--spacing-32);
    right: var(--spacing-32);
    bottom: var(--spacing-32);
    left: var(--spacing-32);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--33 {
    width: var(--spacing-33);
  }

  .xs--max-w--33 {
    max-width: var(--spacing-33);
  }

  .xs--h--33 {
    height: var(--spacing-33);
  }

  .xs--max-h--33 {
    max-height: var(--spacing-33);
  }

  .xs--gap--33 {
    gap: var(--spacing-33);
  }

  .xs--row-gap--33 {
    row-gap: var(--spacing-33);
  }

  .xs--col-gap--33 {
    -moz-column-gap: var(--spacing-33);
    column-gap: var(--spacing-33);
  }

  .xs--top--33 {
    top: var(--spacing-33);
  }

  .xs--right--33 {
    right: var(--spacing-33);
  }

  .xs--bottom--33 {
    bottom: var(--spacing-33);
  }

  .xs--left--33 {
    left: var(--spacing-33);
  }

  .xs--inset--33 {
    top: var(--spacing-33);
    right: var(--spacing-33);
    bottom: var(--spacing-33);
    left: var(--spacing-33);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--34 {
    width: var(--spacing-34);
  }

  .xs--max-w--34 {
    max-width: var(--spacing-34);
  }

  .xs--h--34 {
    height: var(--spacing-34);
  }

  .xs--max-h--34 {
    max-height: var(--spacing-34);
  }

  .xs--gap--34 {
    gap: var(--spacing-34);
  }

  .xs--row-gap--34 {
    row-gap: var(--spacing-34);
  }

  .xs--col-gap--34 {
    -moz-column-gap: var(--spacing-34);
    column-gap: var(--spacing-34);
  }

  .xs--top--34 {
    top: var(--spacing-34);
  }

  .xs--right--34 {
    right: var(--spacing-34);
  }

  .xs--bottom--34 {
    bottom: var(--spacing-34);
  }

  .xs--left--34 {
    left: var(--spacing-34);
  }

  .xs--inset--34 {
    top: var(--spacing-34);
    right: var(--spacing-34);
    bottom: var(--spacing-34);
    left: var(--spacing-34);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--35 {
    width: var(--spacing-35);
  }

  .xs--max-w--35 {
    max-width: var(--spacing-35);
  }

  .xs--h--35 {
    height: var(--spacing-35);
  }

  .xs--max-h--35 {
    max-height: var(--spacing-35);
  }

  .xs--gap--35 {
    gap: var(--spacing-35);
  }

  .xs--row-gap--35 {
    row-gap: var(--spacing-35);
  }

  .xs--col-gap--35 {
    -moz-column-gap: var(--spacing-35);
    column-gap: var(--spacing-35);
  }

  .xs--top--35 {
    top: var(--spacing-35);
  }

  .xs--right--35 {
    right: var(--spacing-35);
  }

  .xs--bottom--35 {
    bottom: var(--spacing-35);
  }

  .xs--left--35 {
    left: var(--spacing-35);
  }

  .xs--inset--35 {
    top: var(--spacing-35);
    right: var(--spacing-35);
    bottom: var(--spacing-35);
    left: var(--spacing-35);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--36 {
    width: var(--spacing-36);
  }

  .xs--max-w--36 {
    max-width: var(--spacing-36);
  }

  .xs--h--36 {
    height: var(--spacing-36);
  }

  .xs--max-h--36 {
    max-height: var(--spacing-36);
  }

  .xs--gap--36 {
    gap: var(--spacing-36);
  }

  .xs--row-gap--36 {
    row-gap: var(--spacing-36);
  }

  .xs--col-gap--36 {
    -moz-column-gap: var(--spacing-36);
    column-gap: var(--spacing-36);
  }

  .xs--top--36 {
    top: var(--spacing-36);
  }

  .xs--right--36 {
    right: var(--spacing-36);
  }

  .xs--bottom--36 {
    bottom: var(--spacing-36);
  }

  .xs--left--36 {
    left: var(--spacing-36);
  }

  .xs--inset--36 {
    top: var(--spacing-36);
    right: var(--spacing-36);
    bottom: var(--spacing-36);
    left: var(--spacing-36);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--37 {
    width: var(--spacing-37);
  }

  .xs--max-w--37 {
    max-width: var(--spacing-37);
  }

  .xs--h--37 {
    height: var(--spacing-37);
  }

  .xs--max-h--37 {
    max-height: var(--spacing-37);
  }

  .xs--gap--37 {
    gap: var(--spacing-37);
  }

  .xs--row-gap--37 {
    row-gap: var(--spacing-37);
  }

  .xs--col-gap--37 {
    -moz-column-gap: var(--spacing-37);
    column-gap: var(--spacing-37);
  }

  .xs--top--37 {
    top: var(--spacing-37);
  }

  .xs--right--37 {
    right: var(--spacing-37);
  }

  .xs--bottom--37 {
    bottom: var(--spacing-37);
  }

  .xs--left--37 {
    left: var(--spacing-37);
  }

  .xs--inset--37 {
    top: var(--spacing-37);
    right: var(--spacing-37);
    bottom: var(--spacing-37);
    left: var(--spacing-37);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--38 {
    width: var(--spacing-38);
  }

  .xs--max-w--38 {
    max-width: var(--spacing-38);
  }

  .xs--h--38 {
    height: var(--spacing-38);
  }

  .xs--max-h--38 {
    max-height: var(--spacing-38);
  }

  .xs--gap--38 {
    gap: var(--spacing-38);
  }

  .xs--row-gap--38 {
    row-gap: var(--spacing-38);
  }

  .xs--col-gap--38 {
    -moz-column-gap: var(--spacing-38);
    column-gap: var(--spacing-38);
  }

  .xs--top--38 {
    top: var(--spacing-38);
  }

  .xs--right--38 {
    right: var(--spacing-38);
  }

  .xs--bottom--38 {
    bottom: var(--spacing-38);
  }

  .xs--left--38 {
    left: var(--spacing-38);
  }

  .xs--inset--38 {
    top: var(--spacing-38);
    right: var(--spacing-38);
    bottom: var(--spacing-38);
    left: var(--spacing-38);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--39 {
    width: var(--spacing-39);
  }

  .xs--max-w--39 {
    max-width: var(--spacing-39);
  }

  .xs--h--39 {
    height: var(--spacing-39);
  }

  .xs--max-h--39 {
    max-height: var(--spacing-39);
  }

  .xs--gap--39 {
    gap: var(--spacing-39);
  }

  .xs--row-gap--39 {
    row-gap: var(--spacing-39);
  }

  .xs--col-gap--39 {
    -moz-column-gap: var(--spacing-39);
    column-gap: var(--spacing-39);
  }

  .xs--top--39 {
    top: var(--spacing-39);
  }

  .xs--right--39 {
    right: var(--spacing-39);
  }

  .xs--bottom--39 {
    bottom: var(--spacing-39);
  }

  .xs--left--39 {
    left: var(--spacing-39);
  }

  .xs--inset--39 {
    top: var(--spacing-39);
    right: var(--spacing-39);
    bottom: var(--spacing-39);
    left: var(--spacing-39);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--40 {
    width: var(--spacing-40);
  }

  .xs--max-w--40 {
    max-width: var(--spacing-40);
  }

  .xs--h--40 {
    height: var(--spacing-40);
  }

  .xs--max-h--40 {
    max-height: var(--spacing-40);
  }

  .xs--gap--40 {
    gap: var(--spacing-40);
  }

  .xs--row-gap--40 {
    row-gap: var(--spacing-40);
  }

  .xs--col-gap--40 {
    -moz-column-gap: var(--spacing-40);
    column-gap: var(--spacing-40);
  }

  .xs--top--40 {
    top: var(--spacing-40);
  }

  .xs--right--40 {
    right: var(--spacing-40);
  }

  .xs--bottom--40 {
    bottom: var(--spacing-40);
  }

  .xs--left--40 {
    left: var(--spacing-40);
  }

  .xs--inset--40 {
    top: var(--spacing-40);
    right: var(--spacing-40);
    bottom: var(--spacing-40);
    left: var(--spacing-40);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--41 {
    width: var(--spacing-41);
  }

  .xs--max-w--41 {
    max-width: var(--spacing-41);
  }

  .xs--h--41 {
    height: var(--spacing-41);
  }

  .xs--max-h--41 {
    max-height: var(--spacing-41);
  }

  .xs--gap--41 {
    gap: var(--spacing-41);
  }

  .xs--row-gap--41 {
    row-gap: var(--spacing-41);
  }

  .xs--col-gap--41 {
    -moz-column-gap: var(--spacing-41);
    column-gap: var(--spacing-41);
  }

  .xs--top--41 {
    top: var(--spacing-41);
  }

  .xs--right--41 {
    right: var(--spacing-41);
  }

  .xs--bottom--41 {
    bottom: var(--spacing-41);
  }

  .xs--left--41 {
    left: var(--spacing-41);
  }

  .xs--inset--41 {
    top: var(--spacing-41);
    right: var(--spacing-41);
    bottom: var(--spacing-41);
    left: var(--spacing-41);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--42 {
    width: var(--spacing-42);
  }

  .xs--max-w--42 {
    max-width: var(--spacing-42);
  }

  .xs--h--42 {
    height: var(--spacing-42);
  }

  .xs--max-h--42 {
    max-height: var(--spacing-42);
  }

  .xs--gap--42 {
    gap: var(--spacing-42);
  }

  .xs--row-gap--42 {
    row-gap: var(--spacing-42);
  }

  .xs--col-gap--42 {
    -moz-column-gap: var(--spacing-42);
    column-gap: var(--spacing-42);
  }

  .xs--top--42 {
    top: var(--spacing-42);
  }

  .xs--right--42 {
    right: var(--spacing-42);
  }

  .xs--bottom--42 {
    bottom: var(--spacing-42);
  }

  .xs--left--42 {
    left: var(--spacing-42);
  }

  .xs--inset--42 {
    top: var(--spacing-42);
    right: var(--spacing-42);
    bottom: var(--spacing-42);
    left: var(--spacing-42);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--43 {
    width: var(--spacing-43);
  }

  .xs--max-w--43 {
    max-width: var(--spacing-43);
  }

  .xs--h--43 {
    height: var(--spacing-43);
  }

  .xs--max-h--43 {
    max-height: var(--spacing-43);
  }

  .xs--gap--43 {
    gap: var(--spacing-43);
  }

  .xs--row-gap--43 {
    row-gap: var(--spacing-43);
  }

  .xs--col-gap--43 {
    -moz-column-gap: var(--spacing-43);
    column-gap: var(--spacing-43);
  }

  .xs--top--43 {
    top: var(--spacing-43);
  }

  .xs--right--43 {
    right: var(--spacing-43);
  }

  .xs--bottom--43 {
    bottom: var(--spacing-43);
  }

  .xs--left--43 {
    left: var(--spacing-43);
  }

  .xs--inset--43 {
    top: var(--spacing-43);
    right: var(--spacing-43);
    bottom: var(--spacing-43);
    left: var(--spacing-43);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .xs--w--44 {
    width: var(--spacing-44);
  }

  .xs--max-w--44 {
    max-width: var(--spacing-44);
  }

  .xs--h--44 {
    height: var(--spacing-44);
  }

  .xs--max-h--44 {
    max-height: var(--spacing-44);
  }

  .xs--gap--44 {
    gap: var(--spacing-44);
  }

  .xs--row-gap--44 {
    row-gap: var(--spacing-44);
  }

  .xs--col-gap--44 {
    -moz-column-gap: var(--spacing-44);
    column-gap: var(--spacing-44);
  }

  .xs--top--44 {
    top: var(--spacing-44);
  }

  .xs--right--44 {
    right: var(--spacing-44);
  }

  .xs--bottom--44 {
    bottom: var(--spacing-44);
  }

  .xs--left--44 {
    left: var(--spacing-44);
  }

  .xs--inset--44 {
    top: var(--spacing-44);
    right: var(--spacing-44);
    bottom: var(--spacing-44);
    left: var(--spacing-44);
  }

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

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

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

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

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

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

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

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

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

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

  .xs--pl--45 {
    padding-left: var(--spacing-45);
  }

  .xs--pr--45 {
    padding-right: var(--spacing-45);
  }

  .xs--px--45 {
    padding-left: var(--spacing-45);
    padding-right: var(--spacing-45);
  }

  .xs--py--45 {
    padding-top: var(--spacing-45);
    padding-bottom: var(--spacing-45);
  }

  .xs--w--45 {
    width: var(--spacing-45);
  }

  .xs--max-w--45 {
    max-width: var(--spacing-45);
  }

  .xs--h--45 {
    height: var(--spacing-45);
  }

  .xs--max-h--45 {
    max-height: var(--spacing-45);
  }

  .xs--gap--45 {
    gap: var(--spacing-45);
  }

  .xs--row-gap--45 {
    row-gap: var(--spacing-45);
  }

  .xs--col-gap--45 {
    -moz-column-gap: var(--spacing-45);
    column-gap: var(--spacing-45);
  }

  .xs--top--45 {
    top: var(--spacing-45);
  }

  .xs--right--45 {
    right: var(--spacing-45);
  }

  .xs--bottom--45 {
    bottom: var(--spacing-45);
  }

  .xs--left--45 {
    left: var(--spacing-45);
  }

  .xs--inset--45 {
    top: var(--spacing-45);
    right: var(--spacing-45);
    bottom: var(--spacing-45);
    left: var(--spacing-45);
  }

  .xs--m--46 {
    margin: var(--spacing-46);
  }

  .xs--mt--46 {
    margin-top: var(--spacing-46);
  }

  .xs--mb--46 {
    margin-bottom: var(--spacing-46);
  }

  .xs--ml--46 {
    margin-left: var(--spacing-46);
  }

  .xs--mr--46 {
    margin-right: var(--spacing-46);
  }

  .xs--mx--46 {
    margin-left: var(--spacing-46);
    margin-right: var(--spacing-46);
  }

  .xs--my--46 {
    margin-top: var(--spacing-46);
    margin-bottom: var(--spacing-46);
  }

  .xs--p--46 {
    padding: var(--spacing-46);
  }

  .xs--pt--46 {
    padding-top: var(--spacing-46);
  }

  .xs--pb--46 {
    padding-bottom: var(--spacing-46);
  }

  .xs--pl--46 {
    padding-left: var(--spacing-46);
  }

  .xs--pr--46 {
    padding-right: var(--spacing-46);
  }

  .xs--px--46 {
    padding-left: var(--spacing-46);
    padding-right: var(--spacing-46);
  }

  .xs--py--46 {
    padding-top: var(--spacing-46);
    padding-bottom: var(--spacing-46);
  }

  .xs--w--46 {
    width: var(--spacing-46);
  }

  .xs--max-w--46 {
    max-width: var(--spacing-46);
  }

  .xs--h--46 {
    height: var(--spacing-46);
  }

  .xs--max-h--46 {
    max-height: var(--spacing-46);
  }

  .xs--gap--46 {
    gap: var(--spacing-46);
  }

  .xs--row-gap--46 {
    row-gap: var(--spacing-46);
  }

  .xs--col-gap--46 {
    -moz-column-gap: var(--spacing-46);
    column-gap: var(--spacing-46);
  }

  .xs--top--46 {
    top: var(--spacing-46);
  }

  .xs--right--46 {
    right: var(--spacing-46);
  }

  .xs--bottom--46 {
    bottom: var(--spacing-46);
  }

  .xs--left--46 {
    left: var(--spacing-46);
  }

  .xs--inset--46 {
    top: var(--spacing-46);
    right: var(--spacing-46);
    bottom: var(--spacing-46);
    left: var(--spacing-46);
  }

  .xs--m--47 {
    margin: var(--spacing-47);
  }

  .xs--mt--47 {
    margin-top: var(--spacing-47);
  }

  .xs--mb--47 {
    margin-bottom: var(--spacing-47);
  }

  .xs--ml--47 {
    margin-left: var(--spacing-47);
  }

  .xs--mr--47 {
    margin-right: var(--spacing-47);
  }

  .xs--mx--47 {
    margin-left: var(--spacing-47);
    margin-right: var(--spacing-47);
  }

  .xs--my--47 {
    margin-top: var(--spacing-47);
    margin-bottom: var(--spacing-47);
  }

  .xs--p--47 {
    padding: var(--spacing-47);
  }

  .xs--pt--47 {
    padding-top: var(--spacing-47);
  }

  .xs--pb--47 {
    padding-bottom: var(--spacing-47);
  }

  .xs--pl--47 {
    padding-left: var(--spacing-47);
  }

  .xs--pr--47 {
    padding-right: var(--spacing-47);
  }

  .xs--px--47 {
    padding-left: var(--spacing-47);
    padding-right: var(--spacing-47);
  }

  .xs--py--47 {
    padding-top: var(--spacing-47);
    padding-bottom: var(--spacing-47);
  }

  .xs--w--47 {
    width: var(--spacing-47);
  }

  .xs--max-w--47 {
    max-width: var(--spacing-47);
  }

  .xs--h--47 {
    height: var(--spacing-47);
  }

  .xs--max-h--47 {
    max-height: var(--spacing-47);
  }

  .xs--gap--47 {
    gap: var(--spacing-47);
  }

  .xs--row-gap--47 {
    row-gap: var(--spacing-47);
  }

  .xs--col-gap--47 {
    -moz-column-gap: var(--spacing-47);
    column-gap: var(--spacing-47);
  }

  .xs--top--47 {
    top: var(--spacing-47);
  }

  .xs--right--47 {
    right: var(--spacing-47);
  }

  .xs--bottom--47 {
    bottom: var(--spacing-47);
  }

  .xs--left--47 {
    left: var(--spacing-47);
  }

  .xs--inset--47 {
    top: var(--spacing-47);
    right: var(--spacing-47);
    bottom: var(--spacing-47);
    left: var(--spacing-47);
  }

  .xs--m--48 {
    margin: var(--spacing-48);
  }

  .xs--mt--48 {
    margin-top: var(--spacing-48);
  }

  .xs--mb--48 {
    margin-bottom: var(--spacing-48);
  }

  .xs--ml--48 {
    margin-left: var(--spacing-48);
  }

  .xs--mr--48 {
    margin-right: var(--spacing-48);
  }

  .xs--mx--48 {
    margin-left: var(--spacing-48);
    margin-right: var(--spacing-48);
  }

  .xs--my--48 {
    margin-top: var(--spacing-48);
    margin-bottom: var(--spacing-48);
  }

  .xs--p--48 {
    padding: var(--spacing-48);
  }

  .xs--pt--48 {
    padding-top: var(--spacing-48);
  }

  .xs--pb--48 {
    padding-bottom: var(--spacing-48);
  }

  .xs--pl--48 {
    padding-left: var(--spacing-48);
  }

  .xs--pr--48 {
    padding-right: var(--spacing-48);
  }

  .xs--px--48 {
    padding-left: var(--spacing-48);
    padding-right: var(--spacing-48);
  }

  .xs--py--48 {
    padding-top: var(--spacing-48);
    padding-bottom: var(--spacing-48);
  }

  .xs--w--48 {
    width: var(--spacing-48);
  }

  .xs--max-w--48 {
    max-width: var(--spacing-48);
  }

  .xs--h--48 {
    height: var(--spacing-48);
  }

  .xs--max-h--48 {
    max-height: var(--spacing-48);
  }

  .xs--gap--48 {
    gap: var(--spacing-48);
  }

  .xs--row-gap--48 {
    row-gap: var(--spacing-48);
  }

  .xs--col-gap--48 {
    -moz-column-gap: var(--spacing-48);
    column-gap: var(--spacing-48);
  }

  .xs--top--48 {
    top: var(--spacing-48);
  }

  .xs--right--48 {
    right: var(--spacing-48);
  }

  .xs--bottom--48 {
    bottom: var(--spacing-48);
  }

  .xs--left--48 {
    left: var(--spacing-48);
  }

  .xs--inset--48 {
    top: var(--spacing-48);
    right: var(--spacing-48);
    bottom: var(--spacing-48);
    left: var(--spacing-48);
  }

  .xs--m--49 {
    margin: var(--spacing-49);
  }

  .xs--mt--49 {
    margin-top: var(--spacing-49);
  }

  .xs--mb--49 {
    margin-bottom: var(--spacing-49);
  }

  .xs--ml--49 {
    margin-left: var(--spacing-49);
  }

  .xs--mr--49 {
    margin-right: var(--spacing-49);
  }

  .xs--mx--49 {
    margin-left: var(--spacing-49);
    margin-right: var(--spacing-49);
  }

  .xs--my--49 {
    margin-top: var(--spacing-49);
    margin-bottom: var(--spacing-49);
  }

  .xs--p--49 {
    padding: var(--spacing-49);
  }

  .xs--pt--49 {
    padding-top: var(--spacing-49);
  }

  .xs--pb--49 {
    padding-bottom: var(--spacing-49);
  }

  .xs--pl--49 {
    padding-left: var(--spacing-49);
  }

  .xs--pr--49 {
    padding-right: var(--spacing-49);
  }

  .xs--px--49 {
    padding-left: var(--spacing-49);
    padding-right: var(--spacing-49);
  }

  .xs--py--49 {
    padding-top: var(--spacing-49);
    padding-bottom: var(--spacing-49);
  }

  .xs--w--49 {
    width: var(--spacing-49);
  }

  .xs--max-w--49 {
    max-width: var(--spacing-49);
  }

  .xs--h--49 {
    height: var(--spacing-49);
  }

  .xs--max-h--49 {
    max-height: var(--spacing-49);
  }

  .xs--gap--49 {
    gap: var(--spacing-49);
  }

  .xs--row-gap--49 {
    row-gap: var(--spacing-49);
  }

  .xs--col-gap--49 {
    -moz-column-gap: var(--spacing-49);
    column-gap: var(--spacing-49);
  }

  .xs--top--49 {
    top: var(--spacing-49);
  }

  .xs--right--49 {
    right: var(--spacing-49);
  }

  .xs--bottom--49 {
    bottom: var(--spacing-49);
  }

  .xs--left--49 {
    left: var(--spacing-49);
  }

  .xs--inset--49 {
    top: var(--spacing-49);
    right: var(--spacing-49);
    bottom: var(--spacing-49);
    left: var(--spacing-49);
  }

  .xs--m--50 {
    margin: var(--spacing-50);
  }

  .xs--mt--50 {
    margin-top: var(--spacing-50);
  }

  .xs--mb--50 {
    margin-bottom: var(--spacing-50);
  }

  .xs--ml--50 {
    margin-left: var(--spacing-50);
  }

  .xs--mr--50 {
    margin-right: var(--spacing-50);
  }

  .xs--mx--50 {
    margin-left: var(--spacing-50);
    margin-right: var(--spacing-50);
  }

  .xs--my--50 {
    margin-top: var(--spacing-50);
    margin-bottom: var(--spacing-50);
  }

  .xs--p--50 {
    padding: var(--spacing-50);
  }

  .xs--pt--50 {
    padding-top: var(--spacing-50);
  }

  .xs--pb--50 {
    padding-bottom: var(--spacing-50);
  }

  .xs--pl--50 {
    padding-left: var(--spacing-50);
  }

  .xs--pr--50 {
    padding-right: var(--spacing-50);
  }

  .xs--px--50 {
    padding-left: var(--spacing-50);
    padding-right: var(--spacing-50);
  }

  .xs--py--50 {
    padding-top: var(--spacing-50);
    padding-bottom: var(--spacing-50);
  }

  .xs--w--50 {
    width: var(--spacing-50);
  }

  .xs--max-w--50 {
    max-width: var(--spacing-50);
  }

  .xs--h--50 {
    height: var(--spacing-50);
  }

  .xs--max-h--50 {
    max-height: var(--spacing-50);
  }

  .xs--gap--50 {
    gap: var(--spacing-50);
  }

  .xs--row-gap--50 {
    row-gap: var(--spacing-50);
  }

  .xs--col-gap--50 {
    -moz-column-gap: var(--spacing-50);
    column-gap: var(--spacing-50);
  }

  .xs--top--50 {
    top: var(--spacing-50);
  }

  .xs--right--50 {
    right: var(--spacing-50);
  }

  .xs--bottom--50 {
    bottom: var(--spacing-50);
  }

  .xs--left--50 {
    left: var(--spacing-50);
  }

  .xs--inset--50 {
    top: var(--spacing-50);
    right: var(--spacing-50);
    bottom: var(--spacing-50);
    left: var(--spacing-50);
  }
}

@media (min-width:768px) {
  .sm--sec--gap {
    padding: 3rem 0;
  }

  .sm--sec--gap-0 {
    padding: 0;
  }

  .sm--w--full {
    width: var(--spacing-100p);
  }

  .sm--max-w--full {
    max-width: var(--spacing-100p);
  }

  .sm--position--static {
    position: static;
  }

  .sm--position--relative {
    position: relative;
  }

  .sm--position--absolute {
    position: absolute;
  }

  .sm--position--fixed {
    position: fixed;
  }

  .sm--position--sticky {
    position: sticky;
  }

  .sm--z--10 {
    z-index: 10;
  }

  .sm--z--50 {
    z-index: 50;
  }

  .sm--z--100 {
    z-index: 100;
  }

  .sm--z--999 {
    z-index: 999;
  }

  .sm--d--none {
    display: none;
  }

  .sm--d--block {
    display: block;
  }

  .sm--d--inline-block {
    display: inline-block;
  }

  .sm--d--flex {
    display: flex;
  }

  .sm--d--grid {
    display: -ms-grid;
    display: grid;
  }

  .sm--d--inline-flex {
    display: inline-flex;
  }

  .sm--items--start {
    justify-content: flex-start;
    text-align: left;
  }

  .sm--items--center {
    justify-content: center;
    text-align: center;
  }

  .sm--items--end {
    justify-content: flex-end;
    text-align: right;
  }

  .sm--items--around {
    justify-content: space-around;
  }

  .sm--items--between {
    justify-content: space-between;
  }

  .sm--items--top {
    align-items: flex-start;
  }

  .sm--items--middle {
    align-items: center;
  }

  .sm--items--bottom {
    align-items: flex-end;
  }

  .sm--items--first {
    order: -1;
  }

  .sm--items--last {
    order: 1;
  }

  .sm--text--left {
    text-align: left;
  }

  .sm--text--center {
    text-align: center;
  }

  .sm--text--right {
    text-align: right;
  }

  .sm--items--column {
    flex-direction: column;
  }

  .sm--items--row {
    flex-direction: row;
  }

  .sm--items--wrap {
    flex-wrap: wrap;
  }

  .sm--border--radius-0 {
    border-radius: 0;
  }

  /* Base xs--border classes for position */
  .sm--border--all {
    border: 1px solid;
  }

  .sm--border--top {
    border-top: 1px solid;
  }

  .sm--border--bottom {
    border-bottom: 1px solid;
  }

  .sm--border--right {
    border-right: 1px solid;
  }

  .sm--border--left {
    border-left: 1px solid;
  }

  .sm--border--none {
    border: 0;
  }

  /* xs--border style classes */
  .sm--border--solid {
    border-style: solid;
  }

  .sm--border--dashed {
    border-style: dashed;
  }

  .sm--border--dotted {
    border-style: dotted;
  }

  .sm--border--radius-50p {
    border-radius: var(--spacing-50p);
  }

  /* xs--border color classes */
  .sm--border-purple {
    border-color: var(--color-purple);
  }

  .sm--border-white {
    border-color: var(--color-white);
  }

  .sm--border-gray {
    border-color: var(--color-gray);
  }

  .sm--border-color {
    border-color: var(--color-for-xs--border);
  }

  .sm--border--color-1 {
    border-color: var(--color-for-xs--border-1);
  }

  /* xs--border color classes */
  /* Hover color classes */
  .sm--border-hover-purple:hover {
    border-color: var(--color-purple);
  }

  .sm--border-hover-white:hover {
    border-color: var(--color-white);
  }

  .sm--border-hover-gray:hover {
    border-color: var(--color-gray);
  }

  .sm--border-hover-color:hover {
    border-color: var(--color-for-xs--border);
  }

  .sm--border--hover-color-1:hover {
    border-color: var(--color-for-xs--border-1);
  }

  /* Hover color classes */
  .sm--col,
  .sm--col--1,
  .sm--col--2,
  .sm--col--3,
  .sm--col--4,
  .sm--col--5,
  .sm--col--6,
  .sm--col--7,
  .sm--col--8,
  .sm--col--9,
  .sm--col--10,
  .sm--col--11,
  .sm--col--12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .sm--col {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .sm--col--1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .sm--offset--1 {
    margin-left: 8.3333333333%;
  }

  .sm--col--2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .sm--offset--2 {
    margin-left: 16.6666666667%;
  }

  .sm--col--3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .sm--offset--3 {
    margin-left: 25%;
  }

  .sm--col--4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .sm--offset--4 {
    margin-left: 33.3333333333%;
  }

  .sm--col--5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .sm--offset--5 {
    margin-left: 41.6666666667%;
  }

  .sm--col--6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .sm--offset--6 {
    margin-left: 50%;
  }

  .sm--col--7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .sm--offset--7 {
    margin-left: 58.3333333333%;
  }

  .sm--col--8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .sm--offset--8 {
    margin-left: 66.6666666667%;
  }

  .sm--col--9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .sm--offset--9 {
    margin-left: 75%;
  }

  .sm--col--10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .sm--offset--10 {
    margin-left: 83.3333333333%;
  }

  .sm--col--11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .sm--offset--11 {
    margin-left: 91.6666666667%;
  }

  .sm--col--12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .sm--m--0 {
    margin: var(--spacing-0);
  }

  .sm--mt--0 {
    margin-top: var(--spacing-0);
  }

  .sm--mb--0 {
    margin-bottom: var(--spacing-0);
  }

  .sm--ml--0 {
    margin-left: var(--spacing-0);
  }

  .sm--mr--0 {
    margin-right: var(--spacing-0);
  }

  .sm--mx--0 {
    margin-left: var(--spacing-0);
    margin-right: var(--spacing-0);
  }

  .sm--my--0 {
    margin-top: var(--spacing-0);
    margin-bottom: var(--spacing-0);
  }

  .sm--p--0 {
    padding: var(--spacing-0);
  }

  .sm--pt--0 {
    padding-top: var(--spacing-0);
  }

  .sm--pb--0 {
    padding-bottom: var(--spacing-0);
  }

  .sm--pl--0 {
    padding-left: var(--spacing-0);
  }

  .sm--pr--0 {
    padding-right: var(--spacing-0);
  }

  .sm--px--0 {
    padding-left: var(--spacing-0);
    padding-right: var(--spacing-0);
  }

  .sm--py--0 {
    padding-top: var(--spacing-0);
    padding-bottom: var(--spacing-0);
  }

  .sm--w--0 {
    width: var(--spacing-0);
  }

  .sm--max-w--0 {
    max-width: var(--spacing-0);
  }

  .sm--h--0 {
    height: var(--spacing-0);
  }

  .sm--max-h--0 {
    max-height: var(--spacing-0);
  }

  .sm--gap--0 {
    gap: var(--spacing-0);
  }

  .sm--row-gap--0 {
    row-gap: var(--spacing-0);
  }

  .sm--col-gap--0 {
    -moz-column-gap: var(--spacing-0);
    column-gap: var(--spacing-0);
  }

  .sm--top--0 {
    top: var(--spacing-0);
  }

  .sm--right--0 {
    right: var(--spacing-0);
  }

  .sm--bottom--0 {
    bottom: var(--spacing-0);
  }

  .sm--left--0 {
    left: var(--spacing-0);
  }

  .sm--inset--0 {
    top: var(--spacing-0);
    right: var(--spacing-0);
    bottom: var(--spacing-0);
    left: var(--spacing-0);
  }

  .sm--m--1 {
    margin: var(--spacing-1);
  }

  .sm--mt--1 {
    margin-top: var(--spacing-1);
  }

  .sm--mb--1 {
    margin-bottom: var(--spacing-1);
  }

  .sm--ml--1 {
    margin-left: var(--spacing-1);
  }

  .sm--mr--1 {
    margin-right: var(--spacing-1);
  }

  .sm--mx--1 {
    margin-left: var(--spacing-1);
    margin-right: var(--spacing-1);
  }

  .sm--my--1 {
    margin-top: var(--spacing-1);
    margin-bottom: var(--spacing-1);
  }

  .sm--p--1 {
    padding: var(--spacing-1);
  }

  .sm--pt--1 {
    padding-top: var(--spacing-1);
  }

  .sm--pb--1 {
    padding-bottom: var(--spacing-1);
  }

  .sm--pl--1 {
    padding-left: var(--spacing-1);
  }

  .sm--pr--1 {
    padding-right: var(--spacing-1);
  }

  .sm--px--1 {
    padding-left: var(--spacing-1);
    padding-right: var(--spacing-1);
  }

  .sm--py--1 {
    padding-top: var(--spacing-1);
    padding-bottom: var(--spacing-1);
  }

  .sm--w--1 {
    width: var(--spacing-1);
  }

  .sm--max-w--1 {
    max-width: var(--spacing-1);
  }

  .sm--h--1 {
    height: var(--spacing-1);
  }

  .sm--max-h--1 {
    max-height: var(--spacing-1);
  }

  .sm--gap--1 {
    gap: var(--spacing-1);
  }

  .sm--row-gap--1 {
    row-gap: var(--spacing-1);
  }

  .sm--col-gap--1 {
    -moz-column-gap: var(--spacing-1);
    column-gap: var(--spacing-1);
  }

  .sm--top--1 {
    top: var(--spacing-1);
  }

  .sm--right--1 {
    right: var(--spacing-1);
  }

  .sm--bottom--1 {
    bottom: var(--spacing-1);
  }

  .sm--left--1 {
    left: var(--spacing-1);
  }

  .sm--inset--1 {
    top: var(--spacing-1);
    right: var(--spacing-1);
    bottom: var(--spacing-1);
    left: var(--spacing-1);
  }

  .sm--m--2 {
    margin: var(--spacing-2);
  }

  .sm--mt--2 {
    margin-top: var(--spacing-2);
  }

  .sm--mb--2 {
    margin-bottom: var(--spacing-2);
  }

  .sm--ml--2 {
    margin-left: var(--spacing-2);
  }

  .sm--mr--2 {
    margin-right: var(--spacing-2);
  }

  .sm--mx--2 {
    margin-left: var(--spacing-2);
    margin-right: var(--spacing-2);
  }

  .sm--my--2 {
    margin-top: var(--spacing-2);
    margin-bottom: var(--spacing-2);
  }

  .sm--p--2 {
    padding: var(--spacing-2);
  }

  .sm--pt--2 {
    padding-top: var(--spacing-2);
  }

  .sm--pb--2 {
    padding-bottom: var(--spacing-2);
  }

  .sm--pl--2 {
    padding-left: var(--spacing-2);
  }

  .sm--pr--2 {
    padding-right: var(--spacing-2);
  }

  .sm--px--2 {
    padding-left: var(--spacing-2);
    padding-right: var(--spacing-2);
  }

  .sm--py--2 {
    padding-top: var(--spacing-2);
    padding-bottom: var(--spacing-2);
  }

  .sm--w--2 {
    width: var(--spacing-2);
  }

  .sm--max-w--2 {
    max-width: var(--spacing-2);
  }

  .sm--h--2 {
    height: var(--spacing-2);
  }

  .sm--max-h--2 {
    max-height: var(--spacing-2);
  }

  .sm--gap--2 {
    gap: var(--spacing-2);
  }

  .sm--row-gap--2 {
    row-gap: var(--spacing-2);
  }

  .sm--col-gap--2 {
    -moz-column-gap: var(--spacing-2);
    column-gap: var(--spacing-2);
  }

  .sm--top--2 {
    top: var(--spacing-2);
  }

  .sm--right--2 {
    right: var(--spacing-2);
  }

  .sm--bottom--2 {
    bottom: var(--spacing-2);
  }

  .sm--left--2 {
    left: var(--spacing-2);
  }

  .sm--inset--2 {
    top: var(--spacing-2);
    right: var(--spacing-2);
    bottom: var(--spacing-2);
    left: var(--spacing-2);
  }

  .sm--m--3 {
    margin: var(--spacing-3);
  }

  .sm--mt--3 {
    margin-top: var(--spacing-3);
  }

  .sm--mb--3 {
    margin-bottom: var(--spacing-3);
  }

  .sm--ml--3 {
    margin-left: var(--spacing-3);
  }

  .sm--mr--3 {
    margin-right: var(--spacing-3);
  }

  .sm--mx--3 {
    margin-left: var(--spacing-3);
    margin-right: var(--spacing-3);
  }

  .sm--my--3 {
    margin-top: var(--spacing-3);
    margin-bottom: var(--spacing-3);
  }

  .sm--p--3 {
    padding: var(--spacing-3);
  }

  .sm--pt--3 {
    padding-top: var(--spacing-3);
  }

  .sm--pb--3 {
    padding-bottom: var(--spacing-3);
  }

  .sm--pl--3 {
    padding-left: var(--spacing-3);
  }

  .sm--pr--3 {
    padding-right: var(--spacing-3);
  }

  .sm--px--3 {
    padding-left: var(--spacing-3);
    padding-right: var(--spacing-3);
  }

  .sm--py--3 {
    padding-top: var(--spacing-3);
    padding-bottom: var(--spacing-3);
  }

  .sm--w--3 {
    width: var(--spacing-3);
  }

  .sm--max-w--3 {
    max-width: var(--spacing-3);
  }

  .sm--h--3 {
    height: var(--spacing-3);
  }

  .sm--max-h--3 {
    max-height: var(--spacing-3);
  }

  .sm--gap--3 {
    gap: var(--spacing-3);
  }

  .sm--row-gap--3 {
    row-gap: var(--spacing-3);
  }

  .sm--col-gap--3 {
    -moz-column-gap: var(--spacing-3);
    column-gap: var(--spacing-3);
  }

  .sm--top--3 {
    top: var(--spacing-3);
  }

  .sm--right--3 {
    right: var(--spacing-3);
  }

  .sm--bottom--3 {
    bottom: var(--spacing-3);
  }

  .sm--left--3 {
    left: var(--spacing-3);
  }

  .sm--inset--3 {
    top: var(--spacing-3);
    right: var(--spacing-3);
    bottom: var(--spacing-3);
    left: var(--spacing-3);
  }

  .sm--m--4 {
    margin: var(--spacing-4);
  }

  .sm--mt--4 {
    margin-top: var(--spacing-4);
  }

  .sm--mb--4 {
    margin-bottom: var(--spacing-4);
  }

  .sm--ml--4 {
    margin-left: var(--spacing-4);
  }

  .sm--mr--4 {
    margin-right: var(--spacing-4);
  }

  .sm--mx--4 {
    margin-left: var(--spacing-4);
    margin-right: var(--spacing-4);
  }

  .sm--my--4 {
    margin-top: var(--spacing-4);
    margin-bottom: var(--spacing-4);
  }

  .sm--p--4 {
    padding: var(--spacing-4);
  }

  .sm--pt--4 {
    padding-top: var(--spacing-4);
  }

  .sm--pb--4 {
    padding-bottom: var(--spacing-4);
  }

  .sm--pl--4 {
    padding-left: var(--spacing-4);
  }

  .sm--pr--4 {
    padding-right: var(--spacing-4);
  }

  .sm--px--4 {
    padding-left: var(--spacing-4);
    padding-right: var(--spacing-4);
  }

  .sm--py--4 {
    padding-top: var(--spacing-4);
    padding-bottom: var(--spacing-4);
  }

  .sm--w--4 {
    width: var(--spacing-4);
  }

  .sm--max-w--4 {
    max-width: var(--spacing-4);
  }

  .sm--h--4 {
    height: var(--spacing-4);
  }

  .sm--max-h--4 {
    max-height: var(--spacing-4);
  }

  .sm--gap--4 {
    gap: var(--spacing-4);
  }

  .sm--row-gap--4 {
    row-gap: var(--spacing-4);
  }

  .sm--col-gap--4 {
    -moz-column-gap: var(--spacing-4);
    column-gap: var(--spacing-4);
  }

  .sm--top--4 {
    top: var(--spacing-4);
  }

  .sm--right--4 {
    right: var(--spacing-4);
  }

  .sm--bottom--4 {
    bottom: var(--spacing-4);
  }

  .sm--left--4 {
    left: var(--spacing-4);
  }

  .sm--inset--4 {
    top: var(--spacing-4);
    right: var(--spacing-4);
    bottom: var(--spacing-4);
    left: var(--spacing-4);
  }

  .sm--m--5 {
    margin: var(--spacing-5);
  }

  .sm--mt--5 {
    margin-top: var(--spacing-5);
  }

  .sm--mb--5 {
    margin-bottom: var(--spacing-5);
  }

  .sm--ml--5 {
    margin-left: var(--spacing-5);
  }

  .sm--mr--5 {
    margin-right: var(--spacing-5);
  }

  .sm--mx--5 {
    margin-left: var(--spacing-5);
    margin-right: var(--spacing-5);
  }

  .sm--my--5 {
    margin-top: var(--spacing-5);
    margin-bottom: var(--spacing-5);
  }

  .sm--p--5 {
    padding: var(--spacing-5);
  }

  .sm--pt--5 {
    padding-top: var(--spacing-5);
  }

  .sm--pb--5 {
    padding-bottom: var(--spacing-5);
  }

  .sm--pl--5 {
    padding-left: var(--spacing-5);
  }

  .sm--pr--5 {
    padding-right: var(--spacing-5);
  }

  .sm--px--5 {
    padding-left: var(--spacing-5);
    padding-right: var(--spacing-5);
  }

  .sm--py--5 {
    padding-top: var(--spacing-5);
    padding-bottom: var(--spacing-5);
  }

  .sm--w--5 {
    width: var(--spacing-5);
  }

  .sm--max-w--5 {
    max-width: var(--spacing-5);
  }

  .sm--h--5 {
    height: var(--spacing-5);
  }

  .sm--max-h--5 {
    max-height: var(--spacing-5);
  }

  .sm--gap--5 {
    gap: var(--spacing-5);
  }

  .sm--row-gap--5 {
    row-gap: var(--spacing-5);
  }

  .sm--col-gap--5 {
    -moz-column-gap: var(--spacing-5);
    column-gap: var(--spacing-5);
  }

  .sm--top--5 {
    top: var(--spacing-5);
  }

  .sm--right--5 {
    right: var(--spacing-5);
  }

  .sm--bottom--5 {
    bottom: var(--spacing-5);
  }

  .sm--left--5 {
    left: var(--spacing-5);
  }

  .sm--inset--5 {
    top: var(--spacing-5);
    right: var(--spacing-5);
    bottom: var(--spacing-5);
    left: var(--spacing-5);
  }

  .sm--m--6 {
    margin: var(--spacing-6);
  }

  .sm--mt--6 {
    margin-top: var(--spacing-6);
  }

  .sm--mb--6 {
    margin-bottom: var(--spacing-6);
  }

  .sm--ml--6 {
    margin-left: var(--spacing-6);
  }

  .sm--mr--6 {
    margin-right: var(--spacing-6);
  }

  .sm--mx--6 {
    margin-left: var(--spacing-6);
    margin-right: var(--spacing-6);
  }

  .sm--my--6 {
    margin-top: var(--spacing-6);
    margin-bottom: var(--spacing-6);
  }

  .sm--p--6 {
    padding: var(--spacing-6);
  }

  .sm--pt--6 {
    padding-top: var(--spacing-6);
  }

  .sm--pb--6 {
    padding-bottom: var(--spacing-6);
  }

  .sm--pl--6 {
    padding-left: var(--spacing-6);
  }

  .sm--pr--6 {
    padding-right: var(--spacing-6);
  }

  .sm--px--6 {
    padding-left: var(--spacing-6);
    padding-right: var(--spacing-6);
  }

  .sm--py--6 {
    padding-top: var(--spacing-6);
    padding-bottom: var(--spacing-6);
  }

  .sm--w--6 {
    width: var(--spacing-6);
  }

  .sm--max-w--6 {
    max-width: var(--spacing-6);
  }

  .sm--h--6 {
    height: var(--spacing-6);
  }

  .sm--max-h--6 {
    max-height: var(--spacing-6);
  }

  .sm--gap--6 {
    gap: var(--spacing-6);
  }

  .sm--row-gap--6 {
    row-gap: var(--spacing-6);
  }

  .sm--col-gap--6 {
    -moz-column-gap: var(--spacing-6);
    column-gap: var(--spacing-6);
  }

  .sm--top--6 {
    top: var(--spacing-6);
  }

  .sm--right--6 {
    right: var(--spacing-6);
  }

  .sm--bottom--6 {
    bottom: var(--spacing-6);
  }

  .sm--left--6 {
    left: var(--spacing-6);
  }

  .sm--inset--6 {
    top: var(--spacing-6);
    right: var(--spacing-6);
    bottom: var(--spacing-6);
    left: var(--spacing-6);
  }

  .sm--m--7 {
    margin: var(--spacing-7);
  }

  .sm--mt--7 {
    margin-top: var(--spacing-7);
  }

  .sm--mb--7 {
    margin-bottom: var(--spacing-7);
  }

  .sm--ml--7 {
    margin-left: var(--spacing-7);
  }

  .sm--mr--7 {
    margin-right: var(--spacing-7);
  }

  .sm--mx--7 {
    margin-left: var(--spacing-7);
    margin-right: var(--spacing-7);
  }

  .sm--my--7 {
    margin-top: var(--spacing-7);
    margin-bottom: var(--spacing-7);
  }

  .sm--p--7 {
    padding: var(--spacing-7);
  }

  .sm--pt--7 {
    padding-top: var(--spacing-7);
  }

  .sm--pb--7 {
    padding-bottom: var(--spacing-7);
  }

  .sm--pl--7 {
    padding-left: var(--spacing-7);
  }

  .sm--pr--7 {
    padding-right: var(--spacing-7);
  }

  .sm--px--7 {
    padding-left: var(--spacing-7);
    padding-right: var(--spacing-7);
  }

  .sm--py--7 {
    padding-top: var(--spacing-7);
    padding-bottom: var(--spacing-7);
  }

  .sm--w--7 {
    width: var(--spacing-7);
  }

  .sm--max-w--7 {
    max-width: var(--spacing-7);
  }

  .sm--h--7 {
    height: var(--spacing-7);
  }

  .sm--max-h--7 {
    max-height: var(--spacing-7);
  }

  .sm--gap--7 {
    gap: var(--spacing-7);
  }

  .sm--row-gap--7 {
    row-gap: var(--spacing-7);
  }

  .sm--col-gap--7 {
    -moz-column-gap: var(--spacing-7);
    column-gap: var(--spacing-7);
  }

  .sm--top--7 {
    top: var(--spacing-7);
  }

  .sm--right--7 {
    right: var(--spacing-7);
  }

  .sm--bottom--7 {
    bottom: var(--spacing-7);
  }

  .sm--left--7 {
    left: var(--spacing-7);
  }

  .sm--inset--7 {
    top: var(--spacing-7);
    right: var(--spacing-7);
    bottom: var(--spacing-7);
    left: var(--spacing-7);
  }

  .sm--m--8 {
    margin: var(--spacing-8);
  }

  .sm--mt--8 {
    margin-top: var(--spacing-8);
  }

  .sm--mb--8 {
    margin-bottom: var(--spacing-8);
  }

  .sm--ml--8 {
    margin-left: var(--spacing-8);
  }

  .sm--mr--8 {
    margin-right: var(--spacing-8);
  }

  .sm--mx--8 {
    margin-left: var(--spacing-8);
    margin-right: var(--spacing-8);
  }

  .sm--my--8 {
    margin-top: var(--spacing-8);
    margin-bottom: var(--spacing-8);
  }

  .sm--p--8 {
    padding: var(--spacing-8);
  }

  .sm--pt--8 {
    padding-top: var(--spacing-8);
  }

  .sm--pb--8 {
    padding-bottom: var(--spacing-8);
  }

  .sm--pl--8 {
    padding-left: var(--spacing-8);
  }

  .sm--pr--8 {
    padding-right: var(--spacing-8);
  }

  .sm--px--8 {
    padding-left: var(--spacing-8);
    padding-right: var(--spacing-8);
  }

  .sm--py--8 {
    padding-top: var(--spacing-8);
    padding-bottom: var(--spacing-8);
  }

  .sm--w--8 {
    width: var(--spacing-8);
  }

  .sm--max-w--8 {
    max-width: var(--spacing-8);
  }

  .sm--h--8 {
    height: var(--spacing-8);
  }

  .sm--max-h--8 {
    max-height: var(--spacing-8);
  }

  .sm--gap--8 {
    gap: var(--spacing-8);
  }

  .sm--row-gap--8 {
    row-gap: var(--spacing-8);
  }

  .sm--col-gap--8 {
    -moz-column-gap: var(--spacing-8);
    column-gap: var(--spacing-8);
  }

  .sm--top--8 {
    top: var(--spacing-8);
  }

  .sm--right--8 {
    right: var(--spacing-8);
  }

  .sm--bottom--8 {
    bottom: var(--spacing-8);
  }

  .sm--left--8 {
    left: var(--spacing-8);
  }

  .sm--inset--8 {
    top: var(--spacing-8);
    right: var(--spacing-8);
    bottom: var(--spacing-8);
    left: var(--spacing-8);
  }

  .sm--m--9 {
    margin: var(--spacing-9);
  }

  .sm--mt--9 {
    margin-top: var(--spacing-9);
  }

  .sm--mb--9 {
    margin-bottom: var(--spacing-9);
  }

  .sm--ml--9 {
    margin-left: var(--spacing-9);
  }

  .sm--mr--9 {
    margin-right: var(--spacing-9);
  }

  .sm--mx--9 {
    margin-left: var(--spacing-9);
    margin-right: var(--spacing-9);
  }

  .sm--my--9 {
    margin-top: var(--spacing-9);
    margin-bottom: var(--spacing-9);
  }

  .sm--p--9 {
    padding: var(--spacing-9);
  }

  .sm--pt--9 {
    padding-top: var(--spacing-9);
  }

  .sm--pb--9 {
    padding-bottom: var(--spacing-9);
  }

  .sm--pl--9 {
    padding-left: var(--spacing-9);
  }

  .sm--pr--9 {
    padding-right: var(--spacing-9);
  }

  .sm--px--9 {
    padding-left: var(--spacing-9);
    padding-right: var(--spacing-9);
  }

  .sm--py--9 {
    padding-top: var(--spacing-9);
    padding-bottom: var(--spacing-9);
  }

  .sm--w--9 {
    width: var(--spacing-9);
  }

  .sm--max-w--9 {
    max-width: var(--spacing-9);
  }

  .sm--h--9 {
    height: var(--spacing-9);
  }

  .sm--max-h--9 {
    max-height: var(--spacing-9);
  }

  .sm--gap--9 {
    gap: var(--spacing-9);
  }

  .sm--row-gap--9 {
    row-gap: var(--spacing-9);
  }

  .sm--col-gap--9 {
    -moz-column-gap: var(--spacing-9);
    column-gap: var(--spacing-9);
  }

  .sm--top--9 {
    top: var(--spacing-9);
  }

  .sm--right--9 {
    right: var(--spacing-9);
  }

  .sm--bottom--9 {
    bottom: var(--spacing-9);
  }

  .sm--left--9 {
    left: var(--spacing-9);
  }

  .sm--inset--9 {
    top: var(--spacing-9);
    right: var(--spacing-9);
    bottom: var(--spacing-9);
    left: var(--spacing-9);
  }

  .sm--m--10 {
    margin: var(--spacing-10);
  }

  .sm--mt--10 {
    margin-top: var(--spacing-10);
  }

  .sm--mb--10 {
    margin-bottom: var(--spacing-10);
  }

  .sm--ml--10 {
    margin-left: var(--spacing-10);
  }

  .sm--mr--10 {
    margin-right: var(--spacing-10);
  }

  .sm--mx--10 {
    margin-left: var(--spacing-10);
    margin-right: var(--spacing-10);
  }

  .sm--my--10 {
    margin-top: var(--spacing-10);
    margin-bottom: var(--spacing-10);
  }

  .sm--p--10 {
    padding: var(--spacing-10);
  }

  .sm--pt--10 {
    padding-top: var(--spacing-10);
  }

  .sm--pb--10 {
    padding-bottom: var(--spacing-10);
  }

  .sm--pl--10 {
    padding-left: var(--spacing-10);
  }

  .sm--pr--10 {
    padding-right: var(--spacing-10);
  }

  .sm--px--10 {
    padding-left: var(--spacing-10);
    padding-right: var(--spacing-10);
  }

  .sm--py--10 {
    padding-top: var(--spacing-10);
    padding-bottom: var(--spacing-10);
  }

  .sm--w--10 {
    width: var(--spacing-10);
  }

  .sm--max-w--10 {
    max-width: var(--spacing-10);
  }

  .sm--h--10 {
    height: var(--spacing-10);
  }

  .sm--max-h--10 {
    max-height: var(--spacing-10);
  }

  .sm--gap--10 {
    gap: var(--spacing-10);
  }

  .sm--row-gap--10 {
    row-gap: var(--spacing-10);
  }

  .sm--col-gap--10 {
    -moz-column-gap: var(--spacing-10);
    column-gap: var(--spacing-10);
  }

  .sm--top--10 {
    top: var(--spacing-10);
  }

  .sm--right--10 {
    right: var(--spacing-10);
  }

  .sm--bottom--10 {
    bottom: var(--spacing-10);
  }

  .sm--left--10 {
    left: var(--spacing-10);
  }

  .sm--inset--10 {
    top: var(--spacing-10);
    right: var(--spacing-10);
    bottom: var(--spacing-10);
    left: var(--spacing-10);
  }

  .sm--m--11 {
    margin: var(--spacing-11);
  }

  .sm--mt--11 {
    margin-top: var(--spacing-11);
  }

  .sm--mb--11 {
    margin-bottom: var(--spacing-11);
  }

  .sm--ml--11 {
    margin-left: var(--spacing-11);
  }

  .sm--mr--11 {
    margin-right: var(--spacing-11);
  }

  .sm--mx--11 {
    margin-left: var(--spacing-11);
    margin-right: var(--spacing-11);
  }

  .sm--my--11 {
    margin-top: var(--spacing-11);
    margin-bottom: var(--spacing-11);
  }

  .sm--p--11 {
    padding: var(--spacing-11);
  }

  .sm--pt--11 {
    padding-top: var(--spacing-11);
  }

  .sm--pb--11 {
    padding-bottom: var(--spacing-11);
  }

  .sm--pl--11 {
    padding-left: var(--spacing-11);
  }

  .sm--pr--11 {
    padding-right: var(--spacing-11);
  }

  .sm--px--11 {
    padding-left: var(--spacing-11);
    padding-right: var(--spacing-11);
  }

  .sm--py--11 {
    padding-top: var(--spacing-11);
    padding-bottom: var(--spacing-11);
  }

  .sm--w--11 {
    width: var(--spacing-11);
  }

  .sm--max-w--11 {
    max-width: var(--spacing-11);
  }

  .sm--h--11 {
    height: var(--spacing-11);
  }

  .sm--max-h--11 {
    max-height: var(--spacing-11);
  }

  .sm--gap--11 {
    gap: var(--spacing-11);
  }

  .sm--row-gap--11 {
    row-gap: var(--spacing-11);
  }

  .sm--col-gap--11 {
    -moz-column-gap: var(--spacing-11);
    column-gap: var(--spacing-11);
  }

  .sm--top--11 {
    top: var(--spacing-11);
  }

  .sm--right--11 {
    right: var(--spacing-11);
  }

  .sm--bottom--11 {
    bottom: var(--spacing-11);
  }

  .sm--left--11 {
    left: var(--spacing-11);
  }

  .sm--inset--11 {
    top: var(--spacing-11);
    right: var(--spacing-11);
    bottom: var(--spacing-11);
    left: var(--spacing-11);
  }

  .sm--m--12 {
    margin: var(--spacing-12);
  }

  .sm--mt--12 {
    margin-top: var(--spacing-12);
  }

  .sm--mb--12 {
    margin-bottom: var(--spacing-12);
  }

  .sm--ml--12 {
    margin-left: var(--spacing-12);
  }

  .sm--mr--12 {
    margin-right: var(--spacing-12);
  }

  .sm--mx--12 {
    margin-left: var(--spacing-12);
    margin-right: var(--spacing-12);
  }

  .sm--my--12 {
    margin-top: var(--spacing-12);
    margin-bottom: var(--spacing-12);
  }

  .sm--p--12 {
    padding: var(--spacing-12);
  }

  .sm--pt--12 {
    padding-top: var(--spacing-12);
  }

  .sm--pb--12 {
    padding-bottom: var(--spacing-12);
  }

  .sm--pl--12 {
    padding-left: var(--spacing-12);
  }

  .sm--pr--12 {
    padding-right: var(--spacing-12);
  }

  .sm--px--12 {
    padding-left: var(--spacing-12);
    padding-right: var(--spacing-12);
  }

  .sm--py--12 {
    padding-top: var(--spacing-12);
    padding-bottom: var(--spacing-12);
  }

  .sm--w--12 {
    width: var(--spacing-12);
  }

  .sm--max-w--12 {
    max-width: var(--spacing-12);
  }

  .sm--h--12 {
    height: var(--spacing-12);
  }

  .sm--max-h--12 {
    max-height: var(--spacing-12);
  }

  .sm--gap--12 {
    gap: var(--spacing-12);
  }

  .sm--row-gap--12 {
    row-gap: var(--spacing-12);
  }

  .sm--col-gap--12 {
    -moz-column-gap: var(--spacing-12);
    column-gap: var(--spacing-12);
  }

  .sm--top--12 {
    top: var(--spacing-12);
  }

  .sm--right--12 {
    right: var(--spacing-12);
  }

  .sm--bottom--12 {
    bottom: var(--spacing-12);
  }

  .sm--left--12 {
    left: var(--spacing-12);
  }

  .sm--inset--12 {
    top: var(--spacing-12);
    right: var(--spacing-12);
    bottom: var(--spacing-12);
    left: var(--spacing-12);
  }

  .sm--m--13 {
    margin: var(--spacing-13);
  }

  .sm--mt--13 {
    margin-top: var(--spacing-13);
  }

  .sm--mb--13 {
    margin-bottom: var(--spacing-13);
  }

  .sm--ml--13 {
    margin-left: var(--spacing-13);
  }

  .sm--mr--13 {
    margin-right: var(--spacing-13);
  }

  .sm--mx--13 {
    margin-left: var(--spacing-13);
    margin-right: var(--spacing-13);
  }

  .sm--my--13 {
    margin-top: var(--spacing-13);
    margin-bottom: var(--spacing-13);
  }

  .sm--p--13 {
    padding: var(--spacing-13);
  }

  .sm--pt--13 {
    padding-top: var(--spacing-13);
  }

  .sm--pb--13 {
    padding-bottom: var(--spacing-13);
  }

  .sm--pl--13 {
    padding-left: var(--spacing-13);
  }

  .sm--pr--13 {
    padding-right: var(--spacing-13);
  }

  .sm--px--13 {
    padding-left: var(--spacing-13);
    padding-right: var(--spacing-13);
  }

  .sm--py--13 {
    padding-top: var(--spacing-13);
    padding-bottom: var(--spacing-13);
  }

  .sm--w--13 {
    width: var(--spacing-13);
  }

  .sm--max-w--13 {
    max-width: var(--spacing-13);
  }

  .sm--h--13 {
    height: var(--spacing-13);
  }

  .sm--max-h--13 {
    max-height: var(--spacing-13);
  }

  .sm--gap--13 {
    gap: var(--spacing-13);
  }

  .sm--row-gap--13 {
    row-gap: var(--spacing-13);
  }

  .sm--col-gap--13 {
    -moz-column-gap: var(--spacing-13);
    column-gap: var(--spacing-13);
  }

  .sm--top--13 {
    top: var(--spacing-13);
  }

  .sm--right--13 {
    right: var(--spacing-13);
  }

  .sm--bottom--13 {
    bottom: var(--spacing-13);
  }

  .sm--left--13 {
    left: var(--spacing-13);
  }

  .sm--inset--13 {
    top: var(--spacing-13);
    right: var(--spacing-13);
    bottom: var(--spacing-13);
    left: var(--spacing-13);
  }

  .sm--m--14 {
    margin: var(--spacing-14);
  }

  .sm--mt--14 {
    margin-top: var(--spacing-14);
  }

  .sm--mb--14 {
    margin-bottom: var(--spacing-14);
  }

  .sm--ml--14 {
    margin-left: var(--spacing-14);
  }

  .sm--mr--14 {
    margin-right: var(--spacing-14);
  }

  .sm--mx--14 {
    margin-left: var(--spacing-14);
    margin-right: var(--spacing-14);
  }

  .sm--my--14 {
    margin-top: var(--spacing-14);
    margin-bottom: var(--spacing-14);
  }

  .sm--p--14 {
    padding: var(--spacing-14);
  }

  .sm--pt--14 {
    padding-top: var(--spacing-14);
  }

  .sm--pb--14 {
    padding-bottom: var(--spacing-14);
  }

  .sm--pl--14 {
    padding-left: var(--spacing-14);
  }

  .sm--pr--14 {
    padding-right: var(--spacing-14);
  }

  .sm--px--14 {
    padding-left: var(--spacing-14);
    padding-right: var(--spacing-14);
  }

  .sm--py--14 {
    padding-top: var(--spacing-14);
    padding-bottom: var(--spacing-14);
  }

  .sm--w--14 {
    width: var(--spacing-14);
  }

  .sm--max-w--14 {
    max-width: var(--spacing-14);
  }

  .sm--h--14 {
    height: var(--spacing-14);
  }

  .sm--max-h--14 {
    max-height: var(--spacing-14);
  }

  .sm--gap--14 {
    gap: var(--spacing-14);
  }

  .sm--row-gap--14 {
    row-gap: var(--spacing-14);
  }

  .sm--col-gap--14 {
    -moz-column-gap: var(--spacing-14);
    column-gap: var(--spacing-14);
  }

  .sm--top--14 {
    top: var(--spacing-14);
  }

  .sm--right--14 {
    right: var(--spacing-14);
  }

  .sm--bottom--14 {
    bottom: var(--spacing-14);
  }

  .sm--left--14 {
    left: var(--spacing-14);
  }

  .sm--inset--14 {
    top: var(--spacing-14);
    right: var(--spacing-14);
    bottom: var(--spacing-14);
    left: var(--spacing-14);
  }

  .sm--m--15 {
    margin: var(--spacing-15);
  }

  .sm--mt--15 {
    margin-top: var(--spacing-15);
  }

  .sm--mb--15 {
    margin-bottom: var(--spacing-15);
  }

  .sm--ml--15 {
    margin-left: var(--spacing-15);
  }

  .sm--mr--15 {
    margin-right: var(--spacing-15);
  }

  .sm--mx--15 {
    margin-left: var(--spacing-15);
    margin-right: var(--spacing-15);
  }

  .sm--my--15 {
    margin-top: var(--spacing-15);
    margin-bottom: var(--spacing-15);
  }

  .sm--p--15 {
    padding: var(--spacing-15);
  }

  .sm--pt--15 {
    padding-top: var(--spacing-15);
  }

  .sm--pb--15 {
    padding-bottom: var(--spacing-15);
  }

  .sm--pl--15 {
    padding-left: var(--spacing-15);
  }

  .sm--pr--15 {
    padding-right: var(--spacing-15);
  }

  .sm--px--15 {
    padding-left: var(--spacing-15);
    padding-right: var(--spacing-15);
  }

  .sm--py--15 {
    padding-top: var(--spacing-15);
    padding-bottom: var(--spacing-15);
  }

  .sm--w--15 {
    width: var(--spacing-15);
  }

  .sm--max-w--15 {
    max-width: var(--spacing-15);
  }

  .sm--h--15 {
    height: var(--spacing-15);
  }

  .sm--max-h--15 {
    max-height: var(--spacing-15);
  }

  .sm--gap--15 {
    gap: var(--spacing-15);
  }

  .sm--row-gap--15 {
    row-gap: var(--spacing-15);
  }

  .sm--col-gap--15 {
    -moz-column-gap: var(--spacing-15);
    column-gap: var(--spacing-15);
  }

  .sm--top--15 {
    top: var(--spacing-15);
  }

  .sm--right--15 {
    right: var(--spacing-15);
  }

  .sm--bottom--15 {
    bottom: var(--spacing-15);
  }

  .sm--left--15 {
    left: var(--spacing-15);
  }

  .sm--inset--15 {
    top: var(--spacing-15);
    right: var(--spacing-15);
    bottom: var(--spacing-15);
    left: var(--spacing-15);
  }

  .sm--m--16 {
    margin: var(--spacing-16);
  }

  .sm--mt--16 {
    margin-top: var(--spacing-16);
  }

  .sm--mb--16 {
    margin-bottom: var(--spacing-16);
  }

  .sm--ml--16 {
    margin-left: var(--spacing-16);
  }

  .sm--mr--16 {
    margin-right: var(--spacing-16);
  }

  .sm--mx--16 {
    margin-left: var(--spacing-16);
    margin-right: var(--spacing-16);
  }

  .sm--my--16 {
    margin-top: var(--spacing-16);
    margin-bottom: var(--spacing-16);
  }

  .sm--p--16 {
    padding: var(--spacing-16);
  }

  .sm--pt--16 {
    padding-top: var(--spacing-16);
  }

  .sm--pb--16 {
    padding-bottom: var(--spacing-16);
  }

  .sm--pl--16 {
    padding-left: var(--spacing-16);
  }

  .sm--pr--16 {
    padding-right: var(--spacing-16);
  }

  .sm--px--16 {
    padding-left: var(--spacing-16);
    padding-right: var(--spacing-16);
  }

  .sm--py--16 {
    padding-top: var(--spacing-16);
    padding-bottom: var(--spacing-16);
  }

  .sm--w--16 {
    width: var(--spacing-16);
  }

  .sm--max-w--16 {
    max-width: var(--spacing-16);
  }

  .sm--h--16 {
    height: var(--spacing-16);
  }

  .sm--max-h--16 {
    max-height: var(--spacing-16);
  }

  .sm--gap--16 {
    gap: var(--spacing-16);
  }

  .sm--row-gap--16 {
    row-gap: var(--spacing-16);
  }

  .sm--col-gap--16 {
    -moz-column-gap: var(--spacing-16);
    column-gap: var(--spacing-16);
  }

  .sm--top--16 {
    top: var(--spacing-16);
  }

  .sm--right--16 {
    right: var(--spacing-16);
  }

  .sm--bottom--16 {
    bottom: var(--spacing-16);
  }

  .sm--left--16 {
    left: var(--spacing-16);
  }

  .sm--inset--16 {
    top: var(--spacing-16);
    right: var(--spacing-16);
    bottom: var(--spacing-16);
    left: var(--spacing-16);
  }

  .sm--m--17 {
    margin: var(--spacing-17);
  }

  .sm--mt--17 {
    margin-top: var(--spacing-17);
  }

  .sm--mb--17 {
    margin-bottom: var(--spacing-17);
  }

  .sm--ml--17 {
    margin-left: var(--spacing-17);
  }

  .sm--mr--17 {
    margin-right: var(--spacing-17);
  }

  .sm--mx--17 {
    margin-left: var(--spacing-17);
    margin-right: var(--spacing-17);
  }

  .sm--my--17 {
    margin-top: var(--spacing-17);
    margin-bottom: var(--spacing-17);
  }

  .sm--p--17 {
    padding: var(--spacing-17);
  }

  .sm--pt--17 {
    padding-top: var(--spacing-17);
  }

  .sm--pb--17 {
    padding-bottom: var(--spacing-17);
  }

  .sm--pl--17 {
    padding-left: var(--spacing-17);
  }

  .sm--pr--17 {
    padding-right: var(--spacing-17);
  }

  .sm--px--17 {
    padding-left: var(--spacing-17);
    padding-right: var(--spacing-17);
  }

  .sm--py--17 {
    padding-top: var(--spacing-17);
    padding-bottom: var(--spacing-17);
  }

  .sm--w--17 {
    width: var(--spacing-17);
  }

  .sm--max-w--17 {
    max-width: var(--spacing-17);
  }

  .sm--h--17 {
    height: var(--spacing-17);
  }

  .sm--max-h--17 {
    max-height: var(--spacing-17);
  }

  .sm--gap--17 {
    gap: var(--spacing-17);
  }

  .sm--row-gap--17 {
    row-gap: var(--spacing-17);
  }

  .sm--col-gap--17 {
    -moz-column-gap: var(--spacing-17);
    column-gap: var(--spacing-17);
  }

  .sm--top--17 {
    top: var(--spacing-17);
  }

  .sm--right--17 {
    right: var(--spacing-17);
  }

  .sm--bottom--17 {
    bottom: var(--spacing-17);
  }

  .sm--left--17 {
    left: var(--spacing-17);
  }

  .sm--inset--17 {
    top: var(--spacing-17);
    right: var(--spacing-17);
    bottom: var(--spacing-17);
    left: var(--spacing-17);
  }

  .sm--m--18 {
    margin: var(--spacing-18);
  }

  .sm--mt--18 {
    margin-top: var(--spacing-18);
  }

  .sm--mb--18 {
    margin-bottom: var(--spacing-18);
  }

  .sm--ml--18 {
    margin-left: var(--spacing-18);
  }

  .sm--mr--18 {
    margin-right: var(--spacing-18);
  }

  .sm--mx--18 {
    margin-left: var(--spacing-18);
    margin-right: var(--spacing-18);
  }

  .sm--my--18 {
    margin-top: var(--spacing-18);
    margin-bottom: var(--spacing-18);
  }

  .sm--p--18 {
    padding: var(--spacing-18);
  }

  .sm--pt--18 {
    padding-top: var(--spacing-18);
  }

  .sm--pb--18 {
    padding-bottom: var(--spacing-18);
  }

  .sm--pl--18 {
    padding-left: var(--spacing-18);
  }

  .sm--pr--18 {
    padding-right: var(--spacing-18);
  }

  .sm--px--18 {
    padding-left: var(--spacing-18);
    padding-right: var(--spacing-18);
  }

  .sm--py--18 {
    padding-top: var(--spacing-18);
    padding-bottom: var(--spacing-18);
  }

  .sm--w--18 {
    width: var(--spacing-18);
  }

  .sm--max-w--18 {
    max-width: var(--spacing-18);
  }

  .sm--h--18 {
    height: var(--spacing-18);
  }

  .sm--max-h--18 {
    max-height: var(--spacing-18);
  }

  .sm--gap--18 {
    gap: var(--spacing-18);
  }

  .sm--row-gap--18 {
    row-gap: var(--spacing-18);
  }

  .sm--col-gap--18 {
    -moz-column-gap: var(--spacing-18);
    column-gap: var(--spacing-18);
  }

  .sm--top--18 {
    top: var(--spacing-18);
  }

  .sm--right--18 {
    right: var(--spacing-18);
  }

  .sm--bottom--18 {
    bottom: var(--spacing-18);
  }

  .sm--left--18 {
    left: var(--spacing-18);
  }

  .sm--inset--18 {
    top: var(--spacing-18);
    right: var(--spacing-18);
    bottom: var(--spacing-18);
    left: var(--spacing-18);
  }

  .sm--m--19 {
    margin: var(--spacing-19);
  }

  .sm--mt--19 {
    margin-top: var(--spacing-19);
  }

  .sm--mb--19 {
    margin-bottom: var(--spacing-19);
  }

  .sm--ml--19 {
    margin-left: var(--spacing-19);
  }

  .sm--mr--19 {
    margin-right: var(--spacing-19);
  }

  .sm--mx--19 {
    margin-left: var(--spacing-19);
    margin-right: var(--spacing-19);
  }

  .sm--my--19 {
    margin-top: var(--spacing-19);
    margin-bottom: var(--spacing-19);
  }

  .sm--p--19 {
    padding: var(--spacing-19);
  }

  .sm--pt--19 {
    padding-top: var(--spacing-19);
  }

  .sm--pb--19 {
    padding-bottom: var(--spacing-19);
  }

  .sm--pl--19 {
    padding-left: var(--spacing-19);
  }

  .sm--pr--19 {
    padding-right: var(--spacing-19);
  }

  .sm--px--19 {
    padding-left: var(--spacing-19);
    padding-right: var(--spacing-19);
  }

  .sm--py--19 {
    padding-top: var(--spacing-19);
    padding-bottom: var(--spacing-19);
  }

  .sm--w--19 {
    width: var(--spacing-19);
  }

  .sm--max-w--19 {
    max-width: var(--spacing-19);
  }

  .sm--h--19 {
    height: var(--spacing-19);
  }

  .sm--max-h--19 {
    max-height: var(--spacing-19);
  }

  .sm--gap--19 {
    gap: var(--spacing-19);
  }

  .sm--row-gap--19 {
    row-gap: var(--spacing-19);
  }

  .sm--col-gap--19 {
    -moz-column-gap: var(--spacing-19);
    column-gap: var(--spacing-19);
  }

  .sm--top--19 {
    top: var(--spacing-19);
  }

  .sm--right--19 {
    right: var(--spacing-19);
  }

  .sm--bottom--19 {
    bottom: var(--spacing-19);
  }

  .sm--left--19 {
    left: var(--spacing-19);
  }

  .sm--inset--19 {
    top: var(--spacing-19);
    right: var(--spacing-19);
    bottom: var(--spacing-19);
    left: var(--spacing-19);
  }

  .sm--m--20 {
    margin: var(--spacing-20);
  }

  .sm--mt--20 {
    margin-top: var(--spacing-20);
  }

  .sm--mb--20 {
    margin-bottom: var(--spacing-20);
  }

  .sm--ml--20 {
    margin-left: var(--spacing-20);
  }

  .sm--mr--20 {
    margin-right: var(--spacing-20);
  }

  .sm--mx--20 {
    margin-left: var(--spacing-20);
    margin-right: var(--spacing-20);
  }

  .sm--my--20 {
    margin-top: var(--spacing-20);
    margin-bottom: var(--spacing-20);
  }

  .sm--p--20 {
    padding: var(--spacing-20);
  }

  .sm--pt--20 {
    padding-top: var(--spacing-20);
  }

  .sm--pb--20 {
    padding-bottom: var(--spacing-20);
  }

  .sm--pl--20 {
    padding-left: var(--spacing-20);
  }

  .sm--pr--20 {
    padding-right: var(--spacing-20);
  }

  .sm--px--20 {
    padding-left: var(--spacing-20);
    padding-right: var(--spacing-20);
  }

  .sm--py--20 {
    padding-top: var(--spacing-20);
    padding-bottom: var(--spacing-20);
  }

  .sm--w--20 {
    width: var(--spacing-20);
  }

  .sm--max-w--20 {
    max-width: var(--spacing-20);
  }

  .sm--h--20 {
    height: var(--spacing-20);
  }

  .sm--max-h--20 {
    max-height: var(--spacing-20);
  }

  .sm--gap--20 {
    gap: var(--spacing-20);
  }

  .sm--row-gap--20 {
    row-gap: var(--spacing-20);
  }

  .sm--col-gap--20 {
    -moz-column-gap: var(--spacing-20);
    column-gap: var(--spacing-20);
  }

  .sm--top--20 {
    top: var(--spacing-20);
  }

  .sm--right--20 {
    right: var(--spacing-20);
  }

  .sm--bottom--20 {
    bottom: var(--spacing-20);
  }

  .sm--left--20 {
    left: var(--spacing-20);
  }

  .sm--inset--20 {
    top: var(--spacing-20);
    right: var(--spacing-20);
    bottom: var(--spacing-20);
    left: var(--spacing-20);
  }

  .sm--m--21 {
    margin: var(--spacing-21);
  }

  .sm--mt--21 {
    margin-top: var(--spacing-21);
  }

  .sm--mb--21 {
    margin-bottom: var(--spacing-21);
  }

  .sm--ml--21 {
    margin-left: var(--spacing-21);
  }

  .sm--mr--21 {
    margin-right: var(--spacing-21);
  }

  .sm--mx--21 {
    margin-left: var(--spacing-21);
    margin-right: var(--spacing-21);
  }

  .sm--my--21 {
    margin-top: var(--spacing-21);
    margin-bottom: var(--spacing-21);
  }

  .sm--p--21 {
    padding: var(--spacing-21);
  }

  .sm--pt--21 {
    padding-top: var(--spacing-21);
  }

  .sm--pb--21 {
    padding-bottom: var(--spacing-21);
  }

  .sm--pl--21 {
    padding-left: var(--spacing-21);
  }

  .sm--pr--21 {
    padding-right: var(--spacing-21);
  }

  .sm--px--21 {
    padding-left: var(--spacing-21);
    padding-right: var(--spacing-21);
  }

  .sm--py--21 {
    padding-top: var(--spacing-21);
    padding-bottom: var(--spacing-21);
  }

  .sm--w--21 {
    width: var(--spacing-21);
  }

  .sm--max-w--21 {
    max-width: var(--spacing-21);
  }

  .sm--h--21 {
    height: var(--spacing-21);
  }

  .sm--max-h--21 {
    max-height: var(--spacing-21);
  }

  .sm--gap--21 {
    gap: var(--spacing-21);
  }

  .sm--row-gap--21 {
    row-gap: var(--spacing-21);
  }

  .sm--col-gap--21 {
    -moz-column-gap: var(--spacing-21);
    column-gap: var(--spacing-21);
  }

  .sm--top--21 {
    top: var(--spacing-21);
  }

  .sm--right--21 {
    right: var(--spacing-21);
  }

  .sm--bottom--21 {
    bottom: var(--spacing-21);
  }

  .sm--left--21 {
    left: var(--spacing-21);
  }

  .sm--inset--21 {
    top: var(--spacing-21);
    right: var(--spacing-21);
    bottom: var(--spacing-21);
    left: var(--spacing-21);
  }

  .sm--m--22 {
    margin: var(--spacing-22);
  }

  .sm--mt--22 {
    margin-top: var(--spacing-22);
  }

  .sm--mb--22 {
    margin-bottom: var(--spacing-22);
  }

  .sm--ml--22 {
    margin-left: var(--spacing-22);
  }

  .sm--mr--22 {
    margin-right: var(--spacing-22);
  }

  .sm--mx--22 {
    margin-left: var(--spacing-22);
    margin-right: var(--spacing-22);
  }

  .sm--my--22 {
    margin-top: var(--spacing-22);
    margin-bottom: var(--spacing-22);
  }

  .sm--p--22 {
    padding: var(--spacing-22);
  }

  .sm--pt--22 {
    padding-top: var(--spacing-22);
  }

  .sm--pb--22 {
    padding-bottom: var(--spacing-22);
  }

  .sm--pl--22 {
    padding-left: var(--spacing-22);
  }

  .sm--pr--22 {
    padding-right: var(--spacing-22);
  }

  .sm--px--22 {
    padding-left: var(--spacing-22);
    padding-right: var(--spacing-22);
  }

  .sm--py--22 {
    padding-top: var(--spacing-22);
    padding-bottom: var(--spacing-22);
  }

  .sm--w--22 {
    width: var(--spacing-22);
  }

  .sm--max-w--22 {
    max-width: var(--spacing-22);
  }

  .sm--h--22 {
    height: var(--spacing-22);
  }

  .sm--max-h--22 {
    max-height: var(--spacing-22);
  }

  .sm--gap--22 {
    gap: var(--spacing-22);
  }

  .sm--row-gap--22 {
    row-gap: var(--spacing-22);
  }

  .sm--col-gap--22 {
    -moz-column-gap: var(--spacing-22);
    column-gap: var(--spacing-22);
  }

  .sm--top--22 {
    top: var(--spacing-22);
  }

  .sm--right--22 {
    right: var(--spacing-22);
  }

  .sm--bottom--22 {
    bottom: var(--spacing-22);
  }

  .sm--left--22 {
    left: var(--spacing-22);
  }

  .sm--inset--22 {
    top: var(--spacing-22);
    right: var(--spacing-22);
    bottom: var(--spacing-22);
    left: var(--spacing-22);
  }

  .sm--m--23 {
    margin: var(--spacing-23);
  }

  .sm--mt--23 {
    margin-top: var(--spacing-23);
  }

  .sm--mb--23 {
    margin-bottom: var(--spacing-23);
  }

  .sm--ml--23 {
    margin-left: var(--spacing-23);
  }

  .sm--mr--23 {
    margin-right: var(--spacing-23);
  }

  .sm--mx--23 {
    margin-left: var(--spacing-23);
    margin-right: var(--spacing-23);
  }

  .sm--my--23 {
    margin-top: var(--spacing-23);
    margin-bottom: var(--spacing-23);
  }

  .sm--p--23 {
    padding: var(--spacing-23);
  }

  .sm--pt--23 {
    padding-top: var(--spacing-23);
  }

  .sm--pb--23 {
    padding-bottom: var(--spacing-23);
  }

  .sm--pl--23 {
    padding-left: var(--spacing-23);
  }

  .sm--pr--23 {
    padding-right: var(--spacing-23);
  }

  .sm--px--23 {
    padding-left: var(--spacing-23);
    padding-right: var(--spacing-23);
  }

  .sm--py--23 {
    padding-top: var(--spacing-23);
    padding-bottom: var(--spacing-23);
  }

  .sm--w--23 {
    width: var(--spacing-23);
  }

  .sm--max-w--23 {
    max-width: var(--spacing-23);
  }

  .sm--h--23 {
    height: var(--spacing-23);
  }

  .sm--max-h--23 {
    max-height: var(--spacing-23);
  }

  .sm--gap--23 {
    gap: var(--spacing-23);
  }

  .sm--row-gap--23 {
    row-gap: var(--spacing-23);
  }

  .sm--col-gap--23 {
    -moz-column-gap: var(--spacing-23);
    column-gap: var(--spacing-23);
  }

  .sm--top--23 {
    top: var(--spacing-23);
  }

  .sm--right--23 {
    right: var(--spacing-23);
  }

  .sm--bottom--23 {
    bottom: var(--spacing-23);
  }

  .sm--left--23 {
    left: var(--spacing-23);
  }

  .sm--inset--23 {
    top: var(--spacing-23);
    right: var(--spacing-23);
    bottom: var(--spacing-23);
    left: var(--spacing-23);
  }

  .sm--m--24 {
    margin: var(--spacing-24);
  }

  .sm--mt--24 {
    margin-top: var(--spacing-24);
  }

  .sm--mb--24 {
    margin-bottom: var(--spacing-24);
  }

  .sm--ml--24 {
    margin-left: var(--spacing-24);
  }

  .sm--mr--24 {
    margin-right: var(--spacing-24);
  }

  .sm--mx--24 {
    margin-left: var(--spacing-24);
    margin-right: var(--spacing-24);
  }

  .sm--my--24 {
    margin-top: var(--spacing-24);
    margin-bottom: var(--spacing-24);
  }

  .sm--p--24 {
    padding: var(--spacing-24);
  }

  .sm--pt--24 {
    padding-top: var(--spacing-24);
  }

  .sm--pb--24 {
    padding-bottom: var(--spacing-24);
  }

  .sm--pl--24 {
    padding-left: var(--spacing-24);
  }

  .sm--pr--24 {
    padding-right: var(--spacing-24);
  }

  .sm--px--24 {
    padding-left: var(--spacing-24);
    padding-right: var(--spacing-24);
  }

  .sm--py--24 {
    padding-top: var(--spacing-24);
    padding-bottom: var(--spacing-24);
  }

  .sm--w--24 {
    width: var(--spacing-24);
  }

  .sm--max-w--24 {
    max-width: var(--spacing-24);
  }

  .sm--h--24 {
    height: var(--spacing-24);
  }

  .sm--max-h--24 {
    max-height: var(--spacing-24);
  }

  .sm--gap--24 {
    gap: var(--spacing-24);
  }

  .sm--row-gap--24 {
    row-gap: var(--spacing-24);
  }

  .sm--col-gap--24 {
    -moz-column-gap: var(--spacing-24);
    column-gap: var(--spacing-24);
  }

  .sm--top--24 {
    top: var(--spacing-24);
  }

  .sm--right--24 {
    right: var(--spacing-24);
  }

  .sm--bottom--24 {
    bottom: var(--spacing-24);
  }

  .sm--left--24 {
    left: var(--spacing-24);
  }

  .sm--inset--24 {
    top: var(--spacing-24);
    right: var(--spacing-24);
    bottom: var(--spacing-24);
    left: var(--spacing-24);
  }

  .sm--m--25 {
    margin: var(--spacing-25);
  }

  .sm--mt--25 {
    margin-top: var(--spacing-25);
  }

  .sm--mb--25 {
    margin-bottom: var(--spacing-25);
  }

  .sm--ml--25 {
    margin-left: var(--spacing-25);
  }

  .sm--mr--25 {
    margin-right: var(--spacing-25);
  }

  .sm--mx--25 {
    margin-left: var(--spacing-25);
    margin-right: var(--spacing-25);
  }

  .sm--my--25 {
    margin-top: var(--spacing-25);
    margin-bottom: var(--spacing-25);
  }

  .sm--p--25 {
    padding: var(--spacing-25);
  }

  .sm--pt--25 {
    padding-top: var(--spacing-25);
  }

  .sm--pb--25 {
    padding-bottom: var(--spacing-25);
  }

  .sm--pl--25 {
    padding-left: var(--spacing-25);
  }

  .sm--pr--25 {
    padding-right: var(--spacing-25);
  }

  .sm--px--25 {
    padding-left: var(--spacing-25);
    padding-right: var(--spacing-25);
  }

  .sm--py--25 {
    padding-top: var(--spacing-25);
    padding-bottom: var(--spacing-25);
  }

  .sm--w--25 {
    width: var(--spacing-25);
  }

  .sm--max-w--25 {
    max-width: var(--spacing-25);
  }

  .sm--h--25 {
    height: var(--spacing-25);
  }

  .sm--max-h--25 {
    max-height: var(--spacing-25);
  }

  .sm--gap--25 {
    gap: var(--spacing-25);
  }

  .sm--row-gap--25 {
    row-gap: var(--spacing-25);
  }

  .sm--col-gap--25 {
    -moz-column-gap: var(--spacing-25);
    column-gap: var(--spacing-25);
  }

  .sm--top--25 {
    top: var(--spacing-25);
  }

  .sm--right--25 {
    right: var(--spacing-25);
  }

  .sm--bottom--25 {
    bottom: var(--spacing-25);
  }

  .sm--left--25 {
    left: var(--spacing-25);
  }

  .sm--inset--25 {
    top: var(--spacing-25);
    right: var(--spacing-25);
    bottom: var(--spacing-25);
    left: var(--spacing-25);
  }

  .sm--m--26 {
    margin: var(--spacing-26);
  }

  .sm--mt--26 {
    margin-top: var(--spacing-26);
  }

  .sm--mb--26 {
    margin-bottom: var(--spacing-26);
  }

  .sm--ml--26 {
    margin-left: var(--spacing-26);
  }

  .sm--mr--26 {
    margin-right: var(--spacing-26);
  }

  .sm--mx--26 {
    margin-left: var(--spacing-26);
    margin-right: var(--spacing-26);
  }

  .sm--my--26 {
    margin-top: var(--spacing-26);
    margin-bottom: var(--spacing-26);
  }

  .sm--p--26 {
    padding: var(--spacing-26);
  }

  .sm--pt--26 {
    padding-top: var(--spacing-26);
  }

  .sm--pb--26 {
    padding-bottom: var(--spacing-26);
  }

  .sm--pl--26 {
    padding-left: var(--spacing-26);
  }

  .sm--pr--26 {
    padding-right: var(--spacing-26);
  }

  .sm--px--26 {
    padding-left: var(--spacing-26);
    padding-right: var(--spacing-26);
  }

  .sm--py--26 {
    padding-top: var(--spacing-26);
    padding-bottom: var(--spacing-26);
  }

  .sm--w--26 {
    width: var(--spacing-26);
  }

  .sm--max-w--26 {
    max-width: var(--spacing-26);
  }

  .sm--h--26 {
    height: var(--spacing-26);
  }

  .sm--max-h--26 {
    max-height: var(--spacing-26);
  }

  .sm--gap--26 {
    gap: var(--spacing-26);
  }

  .sm--row-gap--26 {
    row-gap: var(--spacing-26);
  }

  .sm--col-gap--26 {
    -moz-column-gap: var(--spacing-26);
    column-gap: var(--spacing-26);
  }

  .sm--top--26 {
    top: var(--spacing-26);
  }

  .sm--right--26 {
    right: var(--spacing-26);
  }

  .sm--bottom--26 {
    bottom: var(--spacing-26);
  }

  .sm--left--26 {
    left: var(--spacing-26);
  }

  .sm--inset--26 {
    top: var(--spacing-26);
    right: var(--spacing-26);
    bottom: var(--spacing-26);
    left: var(--spacing-26);
  }

  .sm--m--27 {
    margin: var(--spacing-27);
  }

  .sm--mt--27 {
    margin-top: var(--spacing-27);
  }

  .sm--mb--27 {
    margin-bottom: var(--spacing-27);
  }

  .sm--ml--27 {
    margin-left: var(--spacing-27);
  }

  .sm--mr--27 {
    margin-right: var(--spacing-27);
  }

  .sm--mx--27 {
    margin-left: var(--spacing-27);
    margin-right: var(--spacing-27);
  }

  .sm--my--27 {
    margin-top: var(--spacing-27);
    margin-bottom: var(--spacing-27);
  }

  .sm--p--27 {
    padding: var(--spacing-27);
  }

  .sm--pt--27 {
    padding-top: var(--spacing-27);
  }

  .sm--pb--27 {
    padding-bottom: var(--spacing-27);
  }

  .sm--pl--27 {
    padding-left: var(--spacing-27);
  }

  .sm--pr--27 {
    padding-right: var(--spacing-27);
  }

  .sm--px--27 {
    padding-left: var(--spacing-27);
    padding-right: var(--spacing-27);
  }

  .sm--py--27 {
    padding-top: var(--spacing-27);
    padding-bottom: var(--spacing-27);
  }

  .sm--w--27 {
    width: var(--spacing-27);
  }

  .sm--max-w--27 {
    max-width: var(--spacing-27);
  }

  .sm--h--27 {
    height: var(--spacing-27);
  }

  .sm--max-h--27 {
    max-height: var(--spacing-27);
  }

  .sm--gap--27 {
    gap: var(--spacing-27);
  }

  .sm--row-gap--27 {
    row-gap: var(--spacing-27);
  }

  .sm--col-gap--27 {
    -moz-column-gap: var(--spacing-27);
    column-gap: var(--spacing-27);
  }

  .sm--top--27 {
    top: var(--spacing-27);
  }

  .sm--right--27 {
    right: var(--spacing-27);
  }

  .sm--bottom--27 {
    bottom: var(--spacing-27);
  }

  .sm--left--27 {
    left: var(--spacing-27);
  }

  .sm--inset--27 {
    top: var(--spacing-27);
    right: var(--spacing-27);
    bottom: var(--spacing-27);
    left: var(--spacing-27);
  }

  .sm--m--28 {
    margin: var(--spacing-28);
  }

  .sm--mt--28 {
    margin-top: var(--spacing-28);
  }

  .sm--mb--28 {
    margin-bottom: var(--spacing-28);
  }

  .sm--ml--28 {
    margin-left: var(--spacing-28);
  }

  .sm--mr--28 {
    margin-right: var(--spacing-28);
  }

  .sm--mx--28 {
    margin-left: var(--spacing-28);
    margin-right: var(--spacing-28);
  }

  .sm--my--28 {
    margin-top: var(--spacing-28);
    margin-bottom: var(--spacing-28);
  }

  .sm--p--28 {
    padding: var(--spacing-28);
  }

  .sm--pt--28 {
    padding-top: var(--spacing-28);
  }

  .sm--pb--28 {
    padding-bottom: var(--spacing-28);
  }

  .sm--pl--28 {
    padding-left: var(--spacing-28);
  }

  .sm--pr--28 {
    padding-right: var(--spacing-28);
  }

  .sm--px--28 {
    padding-left: var(--spacing-28);
    padding-right: var(--spacing-28);
  }

  .sm--py--28 {
    padding-top: var(--spacing-28);
    padding-bottom: var(--spacing-28);
  }

  .sm--w--28 {
    width: var(--spacing-28);
  }

  .sm--max-w--28 {
    max-width: var(--spacing-28);
  }

  .sm--h--28 {
    height: var(--spacing-28);
  }

  .sm--max-h--28 {
    max-height: var(--spacing-28);
  }

  .sm--gap--28 {
    gap: var(--spacing-28);
  }

  .sm--row-gap--28 {
    row-gap: var(--spacing-28);
  }

  .sm--col-gap--28 {
    -moz-column-gap: var(--spacing-28);
    column-gap: var(--spacing-28);
  }

  .sm--top--28 {
    top: var(--spacing-28);
  }

  .sm--right--28 {
    right: var(--spacing-28);
  }

  .sm--bottom--28 {
    bottom: var(--spacing-28);
  }

  .sm--left--28 {
    left: var(--spacing-28);
  }

  .sm--inset--28 {
    top: var(--spacing-28);
    right: var(--spacing-28);
    bottom: var(--spacing-28);
    left: var(--spacing-28);
  }

  .sm--m--29 {
    margin: var(--spacing-29);
  }

  .sm--mt--29 {
    margin-top: var(--spacing-29);
  }

  .sm--mb--29 {
    margin-bottom: var(--spacing-29);
  }

  .sm--ml--29 {
    margin-left: var(--spacing-29);
  }

  .sm--mr--29 {
    margin-right: var(--spacing-29);
  }

  .sm--mx--29 {
    margin-left: var(--spacing-29);
    margin-right: var(--spacing-29);
  }

  .sm--my--29 {
    margin-top: var(--spacing-29);
    margin-bottom: var(--spacing-29);
  }

  .sm--p--29 {
    padding: var(--spacing-29);
  }

  .sm--pt--29 {
    padding-top: var(--spacing-29);
  }

  .sm--pb--29 {
    padding-bottom: var(--spacing-29);
  }

  .sm--pl--29 {
    padding-left: var(--spacing-29);
  }

  .sm--pr--29 {
    padding-right: var(--spacing-29);
  }

  .sm--px--29 {
    padding-left: var(--spacing-29);
    padding-right: var(--spacing-29);
  }

  .sm--py--29 {
    padding-top: var(--spacing-29);
    padding-bottom: var(--spacing-29);
  }

  .sm--w--29 {
    width: var(--spacing-29);
  }

  .sm--max-w--29 {
    max-width: var(--spacing-29);
  }

  .sm--h--29 {
    height: var(--spacing-29);
  }

  .sm--max-h--29 {
    max-height: var(--spacing-29);
  }

  .sm--gap--29 {
    gap: var(--spacing-29);
  }

  .sm--row-gap--29 {
    row-gap: var(--spacing-29);
  }

  .sm--col-gap--29 {
    -moz-column-gap: var(--spacing-29);
    column-gap: var(--spacing-29);
  }

  .sm--top--29 {
    top: var(--spacing-29);
  }

  .sm--right--29 {
    right: var(--spacing-29);
  }

  .sm--bottom--29 {
    bottom: var(--spacing-29);
  }

  .sm--left--29 {
    left: var(--spacing-29);
  }

  .sm--inset--29 {
    top: var(--spacing-29);
    right: var(--spacing-29);
    bottom: var(--spacing-29);
    left: var(--spacing-29);
  }

  .sm--m--30 {
    margin: var(--spacing-30);
  }

  .sm--mt--30 {
    margin-top: var(--spacing-30);
  }

  .sm--mb--30 {
    margin-bottom: var(--spacing-30);
  }

  .sm--ml--30 {
    margin-left: var(--spacing-30);
  }

  .sm--mr--30 {
    margin-right: var(--spacing-30);
  }

  .sm--mx--30 {
    margin-left: var(--spacing-30);
    margin-right: var(--spacing-30);
  }

  .sm--my--30 {
    margin-top: var(--spacing-30);
    margin-bottom: var(--spacing-30);
  }

  .sm--p--30 {
    padding: var(--spacing-30);
  }

  .sm--pt--30 {
    padding-top: var(--spacing-30);
  }

  .sm--pb--30 {
    padding-bottom: var(--spacing-30);
  }

  .sm--pl--30 {
    padding-left: var(--spacing-30);
  }

  .sm--pr--30 {
    padding-right: var(--spacing-30);
  }

  .sm--px--30 {
    padding-left: var(--spacing-30);
    padding-right: var(--spacing-30);
  }

  .sm--py--30 {
    padding-top: var(--spacing-30);
    padding-bottom: var(--spacing-30);
  }

  .sm--w--30 {
    width: var(--spacing-30);
  }

  .sm--max-w--30 {
    max-width: var(--spacing-30);
  }

  .sm--h--30 {
    height: var(--spacing-30);
  }

  .sm--max-h--30 {
    max-height: var(--spacing-30);
  }

  .sm--gap--30 {
    gap: var(--spacing-30);
  }

  .sm--row-gap--30 {
    row-gap: var(--spacing-30);
  }

  .sm--col-gap--30 {
    -moz-column-gap: var(--spacing-30);
    column-gap: var(--spacing-30);
  }

  .sm--top--30 {
    top: var(--spacing-30);
  }

  .sm--right--30 {
    right: var(--spacing-30);
  }

  .sm--bottom--30 {
    bottom: var(--spacing-30);
  }

  .sm--left--30 {
    left: var(--spacing-30);
  }

  .sm--inset--30 {
    top: var(--spacing-30);
    right: var(--spacing-30);
    bottom: var(--spacing-30);
    left: var(--spacing-30);
  }

  .sm--m--31 {
    margin: var(--spacing-31);
  }

  .sm--mt--31 {
    margin-top: var(--spacing-31);
  }

  .sm--mb--31 {
    margin-bottom: var(--spacing-31);
  }

  .sm--ml--31 {
    margin-left: var(--spacing-31);
  }

  .sm--mr--31 {
    margin-right: var(--spacing-31);
  }

  .sm--mx--31 {
    margin-left: var(--spacing-31);
    margin-right: var(--spacing-31);
  }

  .sm--my--31 {
    margin-top: var(--spacing-31);
    margin-bottom: var(--spacing-31);
  }

  .sm--p--31 {
    padding: var(--spacing-31);
  }

  .sm--pt--31 {
    padding-top: var(--spacing-31);
  }

  .sm--pb--31 {
    padding-bottom: var(--spacing-31);
  }

  .sm--pl--31 {
    padding-left: var(--spacing-31);
  }

  .sm--pr--31 {
    padding-right: var(--spacing-31);
  }

  .sm--px--31 {
    padding-left: var(--spacing-31);
    padding-right: var(--spacing-31);
  }

  .sm--py--31 {
    padding-top: var(--spacing-31);
    padding-bottom: var(--spacing-31);
  }

  .sm--w--31 {
    width: var(--spacing-31);
  }

  .sm--max-w--31 {
    max-width: var(--spacing-31);
  }

  .sm--h--31 {
    height: var(--spacing-31);
  }

  .sm--max-h--31 {
    max-height: var(--spacing-31);
  }

  .sm--gap--31 {
    gap: var(--spacing-31);
  }

  .sm--row-gap--31 {
    row-gap: var(--spacing-31);
  }

  .sm--col-gap--31 {
    -moz-column-gap: var(--spacing-31);
    column-gap: var(--spacing-31);
  }

  .sm--top--31 {
    top: var(--spacing-31);
  }

  .sm--right--31 {
    right: var(--spacing-31);
  }

  .sm--bottom--31 {
    bottom: var(--spacing-31);
  }

  .sm--left--31 {
    left: var(--spacing-31);
  }

  .sm--inset--31 {
    top: var(--spacing-31);
    right: var(--spacing-31);
    bottom: var(--spacing-31);
    left: var(--spacing-31);
  }

  .sm--m--32 {
    margin: var(--spacing-32);
  }

  .sm--mt--32 {
    margin-top: var(--spacing-32);
  }

  .sm--mb--32 {
    margin-bottom: var(--spacing-32);
  }

  .sm--ml--32 {
    margin-left: var(--spacing-32);
  }

  .sm--mr--32 {
    margin-right: var(--spacing-32);
  }

  .sm--mx--32 {
    margin-left: var(--spacing-32);
    margin-right: var(--spacing-32);
  }

  .sm--my--32 {
    margin-top: var(--spacing-32);
    margin-bottom: var(--spacing-32);
  }

  .sm--p--32 {
    padding: var(--spacing-32);
  }

  .sm--pt--32 {
    padding-top: var(--spacing-32);
  }

  .sm--pb--32 {
    padding-bottom: var(--spacing-32);
  }

  .sm--pl--32 {
    padding-left: var(--spacing-32);
  }

  .sm--pr--32 {
    padding-right: var(--spacing-32);
  }

  .sm--px--32 {
    padding-left: var(--spacing-32);
    padding-right: var(--spacing-32);
  }

  .sm--py--32 {
    padding-top: var(--spacing-32);
    padding-bottom: var(--spacing-32);
  }

  .sm--w--32 {
    width: var(--spacing-32);
  }

  .sm--max-w--32 {
    max-width: var(--spacing-32);
  }

  .sm--h--32 {
    height: var(--spacing-32);
  }

  .sm--max-h--32 {
    max-height: var(--spacing-32);
  }

  .sm--gap--32 {
    gap: var(--spacing-32);
  }

  .sm--row-gap--32 {
    row-gap: var(--spacing-32);
  }

  .sm--col-gap--32 {
    -moz-column-gap: var(--spacing-32);
    column-gap: var(--spacing-32);
  }

  .sm--top--32 {
    top: var(--spacing-32);
  }

  .sm--right--32 {
    right: var(--spacing-32);
  }

  .sm--bottom--32 {
    bottom: var(--spacing-32);
  }

  .sm--left--32 {
    left: var(--spacing-32);
  }

  .sm--inset--32 {
    top: var(--spacing-32);
    right: var(--spacing-32);
    bottom: var(--spacing-32);
    left: var(--spacing-32);
  }

  .sm--m--33 {
    margin: var(--spacing-33);
  }

  .sm--mt--33 {
    margin-top: var(--spacing-33);
  }

  .sm--mb--33 {
    margin-bottom: var(--spacing-33);
  }

  .sm--ml--33 {
    margin-left: var(--spacing-33);
  }

  .sm--mr--33 {
    margin-right: var(--spacing-33);
  }

  .sm--mx--33 {
    margin-left: var(--spacing-33);
    margin-right: var(--spacing-33);
  }

  .sm--my--33 {
    margin-top: var(--spacing-33);
    margin-bottom: var(--spacing-33);
  }

  .sm--p--33 {
    padding: var(--spacing-33);
  }

  .sm--pt--33 {
    padding-top: var(--spacing-33);
  }

  .sm--pb--33 {
    padding-bottom: var(--spacing-33);
  }

  .sm--pl--33 {
    padding-left: var(--spacing-33);
  }

  .sm--pr--33 {
    padding-right: var(--spacing-33);
  }

  .sm--px--33 {
    padding-left: var(--spacing-33);
    padding-right: var(--spacing-33);
  }

  .sm--py--33 {
    padding-top: var(--spacing-33);
    padding-bottom: var(--spacing-33);
  }

  .sm--w--33 {
    width: var(--spacing-33);
  }

  .sm--max-w--33 {
    max-width: var(--spacing-33);
  }

  .sm--h--33 {
    height: var(--spacing-33);
  }

  .sm--max-h--33 {
    max-height: var(--spacing-33);
  }

  .sm--gap--33 {
    gap: var(--spacing-33);
  }

  .sm--row-gap--33 {
    row-gap: var(--spacing-33);
  }

  .sm--col-gap--33 {
    -moz-column-gap: var(--spacing-33);
    column-gap: var(--spacing-33);
  }

  .sm--top--33 {
    top: var(--spacing-33);
  }

  .sm--right--33 {
    right: var(--spacing-33);
  }

  .sm--bottom--33 {
    bottom: var(--spacing-33);
  }

  .sm--left--33 {
    left: var(--spacing-33);
  }

  .sm--inset--33 {
    top: var(--spacing-33);
    right: var(--spacing-33);
    bottom: var(--spacing-33);
    left: var(--spacing-33);
  }

  .sm--m--34 {
    margin: var(--spacing-34);
  }

  .sm--mt--34 {
    margin-top: var(--spacing-34);
  }

  .sm--mb--34 {
    margin-bottom: var(--spacing-34);
  }

  .sm--ml--34 {
    margin-left: var(--spacing-34);
  }

  .sm--mr--34 {
    margin-right: var(--spacing-34);
  }

  .sm--mx--34 {
    margin-left: var(--spacing-34);
    margin-right: var(--spacing-34);
  }

  .sm--my--34 {
    margin-top: var(--spacing-34);
    margin-bottom: var(--spacing-34);
  }

  .sm--p--34 {
    padding: var(--spacing-34);
  }

  .sm--pt--34 {
    padding-top: var(--spacing-34);
  }

  .sm--pb--34 {
    padding-bottom: var(--spacing-34);
  }

  .sm--pl--34 {
    padding-left: var(--spacing-34);
  }

  .sm--pr--34 {
    padding-right: var(--spacing-34);
  }

  .sm--px--34 {
    padding-left: var(--spacing-34);
    padding-right: var(--spacing-34);
  }

  .sm--py--34 {
    padding-top: var(--spacing-34);
    padding-bottom: var(--spacing-34);
  }

  .sm--w--34 {
    width: var(--spacing-34);
  }

  .sm--max-w--34 {
    max-width: var(--spacing-34);
  }

  .sm--h--34 {
    height: var(--spacing-34);
  }

  .sm--max-h--34 {
    max-height: var(--spacing-34);
  }

  .sm--gap--34 {
    gap: var(--spacing-34);
  }

  .sm--row-gap--34 {
    row-gap: var(--spacing-34);
  }

  .sm--col-gap--34 {
    -moz-column-gap: var(--spacing-34);
    column-gap: var(--spacing-34);
  }

  .sm--top--34 {
    top: var(--spacing-34);
  }

  .sm--right--34 {
    right: var(--spacing-34);
  }

  .sm--bottom--34 {
    bottom: var(--spacing-34);
  }

  .sm--left--34 {
    left: var(--spacing-34);
  }

  .sm--inset--34 {
    top: var(--spacing-34);
    right: var(--spacing-34);
    bottom: var(--spacing-34);
    left: var(--spacing-34);
  }

  .sm--m--35 {
    margin: var(--spacing-35);
  }

  .sm--mt--35 {
    margin-top: var(--spacing-35);
  }

  .sm--mb--35 {
    margin-bottom: var(--spacing-35);
  }

  .sm--ml--35 {
    margin-left: var(--spacing-35);
  }

  .sm--mr--35 {
    margin-right: var(--spacing-35);
  }

  .sm--mx--35 {
    margin-left: var(--spacing-35);
    margin-right: var(--spacing-35);
  }

  .sm--my--35 {
    margin-top: var(--spacing-35);
    margin-bottom: var(--spacing-35);
  }

  .sm--p--35 {
    padding: var(--spacing-35);
  }

  .sm--pt--35 {
    padding-top: var(--spacing-35);
  }

  .sm--pb--35 {
    padding-bottom: var(--spacing-35);
  }

  .sm--pl--35 {
    padding-left: var(--spacing-35);
  }

  .sm--pr--35 {
    padding-right: var(--spacing-35);
  }

  .sm--px--35 {
    padding-left: var(--spacing-35);
    padding-right: var(--spacing-35);
  }

  .sm--py--35 {
    padding-top: var(--spacing-35);
    padding-bottom: var(--spacing-35);
  }

  .sm--w--35 {
    width: var(--spacing-35);
  }

  .sm--max-w--35 {
    max-width: var(--spacing-35);
  }

  .sm--h--35 {
    height: var(--spacing-35);
  }

  .sm--max-h--35 {
    max-height: var(--spacing-35);
  }

  .sm--gap--35 {
    gap: var(--spacing-35);
  }

  .sm--row-gap--35 {
    row-gap: var(--spacing-35);
  }

  .sm--col-gap--35 {
    -moz-column-gap: var(--spacing-35);
    column-gap: var(--spacing-35);
  }

  .sm--top--35 {
    top: var(--spacing-35);
  }

  .sm--right--35 {
    right: var(--spacing-35);
  }

  .sm--bottom--35 {
    bottom: var(--spacing-35);
  }

  .sm--left--35 {
    left: var(--spacing-35);
  }

  .sm--inset--35 {
    top: var(--spacing-35);
    right: var(--spacing-35);
    bottom: var(--spacing-35);
    left: var(--spacing-35);
  }

  .sm--m--36 {
    margin: var(--spacing-36);
  }

  .sm--mt--36 {
    margin-top: var(--spacing-36);
  }

  .sm--mb--36 {
    margin-bottom: var(--spacing-36);
  }

  .sm--ml--36 {
    margin-left: var(--spacing-36);
  }

  .sm--mr--36 {
    margin-right: var(--spacing-36);
  }

  .sm--mx--36 {
    margin-left: var(--spacing-36);
    margin-right: var(--spacing-36);
  }

  .sm--my--36 {
    margin-top: var(--spacing-36);
    margin-bottom: var(--spacing-36);
  }

  .sm--p--36 {
    padding: var(--spacing-36);
  }

  .sm--pt--36 {
    padding-top: var(--spacing-36);
  }

  .sm--pb--36 {
    padding-bottom: var(--spacing-36);
  }

  .sm--pl--36 {
    padding-left: var(--spacing-36);
  }

  .sm--pr--36 {
    padding-right: var(--spacing-36);
  }

  .sm--px--36 {
    padding-left: var(--spacing-36);
    padding-right: var(--spacing-36);
  }

  .sm--py--36 {
    padding-top: var(--spacing-36);
    padding-bottom: var(--spacing-36);
  }

  .sm--w--36 {
    width: var(--spacing-36);
  }

  .sm--max-w--36 {
    max-width: var(--spacing-36);
  }

  .sm--h--36 {
    height: var(--spacing-36);
  }

  .sm--max-h--36 {
    max-height: var(--spacing-36);
  }

  .sm--gap--36 {
    gap: var(--spacing-36);
  }

  .sm--row-gap--36 {
    row-gap: var(--spacing-36);
  }

  .sm--col-gap--36 {
    -moz-column-gap: var(--spacing-36);
    column-gap: var(--spacing-36);
  }

  .sm--top--36 {
    top: var(--spacing-36);
  }

  .sm--right--36 {
    right: var(--spacing-36);
  }

  .sm--bottom--36 {
    bottom: var(--spacing-36);
  }

  .sm--left--36 {
    left: var(--spacing-36);
  }

  .sm--inset--36 {
    top: var(--spacing-36);
    right: var(--spacing-36);
    bottom: var(--spacing-36);
    left: var(--spacing-36);
  }

  .sm--m--37 {
    margin: var(--spacing-37);
  }

  .sm--mt--37 {
    margin-top: var(--spacing-37);
  }

  .sm--mb--37 {
    margin-bottom: var(--spacing-37);
  }

  .sm--ml--37 {
    margin-left: var(--spacing-37);
  }

  .sm--mr--37 {
    margin-right: var(--spacing-37);
  }

  .sm--mx--37 {
    margin-left: var(--spacing-37);
    margin-right: var(--spacing-37);
  }

  .sm--my--37 {
    margin-top: var(--spacing-37);
    margin-bottom: var(--spacing-37);
  }

  .sm--p--37 {
    padding: var(--spacing-37);
  }

  .sm--pt--37 {
    padding-top: var(--spacing-37);
  }

  .sm--pb--37 {
    padding-bottom: var(--spacing-37);
  }

  .sm--pl--37 {
    padding-left: var(--spacing-37);
  }

  .sm--pr--37 {
    padding-right: var(--spacing-37);
  }

  .sm--px--37 {
    padding-left: var(--spacing-37);
    padding-right: var(--spacing-37);
  }

  .sm--py--37 {
    padding-top: var(--spacing-37);
    padding-bottom: var(--spacing-37);
  }

  .sm--w--37 {
    width: var(--spacing-37);
  }

  .sm--max-w--37 {
    max-width: var(--spacing-37);
  }

  .sm--h--37 {
    height: var(--spacing-37);
  }

  .sm--max-h--37 {
    max-height: var(--spacing-37);
  }

  .sm--gap--37 {
    gap: var(--spacing-37);
  }

  .sm--row-gap--37 {
    row-gap: var(--spacing-37);
  }

  .sm--col-gap--37 {
    -moz-column-gap: var(--spacing-37);
    column-gap: var(--spacing-37);
  }

  .sm--top--37 {
    top: var(--spacing-37);
  }

  .sm--right--37 {
    right: var(--spacing-37);
  }

  .sm--bottom--37 {
    bottom: var(--spacing-37);
  }

  .sm--left--37 {
    left: var(--spacing-37);
  }

  .sm--inset--37 {
    top: var(--spacing-37);
    right: var(--spacing-37);
    bottom: var(--spacing-37);
    left: var(--spacing-37);
  }

  .sm--m--38 {
    margin: var(--spacing-38);
  }

  .sm--mt--38 {
    margin-top: var(--spacing-38);
  }

  .sm--mb--38 {
    margin-bottom: var(--spacing-38);
  }

  .sm--ml--38 {
    margin-left: var(--spacing-38);
  }

  .sm--mr--38 {
    margin-right: var(--spacing-38);
  }

  .sm--mx--38 {
    margin-left: var(--spacing-38);
    margin-right: var(--spacing-38);
  }

  .sm--my--38 {
    margin-top: var(--spacing-38);
    margin-bottom: var(--spacing-38);
  }

  .sm--p--38 {
    padding: var(--spacing-38);
  }

  .sm--pt--38 {
    padding-top: var(--spacing-38);
  }

  .sm--pb--38 {
    padding-bottom: var(--spacing-38);
  }

  .sm--pl--38 {
    padding-left: var(--spacing-38);
  }

  .sm--pr--38 {
    padding-right: var(--spacing-38);
  }

  .sm--px--38 {
    padding-left: var(--spacing-38);
    padding-right: var(--spacing-38);
  }

  .sm--py--38 {
    padding-top: var(--spacing-38);
    padding-bottom: var(--spacing-38);
  }

  .sm--w--38 {
    width: var(--spacing-38);
  }

  .sm--max-w--38 {
    max-width: var(--spacing-38);
  }

  .sm--h--38 {
    height: var(--spacing-38);
  }

  .sm--max-h--38 {
    max-height: var(--spacing-38);
  }

  .sm--gap--38 {
    gap: var(--spacing-38);
  }

  .sm--row-gap--38 {
    row-gap: var(--spacing-38);
  }

  .sm--col-gap--38 {
    -moz-column-gap: var(--spacing-38);
    column-gap: var(--spacing-38);
  }

  .sm--top--38 {
    top: var(--spacing-38);
  }

  .sm--right--38 {
    right: var(--spacing-38);
  }

  .sm--bottom--38 {
    bottom: var(--spacing-38);
  }

  .sm--left--38 {
    left: var(--spacing-38);
  }

  .sm--inset--38 {
    top: var(--spacing-38);
    right: var(--spacing-38);
    bottom: var(--spacing-38);
    left: var(--spacing-38);
  }

  .sm--m--39 {
    margin: var(--spacing-39);
  }

  .sm--mt--39 {
    margin-top: var(--spacing-39);
  }

  .sm--mb--39 {
    margin-bottom: var(--spacing-39);
  }

  .sm--ml--39 {
    margin-left: var(--spacing-39);
  }

  .sm--mr--39 {
    margin-right: var(--spacing-39);
  }

  .sm--mx--39 {
    margin-left: var(--spacing-39);
    margin-right: var(--spacing-39);
  }

  .sm--my--39 {
    margin-top: var(--spacing-39);
    margin-bottom: var(--spacing-39);
  }

  .sm--p--39 {
    padding: var(--spacing-39);
  }

  .sm--pt--39 {
    padding-top: var(--spacing-39);
  }

  .sm--pb--39 {
    padding-bottom: var(--spacing-39);
  }

  .sm--pl--39 {
    padding-left: var(--spacing-39);
  }

  .sm--pr--39 {
    padding-right: var(--spacing-39);
  }

  .sm--px--39 {
    padding-left: var(--spacing-39);
    padding-right: var(--spacing-39);
  }

  .sm--py--39 {
    padding-top: var(--spacing-39);
    padding-bottom: var(--spacing-39);
  }

  .sm--w--39 {
    width: var(--spacing-39);
  }

  .sm--max-w--39 {
    max-width: var(--spacing-39);
  }

  .sm--h--39 {
    height: var(--spacing-39);
  }

  .sm--max-h--39 {
    max-height: var(--spacing-39);
  }

  .sm--gap--39 {
    gap: var(--spacing-39);
  }

  .sm--row-gap--39 {
    row-gap: var(--spacing-39);
  }

  .sm--col-gap--39 {
    -moz-column-gap: var(--spacing-39);
    column-gap: var(--spacing-39);
  }

  .sm--top--39 {
    top: var(--spacing-39);
  }

  .sm--right--39 {
    right: var(--spacing-39);
  }

  .sm--bottom--39 {
    bottom: var(--spacing-39);
  }

  .sm--left--39 {
    left: var(--spacing-39);
  }

  .sm--inset--39 {
    top: var(--spacing-39);
    right: var(--spacing-39);
    bottom: var(--spacing-39);
    left: var(--spacing-39);
  }

  .sm--m--40 {
    margin: var(--spacing-40);
  }

  .sm--mt--40 {
    margin-top: var(--spacing-40);
  }

  .sm--mb--40 {
    margin-bottom: var(--spacing-40);
  }

  .sm--ml--40 {
    margin-left: var(--spacing-40);
  }

  .sm--mr--40 {
    margin-right: var(--spacing-40);
  }

  .sm--mx--40 {
    margin-left: var(--spacing-40);
    margin-right: var(--spacing-40);
  }

  .sm--my--40 {
    margin-top: var(--spacing-40);
    margin-bottom: var(--spacing-40);
  }

  .sm--p--40 {
    padding: var(--spacing-40);
  }

  .sm--pt--40 {
    padding-top: var(--spacing-40);
  }

  .sm--pb--40 {
    padding-bottom: var(--spacing-40);
  }

  .sm--pl--40 {
    padding-left: var(--spacing-40);
  }

  .sm--pr--40 {
    padding-right: var(--spacing-40);
  }

  .sm--px--40 {
    padding-left: var(--spacing-40);
    padding-right: var(--spacing-40);
  }

  .sm--py--40 {
    padding-top: var(--spacing-40);
    padding-bottom: var(--spacing-40);
  }

  .sm--w--40 {
    width: var(--spacing-40);
  }

  .sm--max-w--40 {
    max-width: var(--spacing-40);
  }

  .sm--h--40 {
    height: var(--spacing-40);
  }

  .sm--max-h--40 {
    max-height: var(--spacing-40);
  }

  .sm--gap--40 {
    gap: var(--spacing-40);
  }

  .sm--row-gap--40 {
    row-gap: var(--spacing-40);
  }

  .sm--col-gap--40 {
    -moz-column-gap: var(--spacing-40);
    column-gap: var(--spacing-40);
  }

  .sm--top--40 {
    top: var(--spacing-40);
  }

  .sm--right--40 {
    right: var(--spacing-40);
  }

  .sm--bottom--40 {
    bottom: var(--spacing-40);
  }

  .sm--left--40 {
    left: var(--spacing-40);
  }

  .sm--inset--40 {
    top: var(--spacing-40);
    right: var(--spacing-40);
    bottom: var(--spacing-40);
    left: var(--spacing-40);
  }

  .sm--m--41 {
    margin: var(--spacing-41);
  }

  .sm--mt--41 {
    margin-top: var(--spacing-41);
  }

  .sm--mb--41 {
    margin-bottom: var(--spacing-41);
  }

  .sm--ml--41 {
    margin-left: var(--spacing-41);
  }

  .sm--mr--41 {
    margin-right: var(--spacing-41);
  }

  .sm--mx--41 {
    margin-left: var(--spacing-41);
    margin-right: var(--spacing-41);
  }

  .sm--my--41 {
    margin-top: var(--spacing-41);
    margin-bottom: var(--spacing-41);
  }

  .sm--p--41 {
    padding: var(--spacing-41);
  }

  .sm--pt--41 {
    padding-top: var(--spacing-41);
  }

  .sm--pb--41 {
    padding-bottom: var(--spacing-41);
  }

  .sm--pl--41 {
    padding-left: var(--spacing-41);
  }

  .sm--pr--41 {
    padding-right: var(--spacing-41);
  }

  .sm--px--41 {
    padding-left: var(--spacing-41);
    padding-right: var(--spacing-41);
  }

  .sm--py--41 {
    padding-top: var(--spacing-41);
    padding-bottom: var(--spacing-41);
  }

  .sm--w--41 {
    width: var(--spacing-41);
  }

  .sm--max-w--41 {
    max-width: var(--spacing-41);
  }

  .sm--h--41 {
    height: var(--spacing-41);
  }

  .sm--max-h--41 {
    max-height: var(--spacing-41);
  }

  .sm--gap--41 {
    gap: var(--spacing-41);
  }

  .sm--row-gap--41 {
    row-gap: var(--spacing-41);
  }

  .sm--col-gap--41 {
    -moz-column-gap: var(--spacing-41);
    column-gap: var(--spacing-41);
  }

  .sm--top--41 {
    top: var(--spacing-41);
  }

  .sm--right--41 {
    right: var(--spacing-41);
  }

  .sm--bottom--41 {
    bottom: var(--spacing-41);
  }

  .sm--left--41 {
    left: var(--spacing-41);
  }

  .sm--inset--41 {
    top: var(--spacing-41);
    right: var(--spacing-41);
    bottom: var(--spacing-41);
    left: var(--spacing-41);
  }

  .sm--m--42 {
    margin: var(--spacing-42);
  }

  .sm--mt--42 {
    margin-top: var(--spacing-42);
  }

  .sm--mb--42 {
    margin-bottom: var(--spacing-42);
  }

  .sm--ml--42 {
    margin-left: var(--spacing-42);
  }

  .sm--mr--42 {
    margin-right: var(--spacing-42);
  }

  .sm--mx--42 {
    margin-left: var(--spacing-42);
    margin-right: var(--spacing-42);
  }

  .sm--my--42 {
    margin-top: var(--spacing-42);
    margin-bottom: var(--spacing-42);
  }

  .sm--p--42 {
    padding: var(--spacing-42);
  }

  .sm--pt--42 {
    padding-top: var(--spacing-42);
  }

  .sm--pb--42 {
    padding-bottom: var(--spacing-42);
  }

  .sm--pl--42 {
    padding-left: var(--spacing-42);
  }

  .sm--pr--42 {
    padding-right: var(--spacing-42);
  }

  .sm--px--42 {
    padding-left: var(--spacing-42);
    padding-right: var(--spacing-42);
  }

  .sm--py--42 {
    padding-top: var(--spacing-42);
    padding-bottom: var(--spacing-42);
  }

  .sm--w--42 {
    width: var(--spacing-42);
  }

  .sm--max-w--42 {
    max-width: var(--spacing-42);
  }

  .sm--h--42 {
    height: var(--spacing-42);
  }

  .sm--max-h--42 {
    max-height: var(--spacing-42);
  }

  .sm--gap--42 {
    gap: var(--spacing-42);
  }

  .sm--row-gap--42 {
    row-gap: var(--spacing-42);
  }

  .sm--col-gap--42 {
    -moz-column-gap: var(--spacing-42);
    column-gap: var(--spacing-42);
  }

  .sm--top--42 {
    top: var(--spacing-42);
  }

  .sm--right--42 {
    right: var(--spacing-42);
  }

  .sm--bottom--42 {
    bottom: var(--spacing-42);
  }

  .sm--left--42 {
    left: var(--spacing-42);
  }

  .sm--inset--42 {
    top: var(--spacing-42);
    right: var(--spacing-42);
    bottom: var(--spacing-42);
    left: var(--spacing-42);
  }

  .sm--m--43 {
    margin: var(--spacing-43);
  }

  .sm--mt--43 {
    margin-top: var(--spacing-43);
  }

  .sm--mb--43 {
    margin-bottom: var(--spacing-43);
  }

  .sm--ml--43 {
    margin-left: var(--spacing-43);
  }

  .sm--mr--43 {
    margin-right: var(--spacing-43);
  }

  .sm--mx--43 {
    margin-left: var(--spacing-43);
    margin-right: var(--spacing-43);
  }

  .sm--my--43 {
    margin-top: var(--spacing-43);
    margin-bottom: var(--spacing-43);
  }

  .sm--p--43 {
    padding: var(--spacing-43);
  }

  .sm--pt--43 {
    padding-top: var(--spacing-43);
  }

  .sm--pb--43 {
    padding-bottom: var(--spacing-43);
  }

  .sm--pl--43 {
    padding-left: var(--spacing-43);
  }

  .sm--pr--43 {
    padding-right: var(--spacing-43);
  }

  .sm--px--43 {
    padding-left: var(--spacing-43);
    padding-right: var(--spacing-43);
  }

  .sm--py--43 {
    padding-top: var(--spacing-43);
    padding-bottom: var(--spacing-43);
  }

  .sm--w--43 {
    width: var(--spacing-43);
  }

  .sm--max-w--43 {
    max-width: var(--spacing-43);
  }

  .sm--h--43 {
    height: var(--spacing-43);
  }

  .sm--max-h--43 {
    max-height: var(--spacing-43);
  }

  .sm--gap--43 {
    gap: var(--spacing-43);
  }

  .sm--row-gap--43 {
    row-gap: var(--spacing-43);
  }

  .sm--col-gap--43 {
    -moz-column-gap: var(--spacing-43);
    column-gap: var(--spacing-43);
  }

  .sm--top--43 {
    top: var(--spacing-43);
  }

  .sm--right--43 {
    right: var(--spacing-43);
  }

  .sm--bottom--43 {
    bottom: var(--spacing-43);
  }

  .sm--left--43 {
    left: var(--spacing-43);
  }

  .sm--inset--43 {
    top: var(--spacing-43);
    right: var(--spacing-43);
    bottom: var(--spacing-43);
    left: var(--spacing-43);
  }

  .sm--m--44 {
    margin: var(--spacing-44);
  }

  .sm--mt--44 {
    margin-top: var(--spacing-44);
  }

  .sm--mb--44 {
    margin-bottom: var(--spacing-44);
  }

  .sm--ml--44 {
    margin-left: var(--spacing-44);
  }

  .sm--mr--44 {
    margin-right: var(--spacing-44);
  }

  .sm--mx--44 {
    margin-left: var(--spacing-44);
    margin-right: var(--spacing-44);
  }

  .sm--my--44 {
    margin-top: var(--spacing-44);
    margin-bottom: var(--spacing-44);
  }

  .sm--p--44 {
    padding: var(--spacing-44);
  }

  .sm--pt--44 {
    padding-top: var(--spacing-44);
  }

  .sm--pb--44 {
    padding-bottom: var(--spacing-44);
  }

  .sm--pl--44 {
    padding-left: var(--spacing-44);
  }

  .sm--pr--44 {
    padding-right: var(--spacing-44);
  }

  .sm--px--44 {
    padding-left: var(--spacing-44);
    padding-right: var(--spacing-44);
  }

  .sm--py--44 {
    padding-top: var(--spacing-44);
    padding-bottom: var(--spacing-44);
  }

  .sm--w--44 {
    width: var(--spacing-44);
  }

  .sm--max-w--44 {
    max-width: var(--spacing-44);
  }

  .sm--h--44 {
    height: var(--spacing-44);
  }

  .sm--max-h--44 {
    max-height: var(--spacing-44);
  }

  .sm--gap--44 {
    gap: var(--spacing-44);
  }

  .sm--row-gap--44 {
    row-gap: var(--spacing-44);
  }

  .sm--col-gap--44 {
    -moz-column-gap: var(--spacing-44);
    column-gap: var(--spacing-44);
  }

  .sm--top--44 {
    top: var(--spacing-44);
  }

  .sm--right--44 {
    right: var(--spacing-44);
  }

  .sm--bottom--44 {
    bottom: var(--spacing-44);
  }

  .sm--left--44 {
    left: var(--spacing-44);
  }

  .sm--inset--44 {
    top: var(--spacing-44);
    right: var(--spacing-44);
    bottom: var(--spacing-44);
    left: var(--spacing-44);
  }

  .sm--m--45 {
    margin: var(--spacing-45);
  }

  .sm--mt--45 {
    margin-top: var(--spacing-45);
  }

  .sm--mb--45 {
    margin-bottom: var(--spacing-45);
  }

  .sm--ml--45 {
    margin-left: var(--spacing-45);
  }

  .sm--mr--45 {
    margin-right: var(--spacing-45);
  }

  .sm--mx--45 {
    margin-left: var(--spacing-45);
    margin-right: var(--spacing-45);
  }

  .sm--my--45 {
    margin-top: var(--spacing-45);
    margin-bottom: var(--spacing-45);
  }

  .sm--p--45 {
    padding: var(--spacing-45);
  }

  .sm--pt--45 {
    padding-top: var(--spacing-45);
  }

  .sm--pb--45 {
    padding-bottom: var(--spacing-45);
  }

  .sm--pl--45 {
    padding-left: var(--spacing-45);
  }

  .sm--pr--45 {
    padding-right: var(--spacing-45);
  }

  .sm--px--45 {
    padding-left: var(--spacing-45);
    padding-right: var(--spacing-45);
  }

  .sm--py--45 {
    padding-top: var(--spacing-45);
    padding-bottom: var(--spacing-45);
  }

  .sm--w--45 {
    width: var(--spacing-45);
  }

  .sm--max-w--45 {
    max-width: var(--spacing-45);
  }

  .sm--h--45 {
    height: var(--spacing-45);
  }

  .sm--max-h--45 {
    max-height: var(--spacing-45);
  }

  .sm--gap--45 {
    gap: var(--spacing-45);
  }

  .sm--row-gap--45 {
    row-gap: var(--spacing-45);
  }

  .sm--col-gap--45 {
    -moz-column-gap: var(--spacing-45);
    column-gap: var(--spacing-45);
  }

  .sm--top--45 {
    top: var(--spacing-45);
  }

  .sm--right--45 {
    right: var(--spacing-45);
  }

  .sm--bottom--45 {
    bottom: var(--spacing-45);
  }

  .sm--left--45 {
    left: var(--spacing-45);
  }

  .sm--inset--45 {
    top: var(--spacing-45);
    right: var(--spacing-45);
    bottom: var(--spacing-45);
    left: var(--spacing-45);
  }

  .sm--m--46 {
    margin: var(--spacing-46);
  }

  .sm--mt--46 {
    margin-top: var(--spacing-46);
  }

  .sm--mb--46 {
    margin-bottom: var(--spacing-46);
  }

  .sm--ml--46 {
    margin-left: var(--spacing-46);
  }

  .sm--mr--46 {
    margin-right: var(--spacing-46);
  }

  .sm--mx--46 {
    margin-left: var(--spacing-46);
    margin-right: var(--spacing-46);
  }

  .sm--my--46 {
    margin-top: var(--spacing-46);
    margin-bottom: var(--spacing-46);
  }

  .sm--p--46 {
    padding: var(--spacing-46);
  }

  .sm--pt--46 {
    padding-top: var(--spacing-46);
  }

  .sm--pb--46 {
    padding-bottom: var(--spacing-46);
  }

  .sm--pl--46 {
    padding-left: var(--spacing-46);
  }

  .sm--pr--46 {
    padding-right: var(--spacing-46);
  }

  .sm--px--46 {
    padding-left: var(--spacing-46);
    padding-right: var(--spacing-46);
  }

  .sm--py--46 {
    padding-top: var(--spacing-46);
    padding-bottom: var(--spacing-46);
  }

  .sm--w--46 {
    width: var(--spacing-46);
  }

  .sm--max-w--46 {
    max-width: var(--spacing-46);
  }

  .sm--h--46 {
    height: var(--spacing-46);
  }

  .sm--max-h--46 {
    max-height: var(--spacing-46);
  }

  .sm--gap--46 {
    gap: var(--spacing-46);
  }

  .sm--row-gap--46 {
    row-gap: var(--spacing-46);
  }

  .sm--col-gap--46 {
    -moz-column-gap: var(--spacing-46);
    column-gap: var(--spacing-46);
  }

  .sm--top--46 {
    top: var(--spacing-46);
  }

  .sm--right--46 {
    right: var(--spacing-46);
  }

  .sm--bottom--46 {
    bottom: var(--spacing-46);
  }

  .sm--left--46 {
    left: var(--spacing-46);
  }

  .sm--inset--46 {
    top: var(--spacing-46);
    right: var(--spacing-46);
    bottom: var(--spacing-46);
    left: var(--spacing-46);
  }

  .sm--m--47 {
    margin: var(--spacing-47);
  }

  .sm--mt--47 {
    margin-top: var(--spacing-47);
  }

  .sm--mb--47 {
    margin-bottom: var(--spacing-47);
  }

  .sm--ml--47 {
    margin-left: var(--spacing-47);
  }

  .sm--mr--47 {
    margin-right: var(--spacing-47);
  }

  .sm--mx--47 {
    margin-left: var(--spacing-47);
    margin-right: var(--spacing-47);
  }

  .sm--my--47 {
    margin-top: var(--spacing-47);
    margin-bottom: var(--spacing-47);
  }

  .sm--p--47 {
    padding: var(--spacing-47);
  }

  .sm--pt--47 {
    padding-top: var(--spacing-47);
  }

  .sm--pb--47 {
    padding-bottom: var(--spacing-47);
  }

  .sm--pl--47 {
    padding-left: var(--spacing-47);
  }

  .sm--pr--47 {
    padding-right: var(--spacing-47);
  }

  .sm--px--47 {
    padding-left: var(--spacing-47);
    padding-right: var(--spacing-47);
  }

  .sm--py--47 {
    padding-top: var(--spacing-47);
    padding-bottom: var(--spacing-47);
  }

  .sm--w--47 {
    width: var(--spacing-47);
  }

  .sm--max-w--47 {
    max-width: var(--spacing-47);
  }

  .sm--h--47 {
    height: var(--spacing-47);
  }

  .sm--max-h--47 {
    max-height: var(--spacing-47);
  }

  .sm--gap--47 {
    gap: var(--spacing-47);
  }

  .sm--row-gap--47 {
    row-gap: var(--spacing-47);
  }

  .sm--col-gap--47 {
    -moz-column-gap: var(--spacing-47);
    column-gap: var(--spacing-47);
  }

  .sm--top--47 {
    top: var(--spacing-47);
  }

  .sm--right--47 {
    right: var(--spacing-47);
  }

  .sm--bottom--47 {
    bottom: var(--spacing-47);
  }

  .sm--left--47 {
    left: var(--spacing-47);
  }

  .sm--inset--47 {
    top: var(--spacing-47);
    right: var(--spacing-47);
    bottom: var(--spacing-47);
    left: var(--spacing-47);
  }

  .sm--m--48 {
    margin: var(--spacing-48);
  }

  .sm--mt--48 {
    margin-top: var(--spacing-48);
  }

  .sm--mb--48 {
    margin-bottom: var(--spacing-48);
  }

  .sm--ml--48 {
    margin-left: var(--spacing-48);
  }

  .sm--mr--48 {
    margin-right: var(--spacing-48);
  }

  .sm--mx--48 {
    margin-left: var(--spacing-48);
    margin-right: var(--spacing-48);
  }

  .sm--my--48 {
    margin-top: var(--spacing-48);
    margin-bottom: var(--spacing-48);
  }

  .sm--p--48 {
    padding: var(--spacing-48);
  }

  .sm--pt--48 {
    padding-top: var(--spacing-48);
  }

  .sm--pb--48 {
    padding-bottom: var(--spacing-48);
  }

  .sm--pl--48 {
    padding-left: var(--spacing-48);
  }

  .sm--pr--48 {
    padding-right: var(--spacing-48);
  }

  .sm--px--48 {
    padding-left: var(--spacing-48);
    padding-right: var(--spacing-48);
  }

  .sm--py--48 {
    padding-top: var(--spacing-48);
    padding-bottom: var(--spacing-48);
  }

  .sm--w--48 {
    width: var(--spacing-48);
  }

  .sm--max-w--48 {
    max-width: var(--spacing-48);
  }

  .sm--h--48 {
    height: var(--spacing-48);
  }

  .sm--max-h--48 {
    max-height: var(--spacing-48);
  }

  .sm--gap--48 {
    gap: var(--spacing-48);
  }

  .sm--row-gap--48 {
    row-gap: var(--spacing-48);
  }

  .sm--col-gap--48 {
    -moz-column-gap: var(--spacing-48);
    column-gap: var(--spacing-48);
  }

  .sm--top--48 {
    top: var(--spacing-48);
  }

  .sm--right--48 {
    right: var(--spacing-48);
  }

  .sm--bottom--48 {
    bottom: var(--spacing-48);
  }

  .sm--left--48 {
    left: var(--spacing-48);
  }

  .sm--inset--48 {
    top: var(--spacing-48);
    right: var(--spacing-48);
    bottom: var(--spacing-48);
    left: var(--spacing-48);
  }

  .sm--m--49 {
    margin: var(--spacing-49);
  }

  .sm--mt--49 {
    margin-top: var(--spacing-49);
  }

  .sm--mb--49 {
    margin-bottom: var(--spacing-49);
  }

  .sm--ml--49 {
    margin-left: var(--spacing-49);
  }

  .sm--mr--49 {
    margin-right: var(--spacing-49);
  }

  .sm--mx--49 {
    margin-left: var(--spacing-49);
    margin-right: var(--spacing-49);
  }

  .sm--my--49 {
    margin-top: var(--spacing-49);
    margin-bottom: var(--spacing-49);
  }

  .sm--p--49 {
    padding: var(--spacing-49);
  }

  .sm--pt--49 {
    padding-top: var(--spacing-49);
  }

  .sm--pb--49 {
    padding-bottom: var(--spacing-49);
  }

  .sm--pl--49 {
    padding-left: var(--spacing-49);
  }

  .sm--pr--49 {
    padding-right: var(--spacing-49);
  }

  .sm--px--49 {
    padding-left: var(--spacing-49);
    padding-right: var(--spacing-49);
  }

  .sm--py--49 {
    padding-top: var(--spacing-49);
    padding-bottom: var(--spacing-49);
  }

  .sm--w--49 {
    width: var(--spacing-49);
  }

  .sm--max-w--49 {
    max-width: var(--spacing-49);
  }

  .sm--h--49 {
    height: var(--spacing-49);
  }

  .sm--max-h--49 {
    max-height: var(--spacing-49);
  }

  .sm--gap--49 {
    gap: var(--spacing-49);
  }

  .sm--row-gap--49 {
    row-gap: var(--spacing-49);
  }

  .sm--col-gap--49 {
    -moz-column-gap: var(--spacing-49);
    column-gap: var(--spacing-49);
  }

  .sm--top--49 {
    top: var(--spacing-49);
  }

  .sm--right--49 {
    right: var(--spacing-49);
  }

  .sm--bottom--49 {
    bottom: var(--spacing-49);
  }

  .sm--left--49 {
    left: var(--spacing-49);
  }

  .sm--inset--49 {
    top: var(--spacing-49);
    right: var(--spacing-49);
    bottom: var(--spacing-49);
    left: var(--spacing-49);
  }

  .sm--m--50 {
    margin: var(--spacing-50);
  }

  .sm--mt--50 {
    margin-top: var(--spacing-50);
  }

  .sm--mb--50 {
    margin-bottom: var(--spacing-50);
  }

  .sm--ml--50 {
    margin-left: var(--spacing-50);
  }

  .sm--mr--50 {
    margin-right: var(--spacing-50);
  }

  .sm--mx--50 {
    margin-left: var(--spacing-50);
    margin-right: var(--spacing-50);
  }

  .sm--my--50 {
    margin-top: var(--spacing-50);
    margin-bottom: var(--spacing-50);
  }

  .sm--p--50 {
    padding: var(--spacing-50);
  }

  .sm--pt--50 {
    padding-top: var(--spacing-50);
  }

  .sm--pb--50 {
    padding-bottom: var(--spacing-50);
  }

  .sm--pl--50 {
    padding-left: var(--spacing-50);
  }

  .sm--pr--50 {
    padding-right: var(--spacing-50);
  }

  .sm--px--50 {
    padding-left: var(--spacing-50);
    padding-right: var(--spacing-50);
  }

  .sm--py--50 {
    padding-top: var(--spacing-50);
    padding-bottom: var(--spacing-50);
  }

  .sm--w--50 {
    width: var(--spacing-50);
  }

  .sm--max-w--50 {
    max-width: var(--spacing-50);
  }

  .sm--h--50 {
    height: var(--spacing-50);
  }

  .sm--max-h--50 {
    max-height: var(--spacing-50);
  }

  .sm--gap--50 {
    gap: var(--spacing-50);
  }

  .sm--row-gap--50 {
    row-gap: var(--spacing-50);
  }

  .sm--col-gap--50 {
    -moz-column-gap: var(--spacing-50);
    column-gap: var(--spacing-50);
  }

  .sm--top--50 {
    top: var(--spacing-50);
  }

  .sm--right--50 {
    right: var(--spacing-50);
  }

  .sm--bottom--50 {
    bottom: var(--spacing-50);
  }

  .sm--left--50 {
    left: var(--spacing-50);
  }

  .sm--inset--50 {
    top: var(--spacing-50);
    right: var(--spacing-50);
    bottom: var(--spacing-50);
    left: var(--spacing-50);
  }
}

@media (min-width:992px) {
  .md--sec--gap {
    padding: 3rem 0;
  }

  .md--sec--gap-0 {
    padding: 0;
  }

  .md--w--full {
    width: var(--spacing-100p);
  }

  .md--max-w--full {
    max-width: var(--spacing-100p);
  }

  .md--position--static {
    position: static;
  }

  .md--position--relative {
    position: relative;
  }

  .md--position--absolute {
    position: absolute;
  }

  .md--position--fixed {
    position: fixed;
  }

  .md--position--sticky {
    position: sticky;
  }

  .md--z--10 {
    z-index: 10;
  }

  .md--z--50 {
    z-index: 50;
  }

  .md--z--100 {
    z-index: 100;
  }

  .md--z--999 {
    z-index: 999;
  }

  .md--d--none {
    display: none;
  }

  .md--d--block {
    display: block;
  }

  .md--d--inline-block {
    display: inline-block;
  }

  .md--d--flex {
    display: flex;
  }

  .md--d--grid {
    display: -ms-grid;
    display: grid;
  }

  .md--d--inline-flex {
    display: inline-flex;
  }

  .md--items--start {
    justify-content: flex-start;
    text-align: left;
  }

  .md--items--center {
    justify-content: center;
    text-align: center;
  }

  .md--items--end {
    justify-content: flex-end;
    text-align: right;
  }

  .md--items--around {
    justify-content: space-around;
  }

  .md--items--between {
    justify-content: space-between;
  }

  .md--items--top {
    align-items: flex-start;
  }

  .md--items--middle {
    align-items: center;
  }

  .md--items--bottom {
    align-items: flex-end;
  }

  .md--items--first {
    order: -1;
  }

  .md--items--last {
    order: 1;
  }

  .md--text--left {
    text-align: left;
  }

  .md--text--center {
    text-align: center;
  }

  .md--text--right {
    text-align: right;
  }

  .md--border--radius-0 {
    border-radius: 0;
  }

  .md--items--column {
    flex-direction: column;
  }

  .md--items--row {
    flex-direction: row;
  }

  .md--items--wrap {
    flex-wrap: wrap;
  }

  /* Base xs--border classes for position */
  .md--border--all {
    border: 1px solid;
  }

  .md--border--top {
    border-top: 1px solid;
  }

  .md--border--bottom {
    border-bottom: 1px solid;
  }

  .md--border--right {
    border-right: 1px solid;
  }

  .md--border--left {
    border-left: 1px solid;
  }

  /* xs--border style classes */
  .md--border--solid {
    border-style: solid;
  }

  .md--border--dashed {
    border-style: dashed;
  }

  .md--border--dotted {
    border-style: dotted;
  }

  .md--border--none {
    border: 0;
  }

  .md--border--radius-50p {
    border-radius: var(--spacing-50p);
  }

  /* xs--border color classes */
  .md--border-purple {
    border-color: var(--color-purple);
  }

  .md--border-white {
    border-color: var(--color-white);
  }

  .md--border-gray {
    border-color: var(--color-gray);
  }

  .md--border-color {
    border-color: var(--color-for-xs--border);
  }

  .md--border--color-1 {
    border-color: var(--color-for-xs--border-1);
  }

  /* xs--border color classes */
  /* Hover color classes */
  .md--border-hover-purple:hover {
    border-color: var(--color-purple);
  }

  .md--border-hover-white:hover {
    border-color: var(--color-white);
  }

  .md--border-hover-gray:hover {
    border-color: var(--color-gray);
  }

  .md--border-hover-color:hover {
    border-color: var(--color-for-xs--border);
  }

  .md--border--hover-color-1:hover {
    border-color: var(--color-for-xs--border-1);
  }

  /* Hover color classes */
  .md--col,
  .md--col--1,
  .md--col--2,
  .md--col--3,
  .md--col--4,
  .md--col--5,
  .md--col--6,
  .md--col--7,
  .md--col--8,
  .md--col--9,
  .md--col--10,
  .md--col--11,
  .md--col--12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .md--col {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .md--col--1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .md--offset--1 {
    margin-left: 8.3333333333%;
  }

  .md--col--2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .md--offset--2 {
    margin-left: 16.6666666667%;
  }

  .md--col--3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .md--offset--3 {
    margin-left: 25%;
  }

  .md--col--4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .md--offset--4 {
    margin-left: 33.3333333333%;
  }

  .md--col--5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .md--offset--5 {
    margin-left: 41.6666666667%;
  }

  .md--col--6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .md--offset--6 {
    margin-left: 50%;
  }

  .md--col--7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .md--offset--7 {
    margin-left: 58.3333333333%;
  }

  .md--col--8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .md--offset--8 {
    margin-left: 66.6666666667%;
  }

  .md--col--9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .md--offset--9 {
    margin-left: 75%;
  }

  .md--col--10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .md--offset--10 {
    margin-left: 83.3333333333%;
  }

  .md--col--11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .md--offset--11 {
    margin-left: 91.6666666667%;
  }

  .md--col--12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .md--m--0 {
    margin: var(--spacing-0);
  }

  .md--mt--0 {
    margin-top: var(--spacing-0);
  }

  .md--mb--0 {
    margin-bottom: var(--spacing-0);
  }

  .md--ml--0 {
    margin-left: var(--spacing-0);
  }

  .md--mr--0 {
    margin-right: var(--spacing-0);
  }

  .md--mx--0 {
    margin-left: var(--spacing-0);
    margin-right: var(--spacing-0);
  }

  .md--my--0 {
    margin-top: var(--spacing-0);
    margin-bottom: var(--spacing-0);
  }

  .md--p--0 {
    padding: var(--spacing-0);
  }

  .md--pt--0 {
    padding-top: var(--spacing-0);
  }

  .md--pb--0 {
    padding-bottom: var(--spacing-0);
  }

  .md--pl--0 {
    padding-left: var(--spacing-0);
  }

  .md--pr--0 {
    padding-right: var(--spacing-0);
  }

  .md--px--0 {
    padding-left: var(--spacing-0);
    padding-right: var(--spacing-0);
  }

  .md--py--0 {
    padding-top: var(--spacing-0);
    padding-bottom: var(--spacing-0);
  }

  .md--w--0 {
    width: var(--spacing-0);
  }

  .md--max-w--0 {
    max-width: var(--spacing-0);
  }

  .md--h--0 {
    height: var(--spacing-0);
  }

  .md--max-h--0 {
    max-height: var(--spacing-0);
  }

  .md--gap--0 {
    gap: var(--spacing-0);
  }

  .md--row-gap--0 {
    row-gap: var(--spacing-0);
  }

  .md--col-gap--0 {
    -moz-column-gap: var(--spacing-0);
    column-gap: var(--spacing-0);
  }

  .md--top--0 {
    top: var(--spacing-0);
  }

  .md--right--0 {
    right: var(--spacing-0);
  }

  .md--bottom--0 {
    bottom: var(--spacing-0);
  }

  .md--left--0 {
    left: var(--spacing-0);
  }

  .md--inset--0 {
    top: var(--spacing-0);
    right: var(--spacing-0);
    bottom: var(--spacing-0);
    left: var(--spacing-0);
  }

  .md--m--1 {
    margin: var(--spacing-1);
  }

  .md--mt--1 {
    margin-top: var(--spacing-1);
  }

  .md--mb--1 {
    margin-bottom: var(--spacing-1);
  }

  .md--ml--1 {
    margin-left: var(--spacing-1);
  }

  .md--mr--1 {
    margin-right: var(--spacing-1);
  }

  .md--mx--1 {
    margin-left: var(--spacing-1);
    margin-right: var(--spacing-1);
  }

  .md--my--1 {
    margin-top: var(--spacing-1);
    margin-bottom: var(--spacing-1);
  }

  .md--p--1 {
    padding: var(--spacing-1);
  }

  .md--pt--1 {
    padding-top: var(--spacing-1);
  }

  .md--pb--1 {
    padding-bottom: var(--spacing-1);
  }

  .md--pl--1 {
    padding-left: var(--spacing-1);
  }

  .md--pr--1 {
    padding-right: var(--spacing-1);
  }

  .md--px--1 {
    padding-left: var(--spacing-1);
    padding-right: var(--spacing-1);
  }

  .md--py--1 {
    padding-top: var(--spacing-1);
    padding-bottom: var(--spacing-1);
  }

  .md--w--1 {
    width: var(--spacing-1);
  }

  .md--max-w--1 {
    max-width: var(--spacing-1);
  }

  .md--h--1 {
    height: var(--spacing-1);
  }

  .md--max-h--1 {
    max-height: var(--spacing-1);
  }

  .md--gap--1 {
    gap: var(--spacing-1);
  }

  .md--row-gap--1 {
    row-gap: var(--spacing-1);
  }

  .md--col-gap--1 {
    -moz-column-gap: var(--spacing-1);
    column-gap: var(--spacing-1);
  }

  .md--top--1 {
    top: var(--spacing-1);
  }

  .md--right--1 {
    right: var(--spacing-1);
  }

  .md--bottom--1 {
    bottom: var(--spacing-1);
  }

  .md--left--1 {
    left: var(--spacing-1);
  }

  .md--inset--1 {
    top: var(--spacing-1);
    right: var(--spacing-1);
    bottom: var(--spacing-1);
    left: var(--spacing-1);
  }

  .md--m--2 {
    margin: var(--spacing-2);
  }

  .md--mt--2 {
    margin-top: var(--spacing-2);
  }

  .md--mb--2 {
    margin-bottom: var(--spacing-2);
  }

  .md--ml--2 {
    margin-left: var(--spacing-2);
  }

  .md--mr--2 {
    margin-right: var(--spacing-2);
  }

  .md--mx--2 {
    margin-left: var(--spacing-2);
    margin-right: var(--spacing-2);
  }

  .md--my--2 {
    margin-top: var(--spacing-2);
    margin-bottom: var(--spacing-2);
  }

  .md--p--2 {
    padding: var(--spacing-2);
  }

  .md--pt--2 {
    padding-top: var(--spacing-2);
  }

  .md--pb--2 {
    padding-bottom: var(--spacing-2);
  }

  .md--pl--2 {
    padding-left: var(--spacing-2);
  }

  .md--pr--2 {
    padding-right: var(--spacing-2);
  }

  .md--px--2 {
    padding-left: var(--spacing-2);
    padding-right: var(--spacing-2);
  }

  .md--py--2 {
    padding-top: var(--spacing-2);
    padding-bottom: var(--spacing-2);
  }

  .md--w--2 {
    width: var(--spacing-2);
  }

  .md--max-w--2 {
    max-width: var(--spacing-2);
  }

  .md--h--2 {
    height: var(--spacing-2);
  }

  .md--max-h--2 {
    max-height: var(--spacing-2);
  }

  .md--gap--2 {
    gap: var(--spacing-2);
  }

  .md--row-gap--2 {
    row-gap: var(--spacing-2);
  }

  .md--col-gap--2 {
    -moz-column-gap: var(--spacing-2);
    column-gap: var(--spacing-2);
  }

  .md--top--2 {
    top: var(--spacing-2);
  }

  .md--right--2 {
    right: var(--spacing-2);
  }

  .md--bottom--2 {
    bottom: var(--spacing-2);
  }

  .md--left--2 {
    left: var(--spacing-2);
  }

  .md--inset--2 {
    top: var(--spacing-2);
    right: var(--spacing-2);
    bottom: var(--spacing-2);
    left: var(--spacing-2);
  }

  .md--m--3 {
    margin: var(--spacing-3);
  }

  .md--mt--3 {
    margin-top: var(--spacing-3);
  }

  .md--mb--3 {
    margin-bottom: var(--spacing-3);
  }

  .md--ml--3 {
    margin-left: var(--spacing-3);
  }

  .md--mr--3 {
    margin-right: var(--spacing-3);
  }

  .md--mx--3 {
    margin-left: var(--spacing-3);
    margin-right: var(--spacing-3);
  }

  .md--my--3 {
    margin-top: var(--spacing-3);
    margin-bottom: var(--spacing-3);
  }

  .md--p--3 {
    padding: var(--spacing-3);
  }

  .md--pt--3 {
    padding-top: var(--spacing-3);
  }

  .md--pb--3 {
    padding-bottom: var(--spacing-3);
  }

  .md--pl--3 {
    padding-left: var(--spacing-3);
  }

  .md--pr--3 {
    padding-right: var(--spacing-3);
  }

  .md--px--3 {
    padding-left: var(--spacing-3);
    padding-right: var(--spacing-3);
  }

  .md--py--3 {
    padding-top: var(--spacing-3);
    padding-bottom: var(--spacing-3);
  }

  .md--w--3 {
    width: var(--spacing-3);
  }

  .md--max-w--3 {
    max-width: var(--spacing-3);
  }

  .md--h--3 {
    height: var(--spacing-3);
  }

  .md--max-h--3 {
    max-height: var(--spacing-3);
  }

  .md--gap--3 {
    gap: var(--spacing-3);
  }

  .md--row-gap--3 {
    row-gap: var(--spacing-3);
  }

  .md--col-gap--3 {
    -moz-column-gap: var(--spacing-3);
    column-gap: var(--spacing-3);
  }

  .md--top--3 {
    top: var(--spacing-3);
  }

  .md--right--3 {
    right: var(--spacing-3);
  }

  .md--bottom--3 {
    bottom: var(--spacing-3);
  }

  .md--left--3 {
    left: var(--spacing-3);
  }

  .md--inset--3 {
    top: var(--spacing-3);
    right: var(--spacing-3);
    bottom: var(--spacing-3);
    left: var(--spacing-3);
  }

  .md--m--4 {
    margin: var(--spacing-4);
  }

  .md--mt--4 {
    margin-top: var(--spacing-4);
  }

  .md--mb--4 {
    margin-bottom: var(--spacing-4);
  }

  .md--ml--4 {
    margin-left: var(--spacing-4);
  }

  .md--mr--4 {
    margin-right: var(--spacing-4);
  }

  .md--mx--4 {
    margin-left: var(--spacing-4);
    margin-right: var(--spacing-4);
  }

  .md--my--4 {
    margin-top: var(--spacing-4);
    margin-bottom: var(--spacing-4);
  }

  .md--p--4 {
    padding: var(--spacing-4);
  }

  .md--pt--4 {
    padding-top: var(--spacing-4);
  }

  .md--pb--4 {
    padding-bottom: var(--spacing-4);
  }

  .md--pl--4 {
    padding-left: var(--spacing-4);
  }

  .md--pr--4 {
    padding-right: var(--spacing-4);
  }

  .md--px--4 {
    padding-left: var(--spacing-4);
    padding-right: var(--spacing-4);
  }

  .md--py--4 {
    padding-top: var(--spacing-4);
    padding-bottom: var(--spacing-4);
  }

  .md--w--4 {
    width: var(--spacing-4);
  }

  .md--max-w--4 {
    max-width: var(--spacing-4);
  }

  .md--h--4 {
    height: var(--spacing-4);
  }

  .md--max-h--4 {
    max-height: var(--spacing-4);
  }

  .md--gap--4 {
    gap: var(--spacing-4);
  }

  .md--row-gap--4 {
    row-gap: var(--spacing-4);
  }

  .md--col-gap--4 {
    -moz-column-gap: var(--spacing-4);
    column-gap: var(--spacing-4);
  }

  .md--top--4 {
    top: var(--spacing-4);
  }

  .md--right--4 {
    right: var(--spacing-4);
  }

  .md--bottom--4 {
    bottom: var(--spacing-4);
  }

  .md--left--4 {
    left: var(--spacing-4);
  }

  .md--inset--4 {
    top: var(--spacing-4);
    right: var(--spacing-4);
    bottom: var(--spacing-4);
    left: var(--spacing-4);
  }

  .md--m--5 {
    margin: var(--spacing-5);
  }

  .md--mt--5 {
    margin-top: var(--spacing-5);
  }

  .md--mb--5 {
    margin-bottom: var(--spacing-5);
  }

  .md--ml--5 {
    margin-left: var(--spacing-5);
  }

  .md--mr--5 {
    margin-right: var(--spacing-5);
  }

  .md--mx--5 {
    margin-left: var(--spacing-5);
    margin-right: var(--spacing-5);
  }

  .md--my--5 {
    margin-top: var(--spacing-5);
    margin-bottom: var(--spacing-5);
  }

  .md--p--5 {
    padding: var(--spacing-5);
  }

  .md--pt--5 {
    padding-top: var(--spacing-5);
  }

  .md--pb--5 {
    padding-bottom: var(--spacing-5);
  }

  .md--pl--5 {
    padding-left: var(--spacing-5);
  }

  .md--pr--5 {
    padding-right: var(--spacing-5);
  }

  .md--px--5 {
    padding-left: var(--spacing-5);
    padding-right: var(--spacing-5);
  }

  .md--py--5 {
    padding-top: var(--spacing-5);
    padding-bottom: var(--spacing-5);
  }

  .md--w--5 {
    width: var(--spacing-5);
  }

  .md--max-w--5 {
    max-width: var(--spacing-5);
  }

  .md--h--5 {
    height: var(--spacing-5);
  }

  .md--max-h--5 {
    max-height: var(--spacing-5);
  }

  .md--gap--5 {
    gap: var(--spacing-5);
  }

  .md--row-gap--5 {
    row-gap: var(--spacing-5);
  }

  .md--col-gap--5 {
    -moz-column-gap: var(--spacing-5);
    column-gap: var(--spacing-5);
  }

  .md--top--5 {
    top: var(--spacing-5);
  }

  .md--right--5 {
    right: var(--spacing-5);
  }

  .md--bottom--5 {
    bottom: var(--spacing-5);
  }

  .md--left--5 {
    left: var(--spacing-5);
  }

  .md--inset--5 {
    top: var(--spacing-5);
    right: var(--spacing-5);
    bottom: var(--spacing-5);
    left: var(--spacing-5);
  }

  .md--m--6 {
    margin: var(--spacing-6);
  }

  .md--mt--6 {
    margin-top: var(--spacing-6);
  }

  .md--mb--6 {
    margin-bottom: var(--spacing-6);
  }

  .md--ml--6 {
    margin-left: var(--spacing-6);
  }

  .md--mr--6 {
    margin-right: var(--spacing-6);
  }

  .md--mx--6 {
    margin-left: var(--spacing-6);
    margin-right: var(--spacing-6);
  }

  .md--my--6 {
    margin-top: var(--spacing-6);
    margin-bottom: var(--spacing-6);
  }

  .md--p--6 {
    padding: var(--spacing-6);
  }

  .md--pt--6 {
    padding-top: var(--spacing-6);
  }

  .md--pb--6 {
    padding-bottom: var(--spacing-6);
  }

  .md--pl--6 {
    padding-left: var(--spacing-6);
  }

  .md--pr--6 {
    padding-right: var(--spacing-6);
  }

  .md--px--6 {
    padding-left: var(--spacing-6);
    padding-right: var(--spacing-6);
  }

  .md--py--6 {
    padding-top: var(--spacing-6);
    padding-bottom: var(--spacing-6);
  }

  .md--w--6 {
    width: var(--spacing-6);
  }

  .md--max-w--6 {
    max-width: var(--spacing-6);
  }

  .md--h--6 {
    height: var(--spacing-6);
  }

  .md--max-h--6 {
    max-height: var(--spacing-6);
  }

  .md--gap--6 {
    gap: var(--spacing-6);
  }

  .md--row-gap--6 {
    row-gap: var(--spacing-6);
  }

  .md--col-gap--6 {
    -moz-column-gap: var(--spacing-6);
    column-gap: var(--spacing-6);
  }

  .md--top--6 {
    top: var(--spacing-6);
  }

  .md--right--6 {
    right: var(--spacing-6);
  }

  .md--bottom--6 {
    bottom: var(--spacing-6);
  }

  .md--left--6 {
    left: var(--spacing-6);
  }

  .md--inset--6 {
    top: var(--spacing-6);
    right: var(--spacing-6);
    bottom: var(--spacing-6);
    left: var(--spacing-6);
  }

  .md--m--7 {
    margin: var(--spacing-7);
  }

  .md--mt--7 {
    margin-top: var(--spacing-7);
  }

  .md--mb--7 {
    margin-bottom: var(--spacing-7);
  }

  .md--ml--7 {
    margin-left: var(--spacing-7);
  }

  .md--mr--7 {
    margin-right: var(--spacing-7);
  }

  .md--mx--7 {
    margin-left: var(--spacing-7);
    margin-right: var(--spacing-7);
  }

  .md--my--7 {
    margin-top: var(--spacing-7);
    margin-bottom: var(--spacing-7);
  }

  .md--p--7 {
    padding: var(--spacing-7);
  }

  .md--pt--7 {
    padding-top: var(--spacing-7);
  }

  .md--pb--7 {
    padding-bottom: var(--spacing-7);
  }

  .md--pl--7 {
    padding-left: var(--spacing-7);
  }

  .md--pr--7 {
    padding-right: var(--spacing-7);
  }

  .md--px--7 {
    padding-left: var(--spacing-7);
    padding-right: var(--spacing-7);
  }

  .md--py--7 {
    padding-top: var(--spacing-7);
    padding-bottom: var(--spacing-7);
  }

  .md--w--7 {
    width: var(--spacing-7);
  }

  .md--max-w--7 {
    max-width: var(--spacing-7);
  }

  .md--h--7 {
    height: var(--spacing-7);
  }

  .md--max-h--7 {
    max-height: var(--spacing-7);
  }

  .md--gap--7 {
    gap: var(--spacing-7);
  }

  .md--row-gap--7 {
    row-gap: var(--spacing-7);
  }

  .md--col-gap--7 {
    -moz-column-gap: var(--spacing-7);
    column-gap: var(--spacing-7);
  }

  .md--top--7 {
    top: var(--spacing-7);
  }

  .md--right--7 {
    right: var(--spacing-7);
  }

  .md--bottom--7 {
    bottom: var(--spacing-7);
  }

  .md--left--7 {
    left: var(--spacing-7);
  }

  .md--inset--7 {
    top: var(--spacing-7);
    right: var(--spacing-7);
    bottom: var(--spacing-7);
    left: var(--spacing-7);
  }

  .md--m--8 {
    margin: var(--spacing-8);
  }

  .md--mt--8 {
    margin-top: var(--spacing-8);
  }

  .md--mb--8 {
    margin-bottom: var(--spacing-8);
  }

  .md--ml--8 {
    margin-left: var(--spacing-8);
  }

  .md--mr--8 {
    margin-right: var(--spacing-8);
  }

  .md--mx--8 {
    margin-left: var(--spacing-8);
    margin-right: var(--spacing-8);
  }

  .md--my--8 {
    margin-top: var(--spacing-8);
    margin-bottom: var(--spacing-8);
  }

  .md--p--8 {
    padding: var(--spacing-8);
  }

  .md--pt--8 {
    padding-top: var(--spacing-8);
  }

  .md--pb--8 {
    padding-bottom: var(--spacing-8);
  }

  .md--pl--8 {
    padding-left: var(--spacing-8);
  }

  .md--pr--8 {
    padding-right: var(--spacing-8);
  }

  .md--px--8 {
    padding-left: var(--spacing-8);
    padding-right: var(--spacing-8);
  }

  .md--py--8 {
    padding-top: var(--spacing-8);
    padding-bottom: var(--spacing-8);
  }

  .md--w--8 {
    width: var(--spacing-8);
  }

  .md--max-w--8 {
    max-width: var(--spacing-8);
  }

  .md--h--8 {
    height: var(--spacing-8);
  }

  .md--max-h--8 {
    max-height: var(--spacing-8);
  }

  .md--gap--8 {
    gap: var(--spacing-8);
  }

  .md--row-gap--8 {
    row-gap: var(--spacing-8);
  }

  .md--col-gap--8 {
    -moz-column-gap: var(--spacing-8);
    column-gap: var(--spacing-8);
  }

  .md--top--8 {
    top: var(--spacing-8);
  }

  .md--right--8 {
    right: var(--spacing-8);
  }

  .md--bottom--8 {
    bottom: var(--spacing-8);
  }

  .md--left--8 {
    left: var(--spacing-8);
  }

  .md--inset--8 {
    top: var(--spacing-8);
    right: var(--spacing-8);
    bottom: var(--spacing-8);
    left: var(--spacing-8);
  }

  .md--m--9 {
    margin: var(--spacing-9);
  }

  .md--mt--9 {
    margin-top: var(--spacing-9);
  }

  .md--mb--9 {
    margin-bottom: var(--spacing-9);
  }

  .md--ml--9 {
    margin-left: var(--spacing-9);
  }

  .md--mr--9 {
    margin-right: var(--spacing-9);
  }

  .md--mx--9 {
    margin-left: var(--spacing-9);
    margin-right: var(--spacing-9);
  }

  .md--my--9 {
    margin-top: var(--spacing-9);
    margin-bottom: var(--spacing-9);
  }

  .md--p--9 {
    padding: var(--spacing-9);
  }

  .md--pt--9 {
    padding-top: var(--spacing-9);
  }

  .md--pb--9 {
    padding-bottom: var(--spacing-9);
  }

  .md--pl--9 {
    padding-left: var(--spacing-9);
  }

  .md--pr--9 {
    padding-right: var(--spacing-9);
  }

  .md--px--9 {
    padding-left: var(--spacing-9);
    padding-right: var(--spacing-9);
  }

  .md--py--9 {
    padding-top: var(--spacing-9);
    padding-bottom: var(--spacing-9);
  }

  .md--w--9 {
    width: var(--spacing-9);
  }

  .md--max-w--9 {
    max-width: var(--spacing-9);
  }

  .md--h--9 {
    height: var(--spacing-9);
  }

  .md--max-h--9 {
    max-height: var(--spacing-9);
  }

  .md--gap--9 {
    gap: var(--spacing-9);
  }

  .md--row-gap--9 {
    row-gap: var(--spacing-9);
  }

  .md--col-gap--9 {
    -moz-column-gap: var(--spacing-9);
    column-gap: var(--spacing-9);
  }

  .md--top--9 {
    top: var(--spacing-9);
  }

  .md--right--9 {
    right: var(--spacing-9);
  }

  .md--bottom--9 {
    bottom: var(--spacing-9);
  }

  .md--left--9 {
    left: var(--spacing-9);
  }

  .md--inset--9 {
    top: var(--spacing-9);
    right: var(--spacing-9);
    bottom: var(--spacing-9);
    left: var(--spacing-9);
  }

  .md--m--10 {
    margin: var(--spacing-10);
  }

  .md--mt--10 {
    margin-top: var(--spacing-10);
  }

  .md--mb--10 {
    margin-bottom: var(--spacing-10);
  }

  .md--ml--10 {
    margin-left: var(--spacing-10);
  }

  .md--mr--10 {
    margin-right: var(--spacing-10);
  }

  .md--mx--10 {
    margin-left: var(--spacing-10);
    margin-right: var(--spacing-10);
  }

  .md--my--10 {
    margin-top: var(--spacing-10);
    margin-bottom: var(--spacing-10);
  }

  .md--p--10 {
    padding: var(--spacing-10);
  }

  .md--pt--10 {
    padding-top: var(--spacing-10);
  }

  .md--pb--10 {
    padding-bottom: var(--spacing-10);
  }

  .md--pl--10 {
    padding-left: var(--spacing-10);
  }

  .md--pr--10 {
    padding-right: var(--spacing-10);
  }

  .md--px--10 {
    padding-left: var(--spacing-10);
    padding-right: var(--spacing-10);
  }

  .md--py--10 {
    padding-top: var(--spacing-10);
    padding-bottom: var(--spacing-10);
  }

  .md--w--10 {
    width: var(--spacing-10);
  }

  .md--max-w--10 {
    max-width: var(--spacing-10);
  }

  .md--h--10 {
    height: var(--spacing-10);
  }

  .md--max-h--10 {
    max-height: var(--spacing-10);
  }

  .md--gap--10 {
    gap: var(--spacing-10);
  }

  .md--row-gap--10 {
    row-gap: var(--spacing-10);
  }

  .md--col-gap--10 {
    -moz-column-gap: var(--spacing-10);
    column-gap: var(--spacing-10);
  }

  .md--top--10 {
    top: var(--spacing-10);
  }

  .md--right--10 {
    right: var(--spacing-10);
  }

  .md--bottom--10 {
    bottom: var(--spacing-10);
  }

  .md--left--10 {
    left: var(--spacing-10);
  }

  .md--inset--10 {
    top: var(--spacing-10);
    right: var(--spacing-10);
    bottom: var(--spacing-10);
    left: var(--spacing-10);
  }

  .md--m--11 {
    margin: var(--spacing-11);
  }

  .md--mt--11 {
    margin-top: var(--spacing-11);
  }

  .md--mb--11 {
    margin-bottom: var(--spacing-11);
  }

  .md--ml--11 {
    margin-left: var(--spacing-11);
  }

  .md--mr--11 {
    margin-right: var(--spacing-11);
  }

  .md--mx--11 {
    margin-left: var(--spacing-11);
    margin-right: var(--spacing-11);
  }

  .md--my--11 {
    margin-top: var(--spacing-11);
    margin-bottom: var(--spacing-11);
  }

  .md--p--11 {
    padding: var(--spacing-11);
  }

  .md--pt--11 {
    padding-top: var(--spacing-11);
  }

  .md--pb--11 {
    padding-bottom: var(--spacing-11);
  }

  .md--pl--11 {
    padding-left: var(--spacing-11);
  }

  .md--pr--11 {
    padding-right: var(--spacing-11);
  }

  .md--px--11 {
    padding-left: var(--spacing-11);
    padding-right: var(--spacing-11);
  }

  .md--py--11 {
    padding-top: var(--spacing-11);
    padding-bottom: var(--spacing-11);
  }

  .md--w--11 {
    width: var(--spacing-11);
  }

  .md--max-w--11 {
    max-width: var(--spacing-11);
  }

  .md--h--11 {
    height: var(--spacing-11);
  }

  .md--max-h--11 {
    max-height: var(--spacing-11);
  }

  .md--gap--11 {
    gap: var(--spacing-11);
  }

  .md--row-gap--11 {
    row-gap: var(--spacing-11);
  }

  .md--col-gap--11 {
    -moz-column-gap: var(--spacing-11);
    column-gap: var(--spacing-11);
  }

  .md--top--11 {
    top: var(--spacing-11);
  }

  .md--right--11 {
    right: var(--spacing-11);
  }

  .md--bottom--11 {
    bottom: var(--spacing-11);
  }

  .md--left--11 {
    left: var(--spacing-11);
  }

  .md--inset--11 {
    top: var(--spacing-11);
    right: var(--spacing-11);
    bottom: var(--spacing-11);
    left: var(--spacing-11);
  }

  .md--m--12 {
    margin: var(--spacing-12);
  }

  .md--mt--12 {
    margin-top: var(--spacing-12);
  }

  .md--mb--12 {
    margin-bottom: var(--spacing-12);
  }

  .md--ml--12 {
    margin-left: var(--spacing-12);
  }

  .md--mr--12 {
    margin-right: var(--spacing-12);
  }

  .md--mx--12 {
    margin-left: var(--spacing-12);
    margin-right: var(--spacing-12);
  }

  .md--my--12 {
    margin-top: var(--spacing-12);
    margin-bottom: var(--spacing-12);
  }

  .md--p--12 {
    padding: var(--spacing-12);
  }

  .md--pt--12 {
    padding-top: var(--spacing-12);
  }

  .md--pb--12 {
    padding-bottom: var(--spacing-12);
  }

  .md--pl--12 {
    padding-left: var(--spacing-12);
  }

  .md--pr--12 {
    padding-right: var(--spacing-12);
  }

  .md--px--12 {
    padding-left: var(--spacing-12);
    padding-right: var(--spacing-12);
  }

  .md--py--12 {
    padding-top: var(--spacing-12);
    padding-bottom: var(--spacing-12);
  }

  .md--w--12 {
    width: var(--spacing-12);
  }

  .md--max-w--12 {
    max-width: var(--spacing-12);
  }

  .md--h--12 {
    height: var(--spacing-12);
  }

  .md--max-h--12 {
    max-height: var(--spacing-12);
  }

  .md--gap--12 {
    gap: var(--spacing-12);
  }

  .md--row-gap--12 {
    row-gap: var(--spacing-12);
  }

  .md--col-gap--12 {
    -moz-column-gap: var(--spacing-12);
    column-gap: var(--spacing-12);
  }

  .md--top--12 {
    top: var(--spacing-12);
  }

  .md--right--12 {
    right: var(--spacing-12);
  }

  .md--bottom--12 {
    bottom: var(--spacing-12);
  }

  .md--left--12 {
    left: var(--spacing-12);
  }

  .md--inset--12 {
    top: var(--spacing-12);
    right: var(--spacing-12);
    bottom: var(--spacing-12);
    left: var(--spacing-12);
  }

  .md--m--13 {
    margin: var(--spacing-13);
  }

  .md--mt--13 {
    margin-top: var(--spacing-13);
  }

  .md--mb--13 {
    margin-bottom: var(--spacing-13);
  }

  .md--ml--13 {
    margin-left: var(--spacing-13);
  }

  .md--mr--13 {
    margin-right: var(--spacing-13);
  }

  .md--mx--13 {
    margin-left: var(--spacing-13);
    margin-right: var(--spacing-13);
  }

  .md--my--13 {
    margin-top: var(--spacing-13);
    margin-bottom: var(--spacing-13);
  }

  .md--p--13 {
    padding: var(--spacing-13);
  }

  .md--pt--13 {
    padding-top: var(--spacing-13);
  }

  .md--pb--13 {
    padding-bottom: var(--spacing-13);
  }

  .md--pl--13 {
    padding-left: var(--spacing-13);
  }

  .md--pr--13 {
    padding-right: var(--spacing-13);
  }

  .md--px--13 {
    padding-left: var(--spacing-13);
    padding-right: var(--spacing-13);
  }

  .md--py--13 {
    padding-top: var(--spacing-13);
    padding-bottom: var(--spacing-13);
  }

  .md--w--13 {
    width: var(--spacing-13);
  }

  .md--max-w--13 {
    max-width: var(--spacing-13);
  }

  .md--h--13 {
    height: var(--spacing-13);
  }

  .md--max-h--13 {
    max-height: var(--spacing-13);
  }

  .md--gap--13 {
    gap: var(--spacing-13);
  }

  .md--row-gap--13 {
    row-gap: var(--spacing-13);
  }

  .md--col-gap--13 {
    -moz-column-gap: var(--spacing-13);
    column-gap: var(--spacing-13);
  }

  .md--top--13 {
    top: var(--spacing-13);
  }

  .md--right--13 {
    right: var(--spacing-13);
  }

  .md--bottom--13 {
    bottom: var(--spacing-13);
  }

  .md--left--13 {
    left: var(--spacing-13);
  }

  .md--inset--13 {
    top: var(--spacing-13);
    right: var(--spacing-13);
    bottom: var(--spacing-13);
    left: var(--spacing-13);
  }

  .md--m--14 {
    margin: var(--spacing-14);
  }

  .md--mt--14 {
    margin-top: var(--spacing-14);
  }

  .md--mb--14 {
    margin-bottom: var(--spacing-14);
  }

  .md--ml--14 {
    margin-left: var(--spacing-14);
  }

  .md--mr--14 {
    margin-right: var(--spacing-14);
  }

  .md--mx--14 {
    margin-left: var(--spacing-14);
    margin-right: var(--spacing-14);
  }

  .md--my--14 {
    margin-top: var(--spacing-14);
    margin-bottom: var(--spacing-14);
  }

  .md--p--14 {
    padding: var(--spacing-14);
  }

  .md--pt--14 {
    padding-top: var(--spacing-14);
  }

  .md--pb--14 {
    padding-bottom: var(--spacing-14);
  }

  .md--pl--14 {
    padding-left: var(--spacing-14);
  }

  .md--pr--14 {
    padding-right: var(--spacing-14);
  }

  .md--px--14 {
    padding-left: var(--spacing-14);
    padding-right: var(--spacing-14);
  }

  .md--py--14 {
    padding-top: var(--spacing-14);
    padding-bottom: var(--spacing-14);
  }

  .md--w--14 {
    width: var(--spacing-14);
  }

  .md--max-w--14 {
    max-width: var(--spacing-14);
  }

  .md--h--14 {
    height: var(--spacing-14);
  }

  .md--max-h--14 {
    max-height: var(--spacing-14);
  }

  .md--gap--14 {
    gap: var(--spacing-14);
  }

  .md--row-gap--14 {
    row-gap: var(--spacing-14);
  }

  .md--col-gap--14 {
    -moz-column-gap: var(--spacing-14);
    column-gap: var(--spacing-14);
  }

  .md--top--14 {
    top: var(--spacing-14);
  }

  .md--right--14 {
    right: var(--spacing-14);
  }

  .md--bottom--14 {
    bottom: var(--spacing-14);
  }

  .md--left--14 {
    left: var(--spacing-14);
  }

  .md--inset--14 {
    top: var(--spacing-14);
    right: var(--spacing-14);
    bottom: var(--spacing-14);
    left: var(--spacing-14);
  }

  .md--m--15 {
    margin: var(--spacing-15);
  }

  .md--mt--15 {
    margin-top: var(--spacing-15);
  }

  .md--mb--15 {
    margin-bottom: var(--spacing-15);
  }

  .md--ml--15 {
    margin-left: var(--spacing-15);
  }

  .md--mr--15 {
    margin-right: var(--spacing-15);
  }

  .md--mx--15 {
    margin-left: var(--spacing-15);
    margin-right: var(--spacing-15);
  }

  .md--my--15 {
    margin-top: var(--spacing-15);
    margin-bottom: var(--spacing-15);
  }

  .md--p--15 {
    padding: var(--spacing-15);
  }

  .md--pt--15 {
    padding-top: var(--spacing-15);
  }

  .md--pb--15 {
    padding-bottom: var(--spacing-15);
  }

  .md--pl--15 {
    padding-left: var(--spacing-15);
  }

  .md--pr--15 {
    padding-right: var(--spacing-15);
  }

  .md--px--15 {
    padding-left: var(--spacing-15);
    padding-right: var(--spacing-15);
  }

  .md--py--15 {
    padding-top: var(--spacing-15);
    padding-bottom: var(--spacing-15);
  }

  .md--w--15 {
    width: var(--spacing-15);
  }

  .md--max-w--15 {
    max-width: var(--spacing-15);
  }

  .md--h--15 {
    height: var(--spacing-15);
  }

  .md--max-h--15 {
    max-height: var(--spacing-15);
  }

  .md--gap--15 {
    gap: var(--spacing-15);
  }

  .md--row-gap--15 {
    row-gap: var(--spacing-15);
  }

  .md--col-gap--15 {
    -moz-column-gap: var(--spacing-15);
    column-gap: var(--spacing-15);
  }

  .md--top--15 {
    top: var(--spacing-15);
  }

  .md--right--15 {
    right: var(--spacing-15);
  }

  .md--bottom--15 {
    bottom: var(--spacing-15);
  }

  .md--left--15 {
    left: var(--spacing-15);
  }

  .md--inset--15 {
    top: var(--spacing-15);
    right: var(--spacing-15);
    bottom: var(--spacing-15);
    left: var(--spacing-15);
  }

  .md--m--16 {
    margin: var(--spacing-16);
  }

  .md--mt--16 {
    margin-top: var(--spacing-16);
  }

  .md--mb--16 {
    margin-bottom: var(--spacing-16);
  }

  .md--ml--16 {
    margin-left: var(--spacing-16);
  }

  .md--mr--16 {
    margin-right: var(--spacing-16);
  }

  .md--mx--16 {
    margin-left: var(--spacing-16);
    margin-right: var(--spacing-16);
  }

  .md--my--16 {
    margin-top: var(--spacing-16);
    margin-bottom: var(--spacing-16);
  }

  .md--p--16 {
    padding: var(--spacing-16);
  }

  .md--pt--16 {
    padding-top: var(--spacing-16);
  }

  .md--pb--16 {
    padding-bottom: var(--spacing-16);
  }

  .md--pl--16 {
    padding-left: var(--spacing-16);
  }

  .md--pr--16 {
    padding-right: var(--spacing-16);
  }

  .md--px--16 {
    padding-left: var(--spacing-16);
    padding-right: var(--spacing-16);
  }

  .md--py--16 {
    padding-top: var(--spacing-16);
    padding-bottom: var(--spacing-16);
  }

  .md--w--16 {
    width: var(--spacing-16);
  }

  .md--max-w--16 {
    max-width: var(--spacing-16);
  }

  .md--h--16 {
    height: var(--spacing-16);
  }

  .md--max-h--16 {
    max-height: var(--spacing-16);
  }

  .md--gap--16 {
    gap: var(--spacing-16);
  }

  .md--row-gap--16 {
    row-gap: var(--spacing-16);
  }

  .md--col-gap--16 {
    -moz-column-gap: var(--spacing-16);
    column-gap: var(--spacing-16);
  }

  .md--top--16 {
    top: var(--spacing-16);
  }

  .md--right--16 {
    right: var(--spacing-16);
  }

  .md--bottom--16 {
    bottom: var(--spacing-16);
  }

  .md--left--16 {
    left: var(--spacing-16);
  }

  .md--inset--16 {
    top: var(--spacing-16);
    right: var(--spacing-16);
    bottom: var(--spacing-16);
    left: var(--spacing-16);
  }

  .md--m--17 {
    margin: var(--spacing-17);
  }

  .md--mt--17 {
    margin-top: var(--spacing-17);
  }

  .md--mb--17 {
    margin-bottom: var(--spacing-17);
  }

  .md--ml--17 {
    margin-left: var(--spacing-17);
  }

  .md--mr--17 {
    margin-right: var(--spacing-17);
  }

  .md--mx--17 {
    margin-left: var(--spacing-17);
    margin-right: var(--spacing-17);
  }

  .md--my--17 {
    margin-top: var(--spacing-17);
    margin-bottom: var(--spacing-17);
  }

  .md--p--17 {
    padding: var(--spacing-17);
  }

  .md--pt--17 {
    padding-top: var(--spacing-17);
  }

  .md--pb--17 {
    padding-bottom: var(--spacing-17);
  }

  .md--pl--17 {
    padding-left: var(--spacing-17);
  }

  .md--pr--17 {
    padding-right: var(--spacing-17);
  }

  .md--px--17 {
    padding-left: var(--spacing-17);
    padding-right: var(--spacing-17);
  }

  .md--py--17 {
    padding-top: var(--spacing-17);
    padding-bottom: var(--spacing-17);
  }

  .md--w--17 {
    width: var(--spacing-17);
  }

  .md--max-w--17 {
    max-width: var(--spacing-17);
  }

  .md--h--17 {
    height: var(--spacing-17);
  }

  .md--max-h--17 {
    max-height: var(--spacing-17);
  }

  .md--gap--17 {
    gap: var(--spacing-17);
  }

  .md--row-gap--17 {
    row-gap: var(--spacing-17);
  }

  .md--col-gap--17 {
    -moz-column-gap: var(--spacing-17);
    column-gap: var(--spacing-17);
  }

  .md--top--17 {
    top: var(--spacing-17);
  }

  .md--right--17 {
    right: var(--spacing-17);
  }

  .md--bottom--17 {
    bottom: var(--spacing-17);
  }

  .md--left--17 {
    left: var(--spacing-17);
  }

  .md--inset--17 {
    top: var(--spacing-17);
    right: var(--spacing-17);
    bottom: var(--spacing-17);
    left: var(--spacing-17);
  }

  .md--m--18 {
    margin: var(--spacing-18);
  }

  .md--mt--18 {
    margin-top: var(--spacing-18);
  }

  .md--mb--18 {
    margin-bottom: var(--spacing-18);
  }

  .md--ml--18 {
    margin-left: var(--spacing-18);
  }

  .md--mr--18 {
    margin-right: var(--spacing-18);
  }

  .md--mx--18 {
    margin-left: var(--spacing-18);
    margin-right: var(--spacing-18);
  }

  .md--my--18 {
    margin-top: var(--spacing-18);
    margin-bottom: var(--spacing-18);
  }

  .md--p--18 {
    padding: var(--spacing-18);
  }

  .md--pt--18 {
    padding-top: var(--spacing-18);
  }

  .md--pb--18 {
    padding-bottom: var(--spacing-18);
  }

  .md--pl--18 {
    padding-left: var(--spacing-18);
  }

  .md--pr--18 {
    padding-right: var(--spacing-18);
  }

  .md--px--18 {
    padding-left: var(--spacing-18);
    padding-right: var(--spacing-18);
  }

  .md--py--18 {
    padding-top: var(--spacing-18);
    padding-bottom: var(--spacing-18);
  }

  .md--w--18 {
    width: var(--spacing-18);
  }

  .md--max-w--18 {
    max-width: var(--spacing-18);
  }

  .md--h--18 {
    height: var(--spacing-18);
  }

  .md--max-h--18 {
    max-height: var(--spacing-18);
  }

  .md--gap--18 {
    gap: var(--spacing-18);
  }

  .md--row-gap--18 {
    row-gap: var(--spacing-18);
  }

  .md--col-gap--18 {
    -moz-column-gap: var(--spacing-18);
    column-gap: var(--spacing-18);
  }

  .md--top--18 {
    top: var(--spacing-18);
  }

  .md--right--18 {
    right: var(--spacing-18);
  }

  .md--bottom--18 {
    bottom: var(--spacing-18);
  }

  .md--left--18 {
    left: var(--spacing-18);
  }

  .md--inset--18 {
    top: var(--spacing-18);
    right: var(--spacing-18);
    bottom: var(--spacing-18);
    left: var(--spacing-18);
  }

  .md--m--19 {
    margin: var(--spacing-19);
  }

  .md--mt--19 {
    margin-top: var(--spacing-19);
  }

  .md--mb--19 {
    margin-bottom: var(--spacing-19);
  }

  .md--ml--19 {
    margin-left: var(--spacing-19);
  }

  .md--mr--19 {
    margin-right: var(--spacing-19);
  }

  .md--mx--19 {
    margin-left: var(--spacing-19);
    margin-right: var(--spacing-19);
  }

  .md--my--19 {
    margin-top: var(--spacing-19);
    margin-bottom: var(--spacing-19);
  }

  .md--p--19 {
    padding: var(--spacing-19);
  }

  .md--pt--19 {
    padding-top: var(--spacing-19);
  }

  .md--pb--19 {
    padding-bottom: var(--spacing-19);
  }

  .md--pl--19 {
    padding-left: var(--spacing-19);
  }

  .md--pr--19 {
    padding-right: var(--spacing-19);
  }

  .md--px--19 {
    padding-left: var(--spacing-19);
    padding-right: var(--spacing-19);
  }

  .md--py--19 {
    padding-top: var(--spacing-19);
    padding-bottom: var(--spacing-19);
  }

  .md--w--19 {
    width: var(--spacing-19);
  }

  .md--max-w--19 {
    max-width: var(--spacing-19);
  }

  .md--h--19 {
    height: var(--spacing-19);
  }

  .md--max-h--19 {
    max-height: var(--spacing-19);
  }

  .md--gap--19 {
    gap: var(--spacing-19);
  }

  .md--row-gap--19 {
    row-gap: var(--spacing-19);
  }

  .md--col-gap--19 {
    -moz-column-gap: var(--spacing-19);
    column-gap: var(--spacing-19);
  }

  .md--top--19 {
    top: var(--spacing-19);
  }

  .md--right--19 {
    right: var(--spacing-19);
  }

  .md--bottom--19 {
    bottom: var(--spacing-19);
  }

  .md--left--19 {
    left: var(--spacing-19);
  }

  .md--inset--19 {
    top: var(--spacing-19);
    right: var(--spacing-19);
    bottom: var(--spacing-19);
    left: var(--spacing-19);
  }

  .md--m--20 {
    margin: var(--spacing-20);
  }

  .md--mt--20 {
    margin-top: var(--spacing-20);
  }

  .md--mb--20 {
    margin-bottom: var(--spacing-20);
  }

  .md--ml--20 {
    margin-left: var(--spacing-20);
  }

  .md--mr--20 {
    margin-right: var(--spacing-20);
  }

  .md--mx--20 {
    margin-left: var(--spacing-20);
    margin-right: var(--spacing-20);
  }

  .md--my--20 {
    margin-top: var(--spacing-20);
    margin-bottom: var(--spacing-20);
  }

  .md--p--20 {
    padding: var(--spacing-20);
  }

  .md--pt--20 {
    padding-top: var(--spacing-20);
  }

  .md--pb--20 {
    padding-bottom: var(--spacing-20);
  }

  .md--pl--20 {
    padding-left: var(--spacing-20);
  }

  .md--pr--20 {
    padding-right: var(--spacing-20);
  }

  .md--px--20 {
    padding-left: var(--spacing-20);
    padding-right: var(--spacing-20);
  }

  .md--py--20 {
    padding-top: var(--spacing-20);
    padding-bottom: var(--spacing-20);
  }

  .md--w--20 {
    width: var(--spacing-20);
  }

  .md--max-w--20 {
    max-width: var(--spacing-20);
  }

  .md--h--20 {
    height: var(--spacing-20);
  }

  .md--max-h--20 {
    max-height: var(--spacing-20);
  }

  .md--gap--20 {
    gap: var(--spacing-20);
  }

  .md--row-gap--20 {
    row-gap: var(--spacing-20);
  }

  .md--col-gap--20 {
    -moz-column-gap: var(--spacing-20);
    column-gap: var(--spacing-20);
  }

  .md--top--20 {
    top: var(--spacing-20);
  }

  .md--right--20 {
    right: var(--spacing-20);
  }

  .md--bottom--20 {
    bottom: var(--spacing-20);
  }

  .md--left--20 {
    left: var(--spacing-20);
  }

  .md--inset--20 {
    top: var(--spacing-20);
    right: var(--spacing-20);
    bottom: var(--spacing-20);
    left: var(--spacing-20);
  }

  .md--m--21 {
    margin: var(--spacing-21);
  }

  .md--mt--21 {
    margin-top: var(--spacing-21);
  }

  .md--mb--21 {
    margin-bottom: var(--spacing-21);
  }

  .md--ml--21 {
    margin-left: var(--spacing-21);
  }

  .md--mr--21 {
    margin-right: var(--spacing-21);
  }

  .md--mx--21 {
    margin-left: var(--spacing-21);
    margin-right: var(--spacing-21);
  }

  .md--my--21 {
    margin-top: var(--spacing-21);
    margin-bottom: var(--spacing-21);
  }

  .md--p--21 {
    padding: var(--spacing-21);
  }

  .md--pt--21 {
    padding-top: var(--spacing-21);
  }

  .md--pb--21 {
    padding-bottom: var(--spacing-21);
  }

  .md--pl--21 {
    padding-left: var(--spacing-21);
  }

  .md--pr--21 {
    padding-right: var(--spacing-21);
  }

  .md--px--21 {
    padding-left: var(--spacing-21);
    padding-right: var(--spacing-21);
  }

  .md--py--21 {
    padding-top: var(--spacing-21);
    padding-bottom: var(--spacing-21);
  }

  .md--w--21 {
    width: var(--spacing-21);
  }

  .md--max-w--21 {
    max-width: var(--spacing-21);
  }

  .md--h--21 {
    height: var(--spacing-21);
  }

  .md--max-h--21 {
    max-height: var(--spacing-21);
  }

  .md--gap--21 {
    gap: var(--spacing-21);
  }

  .md--row-gap--21 {
    row-gap: var(--spacing-21);
  }

  .md--col-gap--21 {
    -moz-column-gap: var(--spacing-21);
    column-gap: var(--spacing-21);
  }

  .md--top--21 {
    top: var(--spacing-21);
  }

  .md--right--21 {
    right: var(--spacing-21);
  }

  .md--bottom--21 {
    bottom: var(--spacing-21);
  }

  .md--left--21 {
    left: var(--spacing-21);
  }

  .md--inset--21 {
    top: var(--spacing-21);
    right: var(--spacing-21);
    bottom: var(--spacing-21);
    left: var(--spacing-21);
  }

  .md--m--22 {
    margin: var(--spacing-22);
  }

  .md--mt--22 {
    margin-top: var(--spacing-22);
  }

  .md--mb--22 {
    margin-bottom: var(--spacing-22);
  }

  .md--ml--22 {
    margin-left: var(--spacing-22);
  }

  .md--mr--22 {
    margin-right: var(--spacing-22);
  }

  .md--mx--22 {
    margin-left: var(--spacing-22);
    margin-right: var(--spacing-22);
  }

  .md--my--22 {
    margin-top: var(--spacing-22);
    margin-bottom: var(--spacing-22);
  }

  .md--p--22 {
    padding: var(--spacing-22);
  }

  .md--pt--22 {
    padding-top: var(--spacing-22);
  }

  .md--pb--22 {
    padding-bottom: var(--spacing-22);
  }

  .md--pl--22 {
    padding-left: var(--spacing-22);
  }

  .md--pr--22 {
    padding-right: var(--spacing-22);
  }

  .md--px--22 {
    padding-left: var(--spacing-22);
    padding-right: var(--spacing-22);
  }

  .md--py--22 {
    padding-top: var(--spacing-22);
    padding-bottom: var(--spacing-22);
  }

  .md--w--22 {
    width: var(--spacing-22);
  }

  .md--max-w--22 {
    max-width: var(--spacing-22);
  }

  .md--h--22 {
    height: var(--spacing-22);
  }

  .md--max-h--22 {
    max-height: var(--spacing-22);
  }

  .md--gap--22 {
    gap: var(--spacing-22);
  }

  .md--row-gap--22 {
    row-gap: var(--spacing-22);
  }

  .md--col-gap--22 {
    -moz-column-gap: var(--spacing-22);
    column-gap: var(--spacing-22);
  }

  .md--top--22 {
    top: var(--spacing-22);
  }

  .md--right--22 {
    right: var(--spacing-22);
  }

  .md--bottom--22 {
    bottom: var(--spacing-22);
  }

  .md--left--22 {
    left: var(--spacing-22);
  }

  .md--inset--22 {
    top: var(--spacing-22);
    right: var(--spacing-22);
    bottom: var(--spacing-22);
    left: var(--spacing-22);
  }

  .md--m--23 {
    margin: var(--spacing-23);
  }

  .md--mt--23 {
    margin-top: var(--spacing-23);
  }

  .md--mb--23 {
    margin-bottom: var(--spacing-23);
  }

  .md--ml--23 {
    margin-left: var(--spacing-23);
  }

  .md--mr--23 {
    margin-right: var(--spacing-23);
  }

  .md--mx--23 {
    margin-left: var(--spacing-23);
    margin-right: var(--spacing-23);
  }

  .md--my--23 {
    margin-top: var(--spacing-23);
    margin-bottom: var(--spacing-23);
  }

  .md--p--23 {
    padding: var(--spacing-23);
  }

  .md--pt--23 {
    padding-top: var(--spacing-23);
  }

  .md--pb--23 {
    padding-bottom: var(--spacing-23);
  }

  .md--pl--23 {
    padding-left: var(--spacing-23);
  }

  .md--pr--23 {
    padding-right: var(--spacing-23);
  }

  .md--px--23 {
    padding-left: var(--spacing-23);
    padding-right: var(--spacing-23);
  }

  .md--py--23 {
    padding-top: var(--spacing-23);
    padding-bottom: var(--spacing-23);
  }

  .md--w--23 {
    width: var(--spacing-23);
  }

  .md--max-w--23 {
    max-width: var(--spacing-23);
  }

  .md--h--23 {
    height: var(--spacing-23);
  }

  .md--max-h--23 {
    max-height: var(--spacing-23);
  }

  .md--gap--23 {
    gap: var(--spacing-23);
  }

  .md--row-gap--23 {
    row-gap: var(--spacing-23);
  }

  .md--col-gap--23 {
    -moz-column-gap: var(--spacing-23);
    column-gap: var(--spacing-23);
  }

  .md--top--23 {
    top: var(--spacing-23);
  }

  .md--right--23 {
    right: var(--spacing-23);
  }

  .md--bottom--23 {
    bottom: var(--spacing-23);
  }

  .md--left--23 {
    left: var(--spacing-23);
  }

  .md--inset--23 {
    top: var(--spacing-23);
    right: var(--spacing-23);
    bottom: var(--spacing-23);
    left: var(--spacing-23);
  }

  .md--m--24 {
    margin: var(--spacing-24);
  }

  .md--mt--24 {
    margin-top: var(--spacing-24);
  }

  .md--mb--24 {
    margin-bottom: var(--spacing-24);
  }

  .md--ml--24 {
    margin-left: var(--spacing-24);
  }

  .md--mr--24 {
    margin-right: var(--spacing-24);
  }

  .md--mx--24 {
    margin-left: var(--spacing-24);
    margin-right: var(--spacing-24);
  }

  .md--my--24 {
    margin-top: var(--spacing-24);
    margin-bottom: var(--spacing-24);
  }

  .md--p--24 {
    padding: var(--spacing-24);
  }

  .md--pt--24 {
    padding-top: var(--spacing-24);
  }

  .md--pb--24 {
    padding-bottom: var(--spacing-24);
  }

  .md--pl--24 {
    padding-left: var(--spacing-24);
  }

  .md--pr--24 {
    padding-right: var(--spacing-24);
  }

  .md--px--24 {
    padding-left: var(--spacing-24);
    padding-right: var(--spacing-24);
  }

  .md--py--24 {
    padding-top: var(--spacing-24);
    padding-bottom: var(--spacing-24);
  }

  .md--w--24 {
    width: var(--spacing-24);
  }

  .md--max-w--24 {
    max-width: var(--spacing-24);
  }

  .md--h--24 {
    height: var(--spacing-24);
  }

  .md--max-h--24 {
    max-height: var(--spacing-24);
  }

  .md--gap--24 {
    gap: var(--spacing-24);
  }

  .md--row-gap--24 {
    row-gap: var(--spacing-24);
  }

  .md--col-gap--24 {
    -moz-column-gap: var(--spacing-24);
    column-gap: var(--spacing-24);
  }

  .md--top--24 {
    top: var(--spacing-24);
  }

  .md--right--24 {
    right: var(--spacing-24);
  }

  .md--bottom--24 {
    bottom: var(--spacing-24);
  }

  .md--left--24 {
    left: var(--spacing-24);
  }

  .md--inset--24 {
    top: var(--spacing-24);
    right: var(--spacing-24);
    bottom: var(--spacing-24);
    left: var(--spacing-24);
  }

  .md--m--25 {
    margin: var(--spacing-25);
  }

  .md--mt--25 {
    margin-top: var(--spacing-25);
  }

  .md--mb--25 {
    margin-bottom: var(--spacing-25);
  }

  .md--ml--25 {
    margin-left: var(--spacing-25);
  }

  .md--mr--25 {
    margin-right: var(--spacing-25);
  }

  .md--mx--25 {
    margin-left: var(--spacing-25);
    margin-right: var(--spacing-25);
  }

  .md--my--25 {
    margin-top: var(--spacing-25);
    margin-bottom: var(--spacing-25);
  }

  .md--p--25 {
    padding: var(--spacing-25);
  }

  .md--pt--25 {
    padding-top: var(--spacing-25);
  }

  .md--pb--25 {
    padding-bottom: var(--spacing-25);
  }

  .md--pl--25 {
    padding-left: var(--spacing-25);
  }

  .md--pr--25 {
    padding-right: var(--spacing-25);
  }

  .md--px--25 {
    padding-left: var(--spacing-25);
    padding-right: var(--spacing-25);
  }

  .md--py--25 {
    padding-top: var(--spacing-25);
    padding-bottom: var(--spacing-25);
  }

  .md--w--25 {
    width: var(--spacing-25);
  }

  .md--max-w--25 {
    max-width: var(--spacing-25);
  }

  .md--h--25 {
    height: var(--spacing-25);
  }

  .md--max-h--25 {
    max-height: var(--spacing-25);
  }

  .md--gap--25 {
    gap: var(--spacing-25);
  }

  .md--row-gap--25 {
    row-gap: var(--spacing-25);
  }

  .md--col-gap--25 {
    -moz-column-gap: var(--spacing-25);
    column-gap: var(--spacing-25);
  }

  .md--top--25 {
    top: var(--spacing-25);
  }

  .md--right--25 {
    right: var(--spacing-25);
  }

  .md--bottom--25 {
    bottom: var(--spacing-25);
  }

  .md--left--25 {
    left: var(--spacing-25);
  }

  .md--inset--25 {
    top: var(--spacing-25);
    right: var(--spacing-25);
    bottom: var(--spacing-25);
    left: var(--spacing-25);
  }

  .md--m--26 {
    margin: var(--spacing-26);
  }

  .md--mt--26 {
    margin-top: var(--spacing-26);
  }

  .md--mb--26 {
    margin-bottom: var(--spacing-26);
  }

  .md--ml--26 {
    margin-left: var(--spacing-26);
  }

  .md--mr--26 {
    margin-right: var(--spacing-26);
  }

  .md--mx--26 {
    margin-left: var(--spacing-26);
    margin-right: var(--spacing-26);
  }

  .md--my--26 {
    margin-top: var(--spacing-26);
    margin-bottom: var(--spacing-26);
  }

  .md--p--26 {
    padding: var(--spacing-26);
  }

  .md--pt--26 {
    padding-top: var(--spacing-26);
  }

  .md--pb--26 {
    padding-bottom: var(--spacing-26);
  }

  .md--pl--26 {
    padding-left: var(--spacing-26);
  }

  .md--pr--26 {
    padding-right: var(--spacing-26);
  }

  .md--px--26 {
    padding-left: var(--spacing-26);
    padding-right: var(--spacing-26);
  }

  .md--py--26 {
    padding-top: var(--spacing-26);
    padding-bottom: var(--spacing-26);
  }

  .md--w--26 {
    width: var(--spacing-26);
  }

  .md--max-w--26 {
    max-width: var(--spacing-26);
  }

  .md--h--26 {
    height: var(--spacing-26);
  }

  .md--max-h--26 {
    max-height: var(--spacing-26);
  }

  .md--gap--26 {
    gap: var(--spacing-26);
  }

  .md--row-gap--26 {
    row-gap: var(--spacing-26);
  }

  .md--col-gap--26 {
    -moz-column-gap: var(--spacing-26);
    column-gap: var(--spacing-26);
  }

  .md--top--26 {
    top: var(--spacing-26);
  }

  .md--right--26 {
    right: var(--spacing-26);
  }

  .md--bottom--26 {
    bottom: var(--spacing-26);
  }

  .md--left--26 {
    left: var(--spacing-26);
  }

  .md--inset--26 {
    top: var(--spacing-26);
    right: var(--spacing-26);
    bottom: var(--spacing-26);
    left: var(--spacing-26);
  }

  .md--m--27 {
    margin: var(--spacing-27);
  }

  .md--mt--27 {
    margin-top: var(--spacing-27);
  }

  .md--mb--27 {
    margin-bottom: var(--spacing-27);
  }

  .md--ml--27 {
    margin-left: var(--spacing-27);
  }

  .md--mr--27 {
    margin-right: var(--spacing-27);
  }

  .md--mx--27 {
    margin-left: var(--spacing-27);
    margin-right: var(--spacing-27);
  }

  .md--my--27 {
    margin-top: var(--spacing-27);
    margin-bottom: var(--spacing-27);
  }

  .md--p--27 {
    padding: var(--spacing-27);
  }

  .md--pt--27 {
    padding-top: var(--spacing-27);
  }

  .md--pb--27 {
    padding-bottom: var(--spacing-27);
  }

  .md--pl--27 {
    padding-left: var(--spacing-27);
  }

  .md--pr--27 {
    padding-right: var(--spacing-27);
  }

  .md--px--27 {
    padding-left: var(--spacing-27);
    padding-right: var(--spacing-27);
  }

  .md--py--27 {
    padding-top: var(--spacing-27);
    padding-bottom: var(--spacing-27);
  }

  .md--w--27 {
    width: var(--spacing-27);
  }

  .md--max-w--27 {
    max-width: var(--spacing-27);
  }

  .md--h--27 {
    height: var(--spacing-27);
  }

  .md--max-h--27 {
    max-height: var(--spacing-27);
  }

  .md--gap--27 {
    gap: var(--spacing-27);
  }

  .md--row-gap--27 {
    row-gap: var(--spacing-27);
  }

  .md--col-gap--27 {
    -moz-column-gap: var(--spacing-27);
    column-gap: var(--spacing-27);
  }

  .md--top--27 {
    top: var(--spacing-27);
  }

  .md--right--27 {
    right: var(--spacing-27);
  }

  .md--bottom--27 {
    bottom: var(--spacing-27);
  }

  .md--left--27 {
    left: var(--spacing-27);
  }

  .md--inset--27 {
    top: var(--spacing-27);
    right: var(--spacing-27);
    bottom: var(--spacing-27);
    left: var(--spacing-27);
  }

  .md--m--28 {
    margin: var(--spacing-28);
  }

  .md--mt--28 {
    margin-top: var(--spacing-28);
  }

  .md--mb--28 {
    margin-bottom: var(--spacing-28);
  }

  .md--ml--28 {
    margin-left: var(--spacing-28);
  }

  .md--mr--28 {
    margin-right: var(--spacing-28);
  }

  .md--mx--28 {
    margin-left: var(--spacing-28);
    margin-right: var(--spacing-28);
  }

  .md--my--28 {
    margin-top: var(--spacing-28);
    margin-bottom: var(--spacing-28);
  }

  .md--p--28 {
    padding: var(--spacing-28);
  }

  .md--pt--28 {
    padding-top: var(--spacing-28);
  }

  .md--pb--28 {
    padding-bottom: var(--spacing-28);
  }

  .md--pl--28 {
    padding-left: var(--spacing-28);
  }

  .md--pr--28 {
    padding-right: var(--spacing-28);
  }

  .md--px--28 {
    padding-left: var(--spacing-28);
    padding-right: var(--spacing-28);
  }

  .md--py--28 {
    padding-top: var(--spacing-28);
    padding-bottom: var(--spacing-28);
  }

  .md--w--28 {
    width: var(--spacing-28);
  }

  .md--max-w--28 {
    max-width: var(--spacing-28);
  }

  .md--h--28 {
    height: var(--spacing-28);
  }

  .md--max-h--28 {
    max-height: var(--spacing-28);
  }

  .md--gap--28 {
    gap: var(--spacing-28);
  }

  .md--row-gap--28 {
    row-gap: var(--spacing-28);
  }

  .md--col-gap--28 {
    -moz-column-gap: var(--spacing-28);
    column-gap: var(--spacing-28);
  }

  .md--top--28 {
    top: var(--spacing-28);
  }

  .md--right--28 {
    right: var(--spacing-28);
  }

  .md--bottom--28 {
    bottom: var(--spacing-28);
  }

  .md--left--28 {
    left: var(--spacing-28);
  }

  .md--inset--28 {
    top: var(--spacing-28);
    right: var(--spacing-28);
    bottom: var(--spacing-28);
    left: var(--spacing-28);
  }

  .md--m--29 {
    margin: var(--spacing-29);
  }

  .md--mt--29 {
    margin-top: var(--spacing-29);
  }

  .md--mb--29 {
    margin-bottom: var(--spacing-29);
  }

  .md--ml--29 {
    margin-left: var(--spacing-29);
  }

  .md--mr--29 {
    margin-right: var(--spacing-29);
  }

  .md--mx--29 {
    margin-left: var(--spacing-29);
    margin-right: var(--spacing-29);
  }

  .md--my--29 {
    margin-top: var(--spacing-29);
    margin-bottom: var(--spacing-29);
  }

  .md--p--29 {
    padding: var(--spacing-29);
  }

  .md--pt--29 {
    padding-top: var(--spacing-29);
  }

  .md--pb--29 {
    padding-bottom: var(--spacing-29);
  }

  .md--pl--29 {
    padding-left: var(--spacing-29);
  }

  .md--pr--29 {
    padding-right: var(--spacing-29);
  }

  .md--px--29 {
    padding-left: var(--spacing-29);
    padding-right: var(--spacing-29);
  }

  .md--py--29 {
    padding-top: var(--spacing-29);
    padding-bottom: var(--spacing-29);
  }

  .md--w--29 {
    width: var(--spacing-29);
  }

  .md--max-w--29 {
    max-width: var(--spacing-29);
  }

  .md--h--29 {
    height: var(--spacing-29);
  }

  .md--max-h--29 {
    max-height: var(--spacing-29);
  }

  .md--gap--29 {
    gap: var(--spacing-29);
  }

  .md--row-gap--29 {
    row-gap: var(--spacing-29);
  }

  .md--col-gap--29 {
    -moz-column-gap: var(--spacing-29);
    column-gap: var(--spacing-29);
  }

  .md--top--29 {
    top: var(--spacing-29);
  }

  .md--right--29 {
    right: var(--spacing-29);
  }

  .md--bottom--29 {
    bottom: var(--spacing-29);
  }

  .md--left--29 {
    left: var(--spacing-29);
  }

  .md--inset--29 {
    top: var(--spacing-29);
    right: var(--spacing-29);
    bottom: var(--spacing-29);
    left: var(--spacing-29);
  }

  .md--m--30 {
    margin: var(--spacing-30);
  }

  .md--mt--30 {
    margin-top: var(--spacing-30);
  }

  .md--mb--30 {
    margin-bottom: var(--spacing-30);
  }

  .md--ml--30 {
    margin-left: var(--spacing-30);
  }

  .md--mr--30 {
    margin-right: var(--spacing-30);
  }

  .md--mx--30 {
    margin-left: var(--spacing-30);
    margin-right: var(--spacing-30);
  }

  .md--my--30 {
    margin-top: var(--spacing-30);
    margin-bottom: var(--spacing-30);
  }

  .md--p--30 {
    padding: var(--spacing-30);
  }

  .md--pt--30 {
    padding-top: var(--spacing-30);
  }

  .md--pb--30 {
    padding-bottom: var(--spacing-30);
  }

  .md--pl--30 {
    padding-left: var(--spacing-30);
  }

  .md--pr--30 {
    padding-right: var(--spacing-30);
  }

  .md--px--30 {
    padding-left: var(--spacing-30);
    padding-right: var(--spacing-30);
  }

  .md--py--30 {
    padding-top: var(--spacing-30);
    padding-bottom: var(--spacing-30);
  }

  .md--w--30 {
    width: var(--spacing-30);
  }

  .md--max-w--30 {
    max-width: var(--spacing-30);
  }

  .md--h--30 {
    height: var(--spacing-30);
  }

  .md--max-h--30 {
    max-height: var(--spacing-30);
  }

  .md--gap--30 {
    gap: var(--spacing-30);
  }

  .md--row-gap--30 {
    row-gap: var(--spacing-30);
  }

  .md--col-gap--30 {
    -moz-column-gap: var(--spacing-30);
    column-gap: var(--spacing-30);
  }

  .md--top--30 {
    top: var(--spacing-30);
  }

  .md--right--30 {
    right: var(--spacing-30);
  }

  .md--bottom--30 {
    bottom: var(--spacing-30);
  }

  .md--left--30 {
    left: var(--spacing-30);
  }

  .md--inset--30 {
    top: var(--spacing-30);
    right: var(--spacing-30);
    bottom: var(--spacing-30);
    left: var(--spacing-30);
  }

  .md--m--31 {
    margin: var(--spacing-31);
  }

  .md--mt--31 {
    margin-top: var(--spacing-31);
  }

  .md--mb--31 {
    margin-bottom: var(--spacing-31);
  }

  .md--ml--31 {
    margin-left: var(--spacing-31);
  }

  .md--mr--31 {
    margin-right: var(--spacing-31);
  }

  .md--mx--31 {
    margin-left: var(--spacing-31);
    margin-right: var(--spacing-31);
  }

  .md--my--31 {
    margin-top: var(--spacing-31);
    margin-bottom: var(--spacing-31);
  }

  .md--p--31 {
    padding: var(--spacing-31);
  }

  .md--pt--31 {
    padding-top: var(--spacing-31);
  }

  .md--pb--31 {
    padding-bottom: var(--spacing-31);
  }

  .md--pl--31 {
    padding-left: var(--spacing-31);
  }

  .md--pr--31 {
    padding-right: var(--spacing-31);
  }

  .md--px--31 {
    padding-left: var(--spacing-31);
    padding-right: var(--spacing-31);
  }

  .md--py--31 {
    padding-top: var(--spacing-31);
    padding-bottom: var(--spacing-31);
  }

  .md--w--31 {
    width: var(--spacing-31);
  }

  .md--max-w--31 {
    max-width: var(--spacing-31);
  }

  .md--h--31 {
    height: var(--spacing-31);
  }

  .md--max-h--31 {
    max-height: var(--spacing-31);
  }

  .md--gap--31 {
    gap: var(--spacing-31);
  }

  .md--row-gap--31 {
    row-gap: var(--spacing-31);
  }

  .md--col-gap--31 {
    -moz-column-gap: var(--spacing-31);
    column-gap: var(--spacing-31);
  }

  .md--top--31 {
    top: var(--spacing-31);
  }

  .md--right--31 {
    right: var(--spacing-31);
  }

  .md--bottom--31 {
    bottom: var(--spacing-31);
  }

  .md--left--31 {
    left: var(--spacing-31);
  }

  .md--inset--31 {
    top: var(--spacing-31);
    right: var(--spacing-31);
    bottom: var(--spacing-31);
    left: var(--spacing-31);
  }

  .md--m--32 {
    margin: var(--spacing-32);
  }

  .md--mt--32 {
    margin-top: var(--spacing-32);
  }

  .md--mb--32 {
    margin-bottom: var(--spacing-32);
  }

  .md--ml--32 {
    margin-left: var(--spacing-32);
  }

  .md--mr--32 {
    margin-right: var(--spacing-32);
  }

  .md--mx--32 {
    margin-left: var(--spacing-32);
    margin-right: var(--spacing-32);
  }

  .md--my--32 {
    margin-top: var(--spacing-32);
    margin-bottom: var(--spacing-32);
  }

  .md--p--32 {
    padding: var(--spacing-32);
  }

  .md--pt--32 {
    padding-top: var(--spacing-32);
  }

  .md--pb--32 {
    padding-bottom: var(--spacing-32);
  }

  .md--pl--32 {
    padding-left: var(--spacing-32);
  }

  .md--pr--32 {
    padding-right: var(--spacing-32);
  }

  .md--px--32 {
    padding-left: var(--spacing-32);
    padding-right: var(--spacing-32);
  }

  .md--py--32 {
    padding-top: var(--spacing-32);
    padding-bottom: var(--spacing-32);
  }

  .md--w--32 {
    width: var(--spacing-32);
  }

  .md--max-w--32 {
    max-width: var(--spacing-32);
  }

  .md--h--32 {
    height: var(--spacing-32);
  }

  .md--max-h--32 {
    max-height: var(--spacing-32);
  }

  .md--gap--32 {
    gap: var(--spacing-32);
  }

  .md--row-gap--32 {
    row-gap: var(--spacing-32);
  }

  .md--col-gap--32 {
    -moz-column-gap: var(--spacing-32);
    column-gap: var(--spacing-32);
  }

  .md--top--32 {
    top: var(--spacing-32);
  }

  .md--right--32 {
    right: var(--spacing-32);
  }

  .md--bottom--32 {
    bottom: var(--spacing-32);
  }

  .md--left--32 {
    left: var(--spacing-32);
  }

  .md--inset--32 {
    top: var(--spacing-32);
    right: var(--spacing-32);
    bottom: var(--spacing-32);
    left: var(--spacing-32);
  }

  .md--m--33 {
    margin: var(--spacing-33);
  }

  .md--mt--33 {
    margin-top: var(--spacing-33);
  }

  .md--mb--33 {
    margin-bottom: var(--spacing-33);
  }

  .md--ml--33 {
    margin-left: var(--spacing-33);
  }

  .md--mr--33 {
    margin-right: var(--spacing-33);
  }

  .md--mx--33 {
    margin-left: var(--spacing-33);
    margin-right: var(--spacing-33);
  }

  .md--my--33 {
    margin-top: var(--spacing-33);
    margin-bottom: var(--spacing-33);
  }

  .md--p--33 {
    padding: var(--spacing-33);
  }

  .md--pt--33 {
    padding-top: var(--spacing-33);
  }

  .md--pb--33 {
    padding-bottom: var(--spacing-33);
  }

  .md--pl--33 {
    padding-left: var(--spacing-33);
  }

  .md--pr--33 {
    padding-right: var(--spacing-33);
  }

  .md--px--33 {
    padding-left: var(--spacing-33);
    padding-right: var(--spacing-33);
  }

  .md--py--33 {
    padding-top: var(--spacing-33);
    padding-bottom: var(--spacing-33);
  }

  .md--w--33 {
    width: var(--spacing-33);
  }

  .md--max-w--33 {
    max-width: var(--spacing-33);
  }

  .md--h--33 {
    height: var(--spacing-33);
  }

  .md--max-h--33 {
    max-height: var(--spacing-33);
  }

  .md--gap--33 {
    gap: var(--spacing-33);
  }

  .md--row-gap--33 {
    row-gap: var(--spacing-33);
  }

  .md--col-gap--33 {
    -moz-column-gap: var(--spacing-33);
    column-gap: var(--spacing-33);
  }

  .md--top--33 {
    top: var(--spacing-33);
  }

  .md--right--33 {
    right: var(--spacing-33);
  }

  .md--bottom--33 {
    bottom: var(--spacing-33);
  }

  .md--left--33 {
    left: var(--spacing-33);
  }

  .md--inset--33 {
    top: var(--spacing-33);
    right: var(--spacing-33);
    bottom: var(--spacing-33);
    left: var(--spacing-33);
  }

  .md--m--34 {
    margin: var(--spacing-34);
  }

  .md--mt--34 {
    margin-top: var(--spacing-34);
  }

  .md--mb--34 {
    margin-bottom: var(--spacing-34);
  }

  .md--ml--34 {
    margin-left: var(--spacing-34);
  }

  .md--mr--34 {
    margin-right: var(--spacing-34);
  }

  .md--mx--34 {
    margin-left: var(--spacing-34);
    margin-right: var(--spacing-34);
  }

  .md--my--34 {
    margin-top: var(--spacing-34);
    margin-bottom: var(--spacing-34);
  }

  .md--p--34 {
    padding: var(--spacing-34);
  }

  .md--pt--34 {
    padding-top: var(--spacing-34);
  }

  .md--pb--34 {
    padding-bottom: var(--spacing-34);
  }

  .md--pl--34 {
    padding-left: var(--spacing-34);
  }

  .md--pr--34 {
    padding-right: var(--spacing-34);
  }

  .md--px--34 {
    padding-left: var(--spacing-34);
    padding-right: var(--spacing-34);
  }

  .md--py--34 {
    padding-top: var(--spacing-34);
    padding-bottom: var(--spacing-34);
  }

  .md--w--34 {
    width: var(--spacing-34);
  }

  .md--max-w--34 {
    max-width: var(--spacing-34);
  }

  .md--h--34 {
    height: var(--spacing-34);
  }

  .md--max-h--34 {
    max-height: var(--spacing-34);
  }

  .md--gap--34 {
    gap: var(--spacing-34);
  }

  .md--row-gap--34 {
    row-gap: var(--spacing-34);
  }

  .md--col-gap--34 {
    -moz-column-gap: var(--spacing-34);
    column-gap: var(--spacing-34);
  }

  .md--top--34 {
    top: var(--spacing-34);
  }

  .md--right--34 {
    right: var(--spacing-34);
  }

  .md--bottom--34 {
    bottom: var(--spacing-34);
  }

  .md--left--34 {
    left: var(--spacing-34);
  }

  .md--inset--34 {
    top: var(--spacing-34);
    right: var(--spacing-34);
    bottom: var(--spacing-34);
    left: var(--spacing-34);
  }

  .md--m--35 {
    margin: var(--spacing-35);
  }

  .md--mt--35 {
    margin-top: var(--spacing-35);
  }

  .md--mb--35 {
    margin-bottom: var(--spacing-35);
  }

  .md--ml--35 {
    margin-left: var(--spacing-35);
  }

  .md--mr--35 {
    margin-right: var(--spacing-35);
  }

  .md--mx--35 {
    margin-left: var(--spacing-35);
    margin-right: var(--spacing-35);
  }

  .md--my--35 {
    margin-top: var(--spacing-35);
    margin-bottom: var(--spacing-35);
  }

  .md--p--35 {
    padding: var(--spacing-35);
  }

  .md--pt--35 {
    padding-top: var(--spacing-35);
  }

  .md--pb--35 {
    padding-bottom: var(--spacing-35);
  }

  .md--pl--35 {
    padding-left: var(--spacing-35);
  }

  .md--pr--35 {
    padding-right: var(--spacing-35);
  }

  .md--px--35 {
    padding-left: var(--spacing-35);
    padding-right: var(--spacing-35);
  }

  .md--py--35 {
    padding-top: var(--spacing-35);
    padding-bottom: var(--spacing-35);
  }

  .md--w--35 {
    width: var(--spacing-35);
  }

  .md--max-w--35 {
    max-width: var(--spacing-35);
  }

  .md--h--35 {
    height: var(--spacing-35);
  }

  .md--max-h--35 {
    max-height: var(--spacing-35);
  }

  .md--gap--35 {
    gap: var(--spacing-35);
  }

  .md--row-gap--35 {
    row-gap: var(--spacing-35);
  }

  .md--col-gap--35 {
    -moz-column-gap: var(--spacing-35);
    column-gap: var(--spacing-35);
  }

  .md--top--35 {
    top: var(--spacing-35);
  }

  .md--right--35 {
    right: var(--spacing-35);
  }

  .md--bottom--35 {
    bottom: var(--spacing-35);
  }

  .md--left--35 {
    left: var(--spacing-35);
  }

  .md--inset--35 {
    top: var(--spacing-35);
    right: var(--spacing-35);
    bottom: var(--spacing-35);
    left: var(--spacing-35);
  }

  .md--m--36 {
    margin: var(--spacing-36);
  }

  .md--mt--36 {
    margin-top: var(--spacing-36);
  }

  .md--mb--36 {
    margin-bottom: var(--spacing-36);
  }

  .md--ml--36 {
    margin-left: var(--spacing-36);
  }

  .md--mr--36 {
    margin-right: var(--spacing-36);
  }

  .md--mx--36 {
    margin-left: var(--spacing-36);
    margin-right: var(--spacing-36);
  }

  .md--my--36 {
    margin-top: var(--spacing-36);
    margin-bottom: var(--spacing-36);
  }

  .md--p--36 {
    padding: var(--spacing-36);
  }

  .md--pt--36 {
    padding-top: var(--spacing-36);
  }

  .md--pb--36 {
    padding-bottom: var(--spacing-36);
  }

  .md--pl--36 {
    padding-left: var(--spacing-36);
  }

  .md--pr--36 {
    padding-right: var(--spacing-36);
  }

  .md--px--36 {
    padding-left: var(--spacing-36);
    padding-right: var(--spacing-36);
  }

  .md--py--36 {
    padding-top: var(--spacing-36);
    padding-bottom: var(--spacing-36);
  }

  .md--w--36 {
    width: var(--spacing-36);
  }

  .md--max-w--36 {
    max-width: var(--spacing-36);
  }

  .md--h--36 {
    height: var(--spacing-36);
  }

  .md--max-h--36 {
    max-height: var(--spacing-36);
  }

  .md--gap--36 {
    gap: var(--spacing-36);
  }

  .md--row-gap--36 {
    row-gap: var(--spacing-36);
  }

  .md--col-gap--36 {
    -moz-column-gap: var(--spacing-36);
    column-gap: var(--spacing-36);
  }

  .md--top--36 {
    top: var(--spacing-36);
  }

  .md--right--36 {
    right: var(--spacing-36);
  }

  .md--bottom--36 {
    bottom: var(--spacing-36);
  }

  .md--left--36 {
    left: var(--spacing-36);
  }

  .md--inset--36 {
    top: var(--spacing-36);
    right: var(--spacing-36);
    bottom: var(--spacing-36);
    left: var(--spacing-36);
  }

  .md--m--37 {
    margin: var(--spacing-37);
  }

  .md--mt--37 {
    margin-top: var(--spacing-37);
  }

  .md--mb--37 {
    margin-bottom: var(--spacing-37);
  }

  .md--ml--37 {
    margin-left: var(--spacing-37);
  }

  .md--mr--37 {
    margin-right: var(--spacing-37);
  }

  .md--mx--37 {
    margin-left: var(--spacing-37);
    margin-right: var(--spacing-37);
  }

  .md--my--37 {
    margin-top: var(--spacing-37);
    margin-bottom: var(--spacing-37);
  }

  .md--p--37 {
    padding: var(--spacing-37);
  }

  .md--pt--37 {
    padding-top: var(--spacing-37);
  }

  .md--pb--37 {
    padding-bottom: var(--spacing-37);
  }

  .md--pl--37 {
    padding-left: var(--spacing-37);
  }

  .md--pr--37 {
    padding-right: var(--spacing-37);
  }

  .md--px--37 {
    padding-left: var(--spacing-37);
    padding-right: var(--spacing-37);
  }

  .md--py--37 {
    padding-top: var(--spacing-37);
    padding-bottom: var(--spacing-37);
  }

  .md--w--37 {
    width: var(--spacing-37);
  }

  .md--max-w--37 {
    max-width: var(--spacing-37);
  }

  .md--h--37 {
    height: var(--spacing-37);
  }

  .md--max-h--37 {
    max-height: var(--spacing-37);
  }

  .md--gap--37 {
    gap: var(--spacing-37);
  }

  .md--row-gap--37 {
    row-gap: var(--spacing-37);
  }

  .md--col-gap--37 {
    -moz-column-gap: var(--spacing-37);
    column-gap: var(--spacing-37);
  }

  .md--top--37 {
    top: var(--spacing-37);
  }

  .md--right--37 {
    right: var(--spacing-37);
  }

  .md--bottom--37 {
    bottom: var(--spacing-37);
  }

  .md--left--37 {
    left: var(--spacing-37);
  }

  .md--inset--37 {
    top: var(--spacing-37);
    right: var(--spacing-37);
    bottom: var(--spacing-37);
    left: var(--spacing-37);
  }

  .md--m--38 {
    margin: var(--spacing-38);
  }

  .md--mt--38 {
    margin-top: var(--spacing-38);
  }

  .md--mb--38 {
    margin-bottom: var(--spacing-38);
  }

  .md--ml--38 {
    margin-left: var(--spacing-38);
  }

  .md--mr--38 {
    margin-right: var(--spacing-38);
  }

  .md--mx--38 {
    margin-left: var(--spacing-38);
    margin-right: var(--spacing-38);
  }

  .md--my--38 {
    margin-top: var(--spacing-38);
    margin-bottom: var(--spacing-38);
  }

  .md--p--38 {
    padding: var(--spacing-38);
  }

  .md--pt--38 {
    padding-top: var(--spacing-38);
  }

  .md--pb--38 {
    padding-bottom: var(--spacing-38);
  }

  .md--pl--38 {
    padding-left: var(--spacing-38);
  }

  .md--pr--38 {
    padding-right: var(--spacing-38);
  }

  .md--px--38 {
    padding-left: var(--spacing-38);
    padding-right: var(--spacing-38);
  }

  .md--py--38 {
    padding-top: var(--spacing-38);
    padding-bottom: var(--spacing-38);
  }

  .md--w--38 {
    width: var(--spacing-38);
  }

  .md--max-w--38 {
    max-width: var(--spacing-38);
  }

  .md--h--38 {
    height: var(--spacing-38);
  }

  .md--max-h--38 {
    max-height: var(--spacing-38);
  }

  .md--gap--38 {
    gap: var(--spacing-38);
  }

  .md--row-gap--38 {
    row-gap: var(--spacing-38);
  }

  .md--col-gap--38 {
    -moz-column-gap: var(--spacing-38);
    column-gap: var(--spacing-38);
  }

  .md--top--38 {
    top: var(--spacing-38);
  }

  .md--right--38 {
    right: var(--spacing-38);
  }

  .md--bottom--38 {
    bottom: var(--spacing-38);
  }

  .md--left--38 {
    left: var(--spacing-38);
  }

  .md--inset--38 {
    top: var(--spacing-38);
    right: var(--spacing-38);
    bottom: var(--spacing-38);
    left: var(--spacing-38);
  }

  .md--m--39 {
    margin: var(--spacing-39);
  }

  .md--mt--39 {
    margin-top: var(--spacing-39);
  }

  .md--mb--39 {
    margin-bottom: var(--spacing-39);
  }

  .md--ml--39 {
    margin-left: var(--spacing-39);
  }

  .md--mr--39 {
    margin-right: var(--spacing-39);
  }

  .md--mx--39 {
    margin-left: var(--spacing-39);
    margin-right: var(--spacing-39);
  }

  .md--my--39 {
    margin-top: var(--spacing-39);
    margin-bottom: var(--spacing-39);
  }

  .md--p--39 {
    padding: var(--spacing-39);
  }

  .md--pt--39 {
    padding-top: var(--spacing-39);
  }

  .md--pb--39 {
    padding-bottom: var(--spacing-39);
  }

  .md--pl--39 {
    padding-left: var(--spacing-39);
  }

  .md--pr--39 {
    padding-right: var(--spacing-39);
  }

  .md--px--39 {
    padding-left: var(--spacing-39);
    padding-right: var(--spacing-39);
  }

  .md--py--39 {
    padding-top: var(--spacing-39);
    padding-bottom: var(--spacing-39);
  }

  .md--w--39 {
    width: var(--spacing-39);
  }

  .md--max-w--39 {
    max-width: var(--spacing-39);
  }

  .md--h--39 {
    height: var(--spacing-39);
  }

  .md--max-h--39 {
    max-height: var(--spacing-39);
  }

  .md--gap--39 {
    gap: var(--spacing-39);
  }

  .md--row-gap--39 {
    row-gap: var(--spacing-39);
  }

  .md--col-gap--39 {
    -moz-column-gap: var(--spacing-39);
    column-gap: var(--spacing-39);
  }

  .md--top--39 {
    top: var(--spacing-39);
  }

  .md--right--39 {
    right: var(--spacing-39);
  }

  .md--bottom--39 {
    bottom: var(--spacing-39);
  }

  .md--left--39 {
    left: var(--spacing-39);
  }

  .md--inset--39 {
    top: var(--spacing-39);
    right: var(--spacing-39);
    bottom: var(--spacing-39);
    left: var(--spacing-39);
  }

  .md--m--40 {
    margin: var(--spacing-40);
  }

  .md--mt--40 {
    margin-top: var(--spacing-40);
  }

  .md--mb--40 {
    margin-bottom: var(--spacing-40);
  }

  .md--ml--40 {
    margin-left: var(--spacing-40);
  }

  .md--mr--40 {
    margin-right: var(--spacing-40);
  }

  .md--mx--40 {
    margin-left: var(--spacing-40);
    margin-right: var(--spacing-40);
  }

  .md--my--40 {
    margin-top: var(--spacing-40);
    margin-bottom: var(--spacing-40);
  }

  .md--p--40 {
    padding: var(--spacing-40);
  }

  .md--pt--40 {
    padding-top: var(--spacing-40);
  }

  .md--pb--40 {
    padding-bottom: var(--spacing-40);
  }

  .md--pl--40 {
    padding-left: var(--spacing-40);
  }

  .md--pr--40 {
    padding-right: var(--spacing-40);
  }

  .md--px--40 {
    padding-left: var(--spacing-40);
    padding-right: var(--spacing-40);
  }

  .md--py--40 {
    padding-top: var(--spacing-40);
    padding-bottom: var(--spacing-40);
  }

  .md--w--40 {
    width: var(--spacing-40);
  }

  .md--max-w--40 {
    max-width: var(--spacing-40);
  }

  .md--h--40 {
    height: var(--spacing-40);
  }

  .md--max-h--40 {
    max-height: var(--spacing-40);
  }

  .md--gap--40 {
    gap: var(--spacing-40);
  }

  .md--row-gap--40 {
    row-gap: var(--spacing-40);
  }

  .md--col-gap--40 {
    -moz-column-gap: var(--spacing-40);
    column-gap: var(--spacing-40);
  }

  .md--top--40 {
    top: var(--spacing-40);
  }

  .md--right--40 {
    right: var(--spacing-40);
  }

  .md--bottom--40 {
    bottom: var(--spacing-40);
  }

  .md--left--40 {
    left: var(--spacing-40);
  }

  .md--inset--40 {
    top: var(--spacing-40);
    right: var(--spacing-40);
    bottom: var(--spacing-40);
    left: var(--spacing-40);
  }

  .md--m--41 {
    margin: var(--spacing-41);
  }

  .md--mt--41 {
    margin-top: var(--spacing-41);
  }

  .md--mb--41 {
    margin-bottom: var(--spacing-41);
  }

  .md--ml--41 {
    margin-left: var(--spacing-41);
  }

  .md--mr--41 {
    margin-right: var(--spacing-41);
  }

  .md--mx--41 {
    margin-left: var(--spacing-41);
    margin-right: var(--spacing-41);
  }

  .md--my--41 {
    margin-top: var(--spacing-41);
    margin-bottom: var(--spacing-41);
  }

  .md--p--41 {
    padding: var(--spacing-41);
  }

  .md--pt--41 {
    padding-top: var(--spacing-41);
  }

  .md--pb--41 {
    padding-bottom: var(--spacing-41);
  }

  .md--pl--41 {
    padding-left: var(--spacing-41);
  }

  .md--pr--41 {
    padding-right: var(--spacing-41);
  }

  .md--px--41 {
    padding-left: var(--spacing-41);
    padding-right: var(--spacing-41);
  }

  .md--py--41 {
    padding-top: var(--spacing-41);
    padding-bottom: var(--spacing-41);
  }

  .md--w--41 {
    width: var(--spacing-41);
  }

  .md--max-w--41 {
    max-width: var(--spacing-41);
  }

  .md--h--41 {
    height: var(--spacing-41);
  }

  .md--max-h--41 {
    max-height: var(--spacing-41);
  }

  .md--gap--41 {
    gap: var(--spacing-41);
  }

  .md--row-gap--41 {
    row-gap: var(--spacing-41);
  }

  .md--col-gap--41 {
    -moz-column-gap: var(--spacing-41);
    column-gap: var(--spacing-41);
  }

  .md--top--41 {
    top: var(--spacing-41);
  }

  .md--right--41 {
    right: var(--spacing-41);
  }

  .md--bottom--41 {
    bottom: var(--spacing-41);
  }

  .md--left--41 {
    left: var(--spacing-41);
  }

  .md--inset--41 {
    top: var(--spacing-41);
    right: var(--spacing-41);
    bottom: var(--spacing-41);
    left: var(--spacing-41);
  }

  .md--m--42 {
    margin: var(--spacing-42);
  }

  .md--mt--42 {
    margin-top: var(--spacing-42);
  }

  .md--mb--42 {
    margin-bottom: var(--spacing-42);
  }

  .md--ml--42 {
    margin-left: var(--spacing-42);
  }

  .md--mr--42 {
    margin-right: var(--spacing-42);
  }

  .md--mx--42 {
    margin-left: var(--spacing-42);
    margin-right: var(--spacing-42);
  }

  .md--my--42 {
    margin-top: var(--spacing-42);
    margin-bottom: var(--spacing-42);
  }

  .md--p--42 {
    padding: var(--spacing-42);
  }

  .md--pt--42 {
    padding-top: var(--spacing-42);
  }

  .md--pb--42 {
    padding-bottom: var(--spacing-42);
  }

  .md--pl--42 {
    padding-left: var(--spacing-42);
  }

  .md--pr--42 {
    padding-right: var(--spacing-42);
  }

  .md--px--42 {
    padding-left: var(--spacing-42);
    padding-right: var(--spacing-42);
  }

  .md--py--42 {
    padding-top: var(--spacing-42);
    padding-bottom: var(--spacing-42);
  }

  .md--w--42 {
    width: var(--spacing-42);
  }

  .md--max-w--42 {
    max-width: var(--spacing-42);
  }

  .md--h--42 {
    height: var(--spacing-42);
  }

  .md--max-h--42 {
    max-height: var(--spacing-42);
  }

  .md--gap--42 {
    gap: var(--spacing-42);
  }

  .md--row-gap--42 {
    row-gap: var(--spacing-42);
  }

  .md--col-gap--42 {
    -moz-column-gap: var(--spacing-42);
    column-gap: var(--spacing-42);
  }

  .md--top--42 {
    top: var(--spacing-42);
  }

  .md--right--42 {
    right: var(--spacing-42);
  }

  .md--bottom--42 {
    bottom: var(--spacing-42);
  }

  .md--left--42 {
    left: var(--spacing-42);
  }

  .md--inset--42 {
    top: var(--spacing-42);
    right: var(--spacing-42);
    bottom: var(--spacing-42);
    left: var(--spacing-42);
  }

  .md--m--43 {
    margin: var(--spacing-43);
  }

  .md--mt--43 {
    margin-top: var(--spacing-43);
  }

  .md--mb--43 {
    margin-bottom: var(--spacing-43);
  }

  .md--ml--43 {
    margin-left: var(--spacing-43);
  }

  .md--mr--43 {
    margin-right: var(--spacing-43);
  }

  .md--mx--43 {
    margin-left: var(--spacing-43);
    margin-right: var(--spacing-43);
  }

  .md--my--43 {
    margin-top: var(--spacing-43);
    margin-bottom: var(--spacing-43);
  }

  .md--p--43 {
    padding: var(--spacing-43);
  }

  .md--pt--43 {
    padding-top: var(--spacing-43);
  }

  .md--pb--43 {
    padding-bottom: var(--spacing-43);
  }

  .md--pl--43 {
    padding-left: var(--spacing-43);
  }

  .md--pr--43 {
    padding-right: var(--spacing-43);
  }

  .md--px--43 {
    padding-left: var(--spacing-43);
    padding-right: var(--spacing-43);
  }

  .md--py--43 {
    padding-top: var(--spacing-43);
    padding-bottom: var(--spacing-43);
  }

  .md--w--43 {
    width: var(--spacing-43);
  }

  .md--max-w--43 {
    max-width: var(--spacing-43);
  }

  .md--h--43 {
    height: var(--spacing-43);
  }

  .md--max-h--43 {
    max-height: var(--spacing-43);
  }

  .md--gap--43 {
    gap: var(--spacing-43);
  }

  .md--row-gap--43 {
    row-gap: var(--spacing-43);
  }

  .md--col-gap--43 {
    -moz-column-gap: var(--spacing-43);
    column-gap: var(--spacing-43);
  }

  .md--top--43 {
    top: var(--spacing-43);
  }

  .md--right--43 {
    right: var(--spacing-43);
  }

  .md--bottom--43 {
    bottom: var(--spacing-43);
  }

  .md--left--43 {
    left: var(--spacing-43);
  }

  .md--inset--43 {
    top: var(--spacing-43);
    right: var(--spacing-43);
    bottom: var(--spacing-43);
    left: var(--spacing-43);
  }

  .md--m--44 {
    margin: var(--spacing-44);
  }

  .md--mt--44 {
    margin-top: var(--spacing-44);
  }

  .md--mb--44 {
    margin-bottom: var(--spacing-44);
  }

  .md--ml--44 {
    margin-left: var(--spacing-44);
  }

  .md--mr--44 {
    margin-right: var(--spacing-44);
  }

  .md--mx--44 {
    margin-left: var(--spacing-44);
    margin-right: var(--spacing-44);
  }

  .md--my--44 {
    margin-top: var(--spacing-44);
    margin-bottom: var(--spacing-44);
  }

  .md--p--44 {
    padding: var(--spacing-44);
  }

  .md--pt--44 {
    padding-top: var(--spacing-44);
  }

  .md--pb--44 {
    padding-bottom: var(--spacing-44);
  }

  .md--pl--44 {
    padding-left: var(--spacing-44);
  }

  .md--pr--44 {
    padding-right: var(--spacing-44);
  }

  .md--px--44 {
    padding-left: var(--spacing-44);
    padding-right: var(--spacing-44);
  }

  .md--py--44 {
    padding-top: var(--spacing-44);
    padding-bottom: var(--spacing-44);
  }

  .md--w--44 {
    width: var(--spacing-44);
  }

  .md--max-w--44 {
    max-width: var(--spacing-44);
  }

  .md--h--44 {
    height: var(--spacing-44);
  }

  .md--max-h--44 {
    max-height: var(--spacing-44);
  }

  .md--gap--44 {
    gap: var(--spacing-44);
  }

  .md--row-gap--44 {
    row-gap: var(--spacing-44);
  }

  .md--col-gap--44 {
    -moz-column-gap: var(--spacing-44);
    column-gap: var(--spacing-44);
  }

  .md--top--44 {
    top: var(--spacing-44);
  }

  .md--right--44 {
    right: var(--spacing-44);
  }

  .md--bottom--44 {
    bottom: var(--spacing-44);
  }

  .md--left--44 {
    left: var(--spacing-44);
  }

  .md--inset--44 {
    top: var(--spacing-44);
    right: var(--spacing-44);
    bottom: var(--spacing-44);
    left: var(--spacing-44);
  }

  .md--m--45 {
    margin: var(--spacing-45);
  }

  .md--mt--45 {
    margin-top: var(--spacing-45);
  }

  .md--mb--45 {
    margin-bottom: var(--spacing-45);
  }

  .md--ml--45 {
    margin-left: var(--spacing-45);
  }

  .md--mr--45 {
    margin-right: var(--spacing-45);
  }

  .md--mx--45 {
    margin-left: var(--spacing-45);
    margin-right: var(--spacing-45);
  }

  .md--my--45 {
    margin-top: var(--spacing-45);
    margin-bottom: var(--spacing-45);
  }

  .md--p--45 {
    padding: var(--spacing-45);
  }

  .md--pt--45 {
    padding-top: var(--spacing-45);
  }

  .md--pb--45 {
    padding-bottom: var(--spacing-45);
  }

  .md--pl--45 {
    padding-left: var(--spacing-45);
  }

  .md--pr--45 {
    padding-right: var(--spacing-45);
  }

  .md--px--45 {
    padding-left: var(--spacing-45);
    padding-right: var(--spacing-45);
  }

  .md--py--45 {
    padding-top: var(--spacing-45);
    padding-bottom: var(--spacing-45);
  }

  .md--w--45 {
    width: var(--spacing-45);
  }

  .md--max-w--45 {
    max-width: var(--spacing-45);
  }

  .md--h--45 {
    height: var(--spacing-45);
  }

  .md--max-h--45 {
    max-height: var(--spacing-45);
  }

  .md--gap--45 {
    gap: var(--spacing-45);
  }

  .md--row-gap--45 {
    row-gap: var(--spacing-45);
  }

  .md--col-gap--45 {
    -moz-column-gap: var(--spacing-45);
    column-gap: var(--spacing-45);
  }

  .md--top--45 {
    top: var(--spacing-45);
  }

  .md--right--45 {
    right: var(--spacing-45);
  }

  .md--bottom--45 {
    bottom: var(--spacing-45);
  }

  .md--left--45 {
    left: var(--spacing-45);
  }

  .md--inset--45 {
    top: var(--spacing-45);
    right: var(--spacing-45);
    bottom: var(--spacing-45);
    left: var(--spacing-45);
  }

  .md--m--46 {
    margin: var(--spacing-46);
  }

  .md--mt--46 {
    margin-top: var(--spacing-46);
  }

  .md--mb--46 {
    margin-bottom: var(--spacing-46);
  }

  .md--ml--46 {
    margin-left: var(--spacing-46);
  }

  .md--mr--46 {
    margin-right: var(--spacing-46);
  }

  .md--mx--46 {
    margin-left: var(--spacing-46);
    margin-right: var(--spacing-46);
  }

  .md--my--46 {
    margin-top: var(--spacing-46);
    margin-bottom: var(--spacing-46);
  }

  .md--p--46 {
    padding: var(--spacing-46);
  }

  .md--pt--46 {
    padding-top: var(--spacing-46);
  }

  .md--pb--46 {
    padding-bottom: var(--spacing-46);
  }

  .md--pl--46 {
    padding-left: var(--spacing-46);
  }

  .md--pr--46 {
    padding-right: var(--spacing-46);
  }

  .md--px--46 {
    padding-left: var(--spacing-46);
    padding-right: var(--spacing-46);
  }

  .md--py--46 {
    padding-top: var(--spacing-46);
    padding-bottom: var(--spacing-46);
  }

  .md--w--46 {
    width: var(--spacing-46);
  }

  .md--max-w--46 {
    max-width: var(--spacing-46);
  }

  .md--h--46 {
    height: var(--spacing-46);
  }

  .md--max-h--46 {
    max-height: var(--spacing-46);
  }

  .md--gap--46 {
    gap: var(--spacing-46);
  }

  .md--row-gap--46 {
    row-gap: var(--spacing-46);
  }

  .md--col-gap--46 {
    -moz-column-gap: var(--spacing-46);
    column-gap: var(--spacing-46);
  }

  .md--top--46 {
    top: var(--spacing-46);
  }

  .md--right--46 {
    right: var(--spacing-46);
  }

  .md--bottom--46 {
    bottom: var(--spacing-46);
  }

  .md--left--46 {
    left: var(--spacing-46);
  }

  .md--inset--46 {
    top: var(--spacing-46);
    right: var(--spacing-46);
    bottom: var(--spacing-46);
    left: var(--spacing-46);
  }

  .md--m--47 {
    margin: var(--spacing-47);
  }

  .md--mt--47 {
    margin-top: var(--spacing-47);
  }

  .md--mb--47 {
    margin-bottom: var(--spacing-47);
  }

  .md--ml--47 {
    margin-left: var(--spacing-47);
  }

  .md--mr--47 {
    margin-right: var(--spacing-47);
  }

  .md--mx--47 {
    margin-left: var(--spacing-47);
    margin-right: var(--spacing-47);
  }

  .md--my--47 {
    margin-top: var(--spacing-47);
    margin-bottom: var(--spacing-47);
  }

  .md--p--47 {
    padding: var(--spacing-47);
  }

  .md--pt--47 {
    padding-top: var(--spacing-47);
  }

  .md--pb--47 {
    padding-bottom: var(--spacing-47);
  }

  .md--pl--47 {
    padding-left: var(--spacing-47);
  }

  .md--pr--47 {
    padding-right: var(--spacing-47);
  }

  .md--px--47 {
    padding-left: var(--spacing-47);
    padding-right: var(--spacing-47);
  }

  .md--py--47 {
    padding-top: var(--spacing-47);
    padding-bottom: var(--spacing-47);
  }

  .md--w--47 {
    width: var(--spacing-47);
  }

  .md--max-w--47 {
    max-width: var(--spacing-47);
  }

  .md--h--47 {
    height: var(--spacing-47);
  }

  .md--max-h--47 {
    max-height: var(--spacing-47);
  }

  .md--gap--47 {
    gap: var(--spacing-47);
  }

  .md--row-gap--47 {
    row-gap: var(--spacing-47);
  }

  .md--col-gap--47 {
    -moz-column-gap: var(--spacing-47);
    column-gap: var(--spacing-47);
  }

  .md--top--47 {
    top: var(--spacing-47);
  }

  .md--right--47 {
    right: var(--spacing-47);
  }

  .md--bottom--47 {
    bottom: var(--spacing-47);
  }

  .md--left--47 {
    left: var(--spacing-47);
  }

  .md--inset--47 {
    top: var(--spacing-47);
    right: var(--spacing-47);
    bottom: var(--spacing-47);
    left: var(--spacing-47);
  }

  .md--m--48 {
    margin: var(--spacing-48);
  }

  .md--mt--48 {
    margin-top: var(--spacing-48);
  }

  .md--mb--48 {
    margin-bottom: var(--spacing-48);
  }

  .md--ml--48 {
    margin-left: var(--spacing-48);
  }

  .md--mr--48 {
    margin-right: var(--spacing-48);
  }

  .md--mx--48 {
    margin-left: var(--spacing-48);
    margin-right: var(--spacing-48);
  }

  .md--my--48 {
    margin-top: var(--spacing-48);
    margin-bottom: var(--spacing-48);
  }

  .md--p--48 {
    padding: var(--spacing-48);
  }

  .md--pt--48 {
    padding-top: var(--spacing-48);
  }

  .md--pb--48 {
    padding-bottom: var(--spacing-48);
  }

  .md--pl--48 {
    padding-left: var(--spacing-48);
  }

  .md--pr--48 {
    padding-right: var(--spacing-48);
  }

  .md--px--48 {
    padding-left: var(--spacing-48);
    padding-right: var(--spacing-48);
  }

  .md--py--48 {
    padding-top: var(--spacing-48);
    padding-bottom: var(--spacing-48);
  }

  .md--w--48 {
    width: var(--spacing-48);
  }

  .md--max-w--48 {
    max-width: var(--spacing-48);
  }

  .md--h--48 {
    height: var(--spacing-48);
  }

  .md--max-h--48 {
    max-height: var(--spacing-48);
  }

  .md--gap--48 {
    gap: var(--spacing-48);
  }

  .md--row-gap--48 {
    row-gap: var(--spacing-48);
  }

  .md--col-gap--48 {
    -moz-column-gap: var(--spacing-48);
    column-gap: var(--spacing-48);
  }

  .md--top--48 {
    top: var(--spacing-48);
  }

  .md--right--48 {
    right: var(--spacing-48);
  }

  .md--bottom--48 {
    bottom: var(--spacing-48);
  }

  .md--left--48 {
    left: var(--spacing-48);
  }

  .md--inset--48 {
    top: var(--spacing-48);
    right: var(--spacing-48);
    bottom: var(--spacing-48);
    left: var(--spacing-48);
  }

  .md--m--49 {
    margin: var(--spacing-49);
  }

  .md--mt--49 {
    margin-top: var(--spacing-49);
  }

  .md--mb--49 {
    margin-bottom: var(--spacing-49);
  }

  .md--ml--49 {
    margin-left: var(--spacing-49);
  }

  .md--mr--49 {
    margin-right: var(--spacing-49);
  }

  .md--mx--49 {
    margin-left: var(--spacing-49);
    margin-right: var(--spacing-49);
  }

  .md--my--49 {
    margin-top: var(--spacing-49);
    margin-bottom: var(--spacing-49);
  }

  .md--p--49 {
    padding: var(--spacing-49);
  }

  .md--pt--49 {
    padding-top: var(--spacing-49);
  }

  .md--pb--49 {
    padding-bottom: var(--spacing-49);
  }

  .md--pl--49 {
    padding-left: var(--spacing-49);
  }

  .md--pr--49 {
    padding-right: var(--spacing-49);
  }

  .md--px--49 {
    padding-left: var(--spacing-49);
    padding-right: var(--spacing-49);
  }

  .md--py--49 {
    padding-top: var(--spacing-49);
    padding-bottom: var(--spacing-49);
  }

  .md--w--49 {
    width: var(--spacing-49);
  }

  .md--max-w--49 {
    max-width: var(--spacing-49);
  }

  .md--h--49 {
    height: var(--spacing-49);
  }

  .md--max-h--49 {
    max-height: var(--spacing-49);
  }

  .md--gap--49 {
    gap: var(--spacing-49);
  }

  .md--row-gap--49 {
    row-gap: var(--spacing-49);
  }

  .md--col-gap--49 {
    -moz-column-gap: var(--spacing-49);
    column-gap: var(--spacing-49);
  }

  .md--top--49 {
    top: var(--spacing-49);
  }

  .md--right--49 {
    right: var(--spacing-49);
  }

  .md--bottom--49 {
    bottom: var(--spacing-49);
  }

  .md--left--49 {
    left: var(--spacing-49);
  }

  .md--inset--49 {
    top: var(--spacing-49);
    right: var(--spacing-49);
    bottom: var(--spacing-49);
    left: var(--spacing-49);
  }

  .md--m--50 {
    margin: var(--spacing-50);
  }

  .md--mt--50 {
    margin-top: var(--spacing-50);
  }

  .md--mb--50 {
    margin-bottom: var(--spacing-50);
  }

  .md--ml--50 {
    margin-left: var(--spacing-50);
  }

  .md--mr--50 {
    margin-right: var(--spacing-50);
  }

  .md--mx--50 {
    margin-left: var(--spacing-50);
    margin-right: var(--spacing-50);
  }

  .md--my--50 {
    margin-top: var(--spacing-50);
    margin-bottom: var(--spacing-50);
  }

  .md--p--50 {
    padding: var(--spacing-50);
  }

  .md--pt--50 {
    padding-top: var(--spacing-50);
  }

  .md--pb--50 {
    padding-bottom: var(--spacing-50);
  }

  .md--pl--50 {
    padding-left: var(--spacing-50);
  }

  .md--pr--50 {
    padding-right: var(--spacing-50);
  }

  .md--px--50 {
    padding-left: var(--spacing-50);
    padding-right: var(--spacing-50);
  }

  .md--py--50 {
    padding-top: var(--spacing-50);
    padding-bottom: var(--spacing-50);
  }

  .md--w--50 {
    width: var(--spacing-50);
  }

  .md--max-w--50 {
    max-width: var(--spacing-50);
  }

  .md--h--50 {
    height: var(--spacing-50);
  }

  .md--max-h--50 {
    max-height: var(--spacing-50);
  }

  .md--gap--50 {
    gap: var(--spacing-50);
  }

  .md--row-gap--50 {
    row-gap: var(--spacing-50);
  }

  .md--col-gap--50 {
    -moz-column-gap: var(--spacing-50);
    column-gap: var(--spacing-50);
  }

  .md--top--50 {
    top: var(--spacing-50);
  }

  .md--right--50 {
    right: var(--spacing-50);
  }

  .md--bottom--50 {
    bottom: var(--spacing-50);
  }

  .md--left--50 {
    left: var(--spacing-50);
  }

  .md--inset--50 {
    top: var(--spacing-50);
    right: var(--spacing-50);
    bottom: var(--spacing-50);
    left: var(--spacing-50);
  }
}

@media (min-width:1200px) {
  .lg--sec--gap {
    padding: 3rem 0;
  }

  .lg--sec--gap-0 {
    padding: 0;
  }

  .lg--w--full {
    width: var(--spacing-100p);
  }

  .lg--max-w--full {
    max-width: var(--spacing-100p);
  }

  .lg--position--static {
    position: static;
  }

  .lg--position--relative {
    position: relative;
  }

  .lg--position--absolute {
    position: absolute;
  }

  .lg--position--fixed {
    position: fixed;
  }

  .lg--position--sticky {
    position: sticky;
  }

  .lg--z--10 {
    z-index: 10;
  }

  .lg--z--50 {
    z-index: 50;
  }

  .lg--z--100 {
    z-index: 100;
  }

  .lg--z--999 {
    z-index: 999;
  }

  .lg--d--none {
    display: none;
  }

  .lg--d--block {
    display: block;
  }

  .lg--d--inline-block {
    display: inline-block;
  }

  .lg--d--flex {
    display: flex;
  }

  .lg--d--grid {
    display: -ms-grid;
    display: grid;
  }

  .lg--d--inline-flex {
    display: inline-flex;
  }

  .lg--items--start {
    justify-content: flex-start;
    text-align: left;
  }

  .lg--items--center {
    justify-content: center;
    text-align: center;
  }

  .lg--items--end {
    justify-content: flex-end;
    text-align: right;
  }

  .lg--items--around {
    justify-content: space-around;
  }

  .lg--items--between {
    justify-content: space-between;
  }

  .lg--items--top {
    align-items: flex-start;
  }

  .lg--items--middle {
    align-items: center;
  }

  .lg--items--bottom {
    align-items: flex-end;
  }

  .lg--items--first {
    order: -1;
  }

  .lg--items--last {
    order: 1;
  }

  .lg--text--left {
    text-align: left;
  }

  .lg--text--center {
    text-align: center;
  }

  .lg--text--right {
    text-align: right;
  }

  .lg--items--column {
    flex-direction: column;
  }

  .lg--items--row {
    flex-direction: row;
  }

  .lg--items--wrap {
    flex-wrap: wrap;
  }

  .lg--border--radius-0 {
    border-radius: 0;
  }

  /* Base xs--border classes for position */
  .lg--border--all {
    border: 1px solid;
  }

  .lg--border--top {
    border-top: 1px solid;
  }

  .lg--border--bottom {
    border-bottom: 1px solid;
  }

  .lg--border--right {
    border-right: 1px solid;
  }

  .lg--border--left {
    border-left: 1px solid;
  }

  .lg--border--none {
    border: 0;
  }

  /* xs--border style classes */
  .lg--border--solid {
    border-style: solid;
  }

  .lg--border--dashed {
    border-style: dashed;
  }

  .lg--border--dotted {
    border-style: dotted;
  }

  .lg--border--radius-50p {
    border-radius: var(--spacing-50p);
  }

  /* xs--border color classes */
  .lg--border-purple {
    border-color: var(--color-purple);
  }

  .lg--border-white {
    border-color: var(--color-white);
  }

  .lg--border-gray {
    border-color: var(--color-gray);
  }

  .lg--border-color {
    border-color: var(--color-for-xs--border);
  }

  .lg--border--color-1 {
    border-color: var(--color-for-xs--border-1);
  }

  /* xs--border color classes */
  /* Hover color classes */
  .lg--border-hover-purple:hover {
    border-color: var(--color-purple);
  }

  .lg--border-hover-white:hover {
    border-color: var(--color-white);
  }

  .lg--border-hover-gray:hover {
    border-color: var(--color-gray);
  }

  .lg--border-hover-color:hover {
    border-color: var(--color-for-xs--border);
  }

  .lg--border--hover-color-1:hover {
    border-color: var(--color-for-xs--border-1);
  }

  /* Hover color classes */
  .lg--col,
  .lg--col--1,
  .lg--col--2,
  .lg--col--3,
  .lg--col--4,
  .lg--col--5,
  .lg--col--6,
  .lg--col--7,
  .lg--col--8,
  .lg--col--9,
  .lg--col--10,
  .lg--col--11,
  .lg--col--12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .lg--col {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .lg--col--1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .lg--offset--1 {
    margin-left: 8.3333333333%;
  }

  .lg--col--2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .lg--offset--2 {
    margin-left: 16.6666666667%;
  }

  .lg--col--3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .lg--offset--3 {
    margin-left: 25%;
  }

  .lg--col--4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .lg--offset--4 {
    margin-left: 33.3333333333%;
  }

  .lg--col--5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .lg--offset--5 {
    margin-left: 41.6666666667%;
  }

  .lg--col--6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .lg--offset--6 {
    margin-left: 50%;
  }

  .lg--col--7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .lg--offset--7 {
    margin-left: 58.3333333333%;
  }

  .lg--col--8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .lg--offset--8 {
    margin-left: 66.6666666667%;
  }

  .lg--col--9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .lg--offset--9 {
    margin-left: 75%;
  }

  .lg--col--10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .lg--offset--10 {
    margin-left: 83.3333333333%;
  }

  .lg--col--11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .lg--offset--11 {
    margin-left: 91.6666666667%;
  }

  .lg--col--12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .lg--m--0 {
    margin: var(--spacing-0);
  }

  .lg--mt--0 {
    margin-top: var(--spacing-0);
  }

  .lg--mb--0 {
    margin-bottom: var(--spacing-0);
  }

  .lg--ml--0 {
    margin-left: var(--spacing-0);
  }

  .lg--mr--0 {
    margin-right: var(--spacing-0);
  }

  .lg--mx--0 {
    margin-left: var(--spacing-0);
    margin-right: var(--spacing-0);
  }

  .lg--my--0 {
    margin-top: var(--spacing-0);
    margin-bottom: var(--spacing-0);
  }

  .lg--p--0 {
    padding: var(--spacing-0);
  }

  .lg--pt--0 {
    padding-top: var(--spacing-0);
  }

  .lg--pb--0 {
    padding-bottom: var(--spacing-0);
  }

  .lg--pl--0 {
    padding-left: var(--spacing-0);
  }

  .lg--pr--0 {
    padding-right: var(--spacing-0);
  }

  .lg--px--0 {
    padding-left: var(--spacing-0);
    padding-right: var(--spacing-0);
  }

  .lg--py--0 {
    padding-top: var(--spacing-0);
    padding-bottom: var(--spacing-0);
  }

  .lg--w--0 {
    width: var(--spacing-0);
  }

  .lg--max-w--0 {
    max-width: var(--spacing-0);
  }

  .lg--h--0 {
    height: var(--spacing-0);
  }

  .lg--max-h--0 {
    max-height: var(--spacing-0);
  }

  .lg--gap--0 {
    gap: var(--spacing-0);
  }

  .lg--row-gap--0 {
    row-gap: var(--spacing-0);
  }

  .lg--col-gap--0 {
    -moz-column-gap: var(--spacing-0);
    column-gap: var(--spacing-0);
  }

  .lg--top--0 {
    top: var(--spacing-0);
  }

  .lg--right--0 {
    right: var(--spacing-0);
  }

  .lg--bottom--0 {
    bottom: var(--spacing-0);
  }

  .lg--left--0 {
    left: var(--spacing-0);
  }

  .lg--inset--0 {
    top: var(--spacing-0);
    right: var(--spacing-0);
    bottom: var(--spacing-0);
    left: var(--spacing-0);
  }

  .lg--m--1 {
    margin: var(--spacing-1);
  }

  .lg--mt--1 {
    margin-top: var(--spacing-1);
  }

  .lg--mb--1 {
    margin-bottom: var(--spacing-1);
  }

  .lg--ml--1 {
    margin-left: var(--spacing-1);
  }

  .lg--mr--1 {
    margin-right: var(--spacing-1);
  }

  .lg--mx--1 {
    margin-left: var(--spacing-1);
    margin-right: var(--spacing-1);
  }

  .lg--my--1 {
    margin-top: var(--spacing-1);
    margin-bottom: var(--spacing-1);
  }

  .lg--p--1 {
    padding: var(--spacing-1);
  }

  .lg--pt--1 {
    padding-top: var(--spacing-1);
  }

  .lg--pb--1 {
    padding-bottom: var(--spacing-1);
  }

  .lg--pl--1 {
    padding-left: var(--spacing-1);
  }

  .lg--pr--1 {
    padding-right: var(--spacing-1);
  }

  .lg--px--1 {
    padding-left: var(--spacing-1);
    padding-right: var(--spacing-1);
  }

  .lg--py--1 {
    padding-top: var(--spacing-1);
    padding-bottom: var(--spacing-1);
  }

  .lg--w--1 {
    width: var(--spacing-1);
  }

  .lg--max-w--1 {
    max-width: var(--spacing-1);
  }

  .lg--h--1 {
    height: var(--spacing-1);
  }

  .lg--max-h--1 {
    max-height: var(--spacing-1);
  }

  .lg--gap--1 {
    gap: var(--spacing-1);
  }

  .lg--row-gap--1 {
    row-gap: var(--spacing-1);
  }

  .lg--col-gap--1 {
    -moz-column-gap: var(--spacing-1);
    column-gap: var(--spacing-1);
  }

  .lg--top--1 {
    top: var(--spacing-1);
  }

  .lg--right--1 {
    right: var(--spacing-1);
  }

  .lg--bottom--1 {
    bottom: var(--spacing-1);
  }

  .lg--left--1 {
    left: var(--spacing-1);
  }

  .lg--inset--1 {
    top: var(--spacing-1);
    right: var(--spacing-1);
    bottom: var(--spacing-1);
    left: var(--spacing-1);
  }

  .lg--m--2 {
    margin: var(--spacing-2);
  }

  .lg--mt--2 {
    margin-top: var(--spacing-2);
  }

  .lg--mb--2 {
    margin-bottom: var(--spacing-2);
  }

  .lg--ml--2 {
    margin-left: var(--spacing-2);
  }

  .lg--mr--2 {
    margin-right: var(--spacing-2);
  }

  .lg--mx--2 {
    margin-left: var(--spacing-2);
    margin-right: var(--spacing-2);
  }

  .lg--my--2 {
    margin-top: var(--spacing-2);
    margin-bottom: var(--spacing-2);
  }

  .lg--p--2 {
    padding: var(--spacing-2);
  }

  .lg--pt--2 {
    padding-top: var(--spacing-2);
  }

  .lg--pb--2 {
    padding-bottom: var(--spacing-2);
  }

  .lg--pl--2 {
    padding-left: var(--spacing-2);
  }

  .lg--pr--2 {
    padding-right: var(--spacing-2);
  }

  .lg--px--2 {
    padding-left: var(--spacing-2);
    padding-right: var(--spacing-2);
  }

  .lg--py--2 {
    padding-top: var(--spacing-2);
    padding-bottom: var(--spacing-2);
  }

  .lg--w--2 {
    width: var(--spacing-2);
  }

  .lg--max-w--2 {
    max-width: var(--spacing-2);
  }

  .lg--h--2 {
    height: var(--spacing-2);
  }

  .lg--max-h--2 {
    max-height: var(--spacing-2);
  }

  .lg--gap--2 {
    gap: var(--spacing-2);
  }

  .lg--row-gap--2 {
    row-gap: var(--spacing-2);
  }

  .lg--col-gap--2 {
    -moz-column-gap: var(--spacing-2);
    column-gap: var(--spacing-2);
  }

  .lg--top--2 {
    top: var(--spacing-2);
  }

  .lg--right--2 {
    right: var(--spacing-2);
  }

  .lg--bottom--2 {
    bottom: var(--spacing-2);
  }

  .lg--left--2 {
    left: var(--spacing-2);
  }

  .lg--inset--2 {
    top: var(--spacing-2);
    right: var(--spacing-2);
    bottom: var(--spacing-2);
    left: var(--spacing-2);
  }

  .lg--m--3 {
    margin: var(--spacing-3);
  }

  .lg--mt--3 {
    margin-top: var(--spacing-3);
  }

  .lg--mb--3 {
    margin-bottom: var(--spacing-3);
  }

  .lg--ml--3 {
    margin-left: var(--spacing-3);
  }

  .lg--mr--3 {
    margin-right: var(--spacing-3);
  }

  .lg--mx--3 {
    margin-left: var(--spacing-3);
    margin-right: var(--spacing-3);
  }

  .lg--my--3 {
    margin-top: var(--spacing-3);
    margin-bottom: var(--spacing-3);
  }

  .lg--p--3 {
    padding: var(--spacing-3);
  }

  .lg--pt--3 {
    padding-top: var(--spacing-3);
  }

  .lg--pb--3 {
    padding-bottom: var(--spacing-3);
  }

  .lg--pl--3 {
    padding-left: var(--spacing-3);
  }

  .lg--pr--3 {
    padding-right: var(--spacing-3);
  }

  .lg--px--3 {
    padding-left: var(--spacing-3);
    padding-right: var(--spacing-3);
  }

  .lg--py--3 {
    padding-top: var(--spacing-3);
    padding-bottom: var(--spacing-3);
  }

  .lg--w--3 {
    width: var(--spacing-3);
  }

  .lg--max-w--3 {
    max-width: var(--spacing-3);
  }

  .lg--h--3 {
    height: var(--spacing-3);
  }

  .lg--max-h--3 {
    max-height: var(--spacing-3);
  }

  .lg--gap--3 {
    gap: var(--spacing-3);
  }

  .lg--row-gap--3 {
    row-gap: var(--spacing-3);
  }

  .lg--col-gap--3 {
    -moz-column-gap: var(--spacing-3);
    column-gap: var(--spacing-3);
  }

  .lg--top--3 {
    top: var(--spacing-3);
  }

  .lg--right--3 {
    right: var(--spacing-3);
  }

  .lg--bottom--3 {
    bottom: var(--spacing-3);
  }

  .lg--left--3 {
    left: var(--spacing-3);
  }

  .lg--inset--3 {
    top: var(--spacing-3);
    right: var(--spacing-3);
    bottom: var(--spacing-3);
    left: var(--spacing-3);
  }

  .lg--m--4 {
    margin: var(--spacing-4);
  }

  .lg--mt--4 {
    margin-top: var(--spacing-4);
  }

  .lg--mb--4 {
    margin-bottom: var(--spacing-4);
  }

  .lg--ml--4 {
    margin-left: var(--spacing-4);
  }

  .lg--mr--4 {
    margin-right: var(--spacing-4);
  }

  .lg--mx--4 {
    margin-left: var(--spacing-4);
    margin-right: var(--spacing-4);
  }

  .lg--my--4 {
    margin-top: var(--spacing-4);
    margin-bottom: var(--spacing-4);
  }

  .lg--p--4 {
    padding: var(--spacing-4);
  }

  .lg--pt--4 {
    padding-top: var(--spacing-4);
  }

  .lg--pb--4 {
    padding-bottom: var(--spacing-4);
  }

  .lg--pl--4 {
    padding-left: var(--spacing-4);
  }

  .lg--pr--4 {
    padding-right: var(--spacing-4);
  }

  .lg--px--4 {
    padding-left: var(--spacing-4);
    padding-right: var(--spacing-4);
  }

  .lg--py--4 {
    padding-top: var(--spacing-4);
    padding-bottom: var(--spacing-4);
  }

  .lg--w--4 {
    width: var(--spacing-4);
  }

  .lg--max-w--4 {
    max-width: var(--spacing-4);
  }

  .lg--h--4 {
    height: var(--spacing-4);
  }

  .lg--max-h--4 {
    max-height: var(--spacing-4);
  }

  .lg--gap--4 {
    gap: var(--spacing-4);
  }

  .lg--row-gap--4 {
    row-gap: var(--spacing-4);
  }

  .lg--col-gap--4 {
    -moz-column-gap: var(--spacing-4);
    column-gap: var(--spacing-4);
  }

  .lg--top--4 {
    top: var(--spacing-4);
  }

  .lg--right--4 {
    right: var(--spacing-4);
  }

  .lg--bottom--4 {
    bottom: var(--spacing-4);
  }

  .lg--left--4 {
    left: var(--spacing-4);
  }

  .lg--inset--4 {
    top: var(--spacing-4);
    right: var(--spacing-4);
    bottom: var(--spacing-4);
    left: var(--spacing-4);
  }

  .lg--m--5 {
    margin: var(--spacing-5);
  }

  .lg--mt--5 {
    margin-top: var(--spacing-5);
  }

  .lg--mb--5 {
    margin-bottom: var(--spacing-5);
  }

  .lg--ml--5 {
    margin-left: var(--spacing-5);
  }

  .lg--mr--5 {
    margin-right: var(--spacing-5);
  }

  .lg--mx--5 {
    margin-left: var(--spacing-5);
    margin-right: var(--spacing-5);
  }

  .lg--my--5 {
    margin-top: var(--spacing-5);
    margin-bottom: var(--spacing-5);
  }

  .lg--p--5 {
    padding: var(--spacing-5);
  }

  .lg--pt--5 {
    padding-top: var(--spacing-5);
  }

  .lg--pb--5 {
    padding-bottom: var(--spacing-5);
  }

  .lg--pl--5 {
    padding-left: var(--spacing-5);
  }

  .lg--pr--5 {
    padding-right: var(--spacing-5);
  }

  .lg--px--5 {
    padding-left: var(--spacing-5);
    padding-right: var(--spacing-5);
  }

  .lg--py--5 {
    padding-top: var(--spacing-5);
    padding-bottom: var(--spacing-5);
  }

  .lg--w--5 {
    width: var(--spacing-5);
  }

  .lg--max-w--5 {
    max-width: var(--spacing-5);
  }

  .lg--h--5 {
    height: var(--spacing-5);
  }

  .lg--max-h--5 {
    max-height: var(--spacing-5);
  }

  .lg--gap--5 {
    gap: var(--spacing-5);
  }

  .lg--row-gap--5 {
    row-gap: var(--spacing-5);
  }

  .lg--col-gap--5 {
    -moz-column-gap: var(--spacing-5);
    column-gap: var(--spacing-5);
  }

  .lg--top--5 {
    top: var(--spacing-5);
  }

  .lg--right--5 {
    right: var(--spacing-5);
  }

  .lg--bottom--5 {
    bottom: var(--spacing-5);
  }

  .lg--left--5 {
    left: var(--spacing-5);
  }

  .lg--inset--5 {
    top: var(--spacing-5);
    right: var(--spacing-5);
    bottom: var(--spacing-5);
    left: var(--spacing-5);
  }

  .lg--m--6 {
    margin: var(--spacing-6);
  }

  .lg--mt--6 {
    margin-top: var(--spacing-6);
  }

  .lg--mb--6 {
    margin-bottom: var(--spacing-6);
  }

  .lg--ml--6 {
    margin-left: var(--spacing-6);
  }

  .lg--mr--6 {
    margin-right: var(--spacing-6);
  }

  .lg--mx--6 {
    margin-left: var(--spacing-6);
    margin-right: var(--spacing-6);
  }

  .lg--my--6 {
    margin-top: var(--spacing-6);
    margin-bottom: var(--spacing-6);
  }

  .lg--p--6 {
    padding: var(--spacing-6);
  }

  .lg--pt--6 {
    padding-top: var(--spacing-6);
  }

  .lg--pb--6 {
    padding-bottom: var(--spacing-6);
  }

  .lg--pl--6 {
    padding-left: var(--spacing-6);
  }

  .lg--pr--6 {
    padding-right: var(--spacing-6);
  }

  .lg--px--6 {
    padding-left: var(--spacing-6);
    padding-right: var(--spacing-6);
  }

  .lg--py--6 {
    padding-top: var(--spacing-6);
    padding-bottom: var(--spacing-6);
  }

  .lg--w--6 {
    width: var(--spacing-6);
  }

  .lg--max-w--6 {
    max-width: var(--spacing-6);
  }

  .lg--h--6 {
    height: var(--spacing-6);
  }

  .lg--max-h--6 {
    max-height: var(--spacing-6);
  }

  .lg--gap--6 {
    gap: var(--spacing-6);
  }

  .lg--row-gap--6 {
    row-gap: var(--spacing-6);
  }

  .lg--col-gap--6 {
    -moz-column-gap: var(--spacing-6);
    column-gap: var(--spacing-6);
  }

  .lg--top--6 {
    top: var(--spacing-6);
  }

  .lg--right--6 {
    right: var(--spacing-6);
  }

  .lg--bottom--6 {
    bottom: var(--spacing-6);
  }

  .lg--left--6 {
    left: var(--spacing-6);
  }

  .lg--inset--6 {
    top: var(--spacing-6);
    right: var(--spacing-6);
    bottom: var(--spacing-6);
    left: var(--spacing-6);
  }

  .lg--m--7 {
    margin: var(--spacing-7);
  }

  .lg--mt--7 {
    margin-top: var(--spacing-7);
  }

  .lg--mb--7 {
    margin-bottom: var(--spacing-7);
  }

  .lg--ml--7 {
    margin-left: var(--spacing-7);
  }

  .lg--mr--7 {
    margin-right: var(--spacing-7);
  }

  .lg--mx--7 {
    margin-left: var(--spacing-7);
    margin-right: var(--spacing-7);
  }

  .lg--my--7 {
    margin-top: var(--spacing-7);
    margin-bottom: var(--spacing-7);
  }

  .lg--p--7 {
    padding: var(--spacing-7);
  }

  .lg--pt--7 {
    padding-top: var(--spacing-7);
  }

  .lg--pb--7 {
    padding-bottom: var(--spacing-7);
  }

  .lg--pl--7 {
    padding-left: var(--spacing-7);
  }

  .lg--pr--7 {
    padding-right: var(--spacing-7);
  }

  .lg--px--7 {
    padding-left: var(--spacing-7);
    padding-right: var(--spacing-7);
  }

  .lg--py--7 {
    padding-top: var(--spacing-7);
    padding-bottom: var(--spacing-7);
  }

  .lg--w--7 {
    width: var(--spacing-7);
  }

  .lg--max-w--7 {
    max-width: var(--spacing-7);
  }

  .lg--h--7 {
    height: var(--spacing-7);
  }

  .lg--max-h--7 {
    max-height: var(--spacing-7);
  }

  .lg--gap--7 {
    gap: var(--spacing-7);
  }

  .lg--row-gap--7 {
    row-gap: var(--spacing-7);
  }

  .lg--col-gap--7 {
    -moz-column-gap: var(--spacing-7);
    column-gap: var(--spacing-7);
  }

  .lg--top--7 {
    top: var(--spacing-7);
  }

  .lg--right--7 {
    right: var(--spacing-7);
  }

  .lg--bottom--7 {
    bottom: var(--spacing-7);
  }

  .lg--left--7 {
    left: var(--spacing-7);
  }

  .lg--inset--7 {
    top: var(--spacing-7);
    right: var(--spacing-7);
    bottom: var(--spacing-7);
    left: var(--spacing-7);
  }

  .lg--m--8 {
    margin: var(--spacing-8);
  }

  .lg--mt--8 {
    margin-top: var(--spacing-8);
  }

  .lg--mb--8 {
    margin-bottom: var(--spacing-8);
  }

  .lg--ml--8 {
    margin-left: var(--spacing-8);
  }

  .lg--mr--8 {
    margin-right: var(--spacing-8);
  }

  .lg--mx--8 {
    margin-left: var(--spacing-8);
    margin-right: var(--spacing-8);
  }

  .lg--my--8 {
    margin-top: var(--spacing-8);
    margin-bottom: var(--spacing-8);
  }

  .lg--p--8 {
    padding: var(--spacing-8);
  }

  .lg--pt--8 {
    padding-top: var(--spacing-8);
  }

  .lg--pb--8 {
    padding-bottom: var(--spacing-8);
  }

  .lg--pl--8 {
    padding-left: var(--spacing-8);
  }

  .lg--pr--8 {
    padding-right: var(--spacing-8);
  }

  .lg--px--8 {
    padding-left: var(--spacing-8);
    padding-right: var(--spacing-8);
  }

  .lg--py--8 {
    padding-top: var(--spacing-8);
    padding-bottom: var(--spacing-8);
  }

  .lg--w--8 {
    width: var(--spacing-8);
  }

  .lg--max-w--8 {
    max-width: var(--spacing-8);
  }

  .lg--h--8 {
    height: var(--spacing-8);
  }

  .lg--max-h--8 {
    max-height: var(--spacing-8);
  }

  .lg--gap--8 {
    gap: var(--spacing-8);
  }

  .lg--row-gap--8 {
    row-gap: var(--spacing-8);
  }

  .lg--col-gap--8 {
    -moz-column-gap: var(--spacing-8);
    column-gap: var(--spacing-8);
  }

  .lg--top--8 {
    top: var(--spacing-8);
  }

  .lg--right--8 {
    right: var(--spacing-8);
  }

  .lg--bottom--8 {
    bottom: var(--spacing-8);
  }

  .lg--left--8 {
    left: var(--spacing-8);
  }

  .lg--inset--8 {
    top: var(--spacing-8);
    right: var(--spacing-8);
    bottom: var(--spacing-8);
    left: var(--spacing-8);
  }

  .lg--m--9 {
    margin: var(--spacing-9);
  }

  .lg--mt--9 {
    margin-top: var(--spacing-9);
  }

  .lg--mb--9 {
    margin-bottom: var(--spacing-9);
  }

  .lg--ml--9 {
    margin-left: var(--spacing-9);
  }

  .lg--mr--9 {
    margin-right: var(--spacing-9);
  }

  .lg--mx--9 {
    margin-left: var(--spacing-9);
    margin-right: var(--spacing-9);
  }

  .lg--my--9 {
    margin-top: var(--spacing-9);
    margin-bottom: var(--spacing-9);
  }

  .lg--p--9 {
    padding: var(--spacing-9);
  }

  .lg--pt--9 {
    padding-top: var(--spacing-9);
  }

  .lg--pb--9 {
    padding-bottom: var(--spacing-9);
  }

  .lg--pl--9 {
    padding-left: var(--spacing-9);
  }

  .lg--pr--9 {
    padding-right: var(--spacing-9);
  }

  .lg--px--9 {
    padding-left: var(--spacing-9);
    padding-right: var(--spacing-9);
  }

  .lg--py--9 {
    padding-top: var(--spacing-9);
    padding-bottom: var(--spacing-9);
  }

  .lg--w--9 {
    width: var(--spacing-9);
  }

  .lg--max-w--9 {
    max-width: var(--spacing-9);
  }

  .lg--h--9 {
    height: var(--spacing-9);
  }

  .lg--max-h--9 {
    max-height: var(--spacing-9);
  }

  .lg--gap--9 {
    gap: var(--spacing-9);
  }

  .lg--row-gap--9 {
    row-gap: var(--spacing-9);
  }

  .lg--col-gap--9 {
    -moz-column-gap: var(--spacing-9);
    column-gap: var(--spacing-9);
  }

  .lg--top--9 {
    top: var(--spacing-9);
  }

  .lg--right--9 {
    right: var(--spacing-9);
  }

  .lg--bottom--9 {
    bottom: var(--spacing-9);
  }

  .lg--left--9 {
    left: var(--spacing-9);
  }

  .lg--inset--9 {
    top: var(--spacing-9);
    right: var(--spacing-9);
    bottom: var(--spacing-9);
    left: var(--spacing-9);
  }

  .lg--m--10 {
    margin: var(--spacing-10);
  }

  .lg--mt--10 {
    margin-top: var(--spacing-10);
  }

  .lg--mb--10 {
    margin-bottom: var(--spacing-10);
  }

  .lg--ml--10 {
    margin-left: var(--spacing-10);
  }

  .lg--mr--10 {
    margin-right: var(--spacing-10);
  }

  .lg--mx--10 {
    margin-left: var(--spacing-10);
    margin-right: var(--spacing-10);
  }

  .lg--my--10 {
    margin-top: var(--spacing-10);
    margin-bottom: var(--spacing-10);
  }

  .lg--p--10 {
    padding: var(--spacing-10);
  }

  .lg--pt--10 {
    padding-top: var(--spacing-10);
  }

  .lg--pb--10 {
    padding-bottom: var(--spacing-10);
  }

  .lg--pl--10 {
    padding-left: var(--spacing-10);
  }

  .lg--pr--10 {
    padding-right: var(--spacing-10);
  }

  .lg--px--10 {
    padding-left: var(--spacing-10);
    padding-right: var(--spacing-10);
  }

  .lg--py--10 {
    padding-top: var(--spacing-10);
    padding-bottom: var(--spacing-10);
  }

  .lg--w--10 {
    width: var(--spacing-10);
  }

  .lg--max-w--10 {
    max-width: var(--spacing-10);
  }

  .lg--h--10 {
    height: var(--spacing-10);
  }

  .lg--max-h--10 {
    max-height: var(--spacing-10);
  }

  .lg--gap--10 {
    gap: var(--spacing-10);
  }

  .lg--row-gap--10 {
    row-gap: var(--spacing-10);
  }

  .lg--col-gap--10 {
    -moz-column-gap: var(--spacing-10);
    column-gap: var(--spacing-10);
  }

  .lg--top--10 {
    top: var(--spacing-10);
  }

  .lg--right--10 {
    right: var(--spacing-10);
  }

  .lg--bottom--10 {
    bottom: var(--spacing-10);
  }

  .lg--left--10 {
    left: var(--spacing-10);
  }

  .lg--inset--10 {
    top: var(--spacing-10);
    right: var(--spacing-10);
    bottom: var(--spacing-10);
    left: var(--spacing-10);
  }

  .lg--m--11 {
    margin: var(--spacing-11);
  }

  .lg--mt--11 {
    margin-top: var(--spacing-11);
  }

  .lg--mb--11 {
    margin-bottom: var(--spacing-11);
  }

  .lg--ml--11 {
    margin-left: var(--spacing-11);
  }

  .lg--mr--11 {
    margin-right: var(--spacing-11);
  }

  .lg--mx--11 {
    margin-left: var(--spacing-11);
    margin-right: var(--spacing-11);
  }

  .lg--my--11 {
    margin-top: var(--spacing-11);
    margin-bottom: var(--spacing-11);
  }

  .lg--p--11 {
    padding: var(--spacing-11);
  }

  .lg--pt--11 {
    padding-top: var(--spacing-11);
  }

  .lg--pb--11 {
    padding-bottom: var(--spacing-11);
  }

  .lg--pl--11 {
    padding-left: var(--spacing-11);
  }

  .lg--pr--11 {
    padding-right: var(--spacing-11);
  }

  .lg--px--11 {
    padding-left: var(--spacing-11);
    padding-right: var(--spacing-11);
  }

  .lg--py--11 {
    padding-top: var(--spacing-11);
    padding-bottom: var(--spacing-11);
  }

  .lg--w--11 {
    width: var(--spacing-11);
  }

  .lg--max-w--11 {
    max-width: var(--spacing-11);
  }

  .lg--h--11 {
    height: var(--spacing-11);
  }

  .lg--max-h--11 {
    max-height: var(--spacing-11);
  }

  .lg--gap--11 {
    gap: var(--spacing-11);
  }

  .lg--row-gap--11 {
    row-gap: var(--spacing-11);
  }

  .lg--col-gap--11 {
    -moz-column-gap: var(--spacing-11);
    column-gap: var(--spacing-11);
  }

  .lg--top--11 {
    top: var(--spacing-11);
  }

  .lg--right--11 {
    right: var(--spacing-11);
  }

  .lg--bottom--11 {
    bottom: var(--spacing-11);
  }

  .lg--left--11 {
    left: var(--spacing-11);
  }

  .lg--inset--11 {
    top: var(--spacing-11);
    right: var(--spacing-11);
    bottom: var(--spacing-11);
    left: var(--spacing-11);
  }

  .lg--m--12 {
    margin: var(--spacing-12);
  }

  .lg--mt--12 {
    margin-top: var(--spacing-12);
  }

  .lg--mb--12 {
    margin-bottom: var(--spacing-12);
  }

  .lg--ml--12 {
    margin-left: var(--spacing-12);
  }

  .lg--mr--12 {
    margin-right: var(--spacing-12);
  }

  .lg--mx--12 {
    margin-left: var(--spacing-12);
    margin-right: var(--spacing-12);
  }

  .lg--my--12 {
    margin-top: var(--spacing-12);
    margin-bottom: var(--spacing-12);
  }

  .lg--p--12 {
    padding: var(--spacing-12);
  }

  .lg--pt--12 {
    padding-top: var(--spacing-12);
  }

  .lg--pb--12 {
    padding-bottom: var(--spacing-12);
  }

  .lg--pl--12 {
    padding-left: var(--spacing-12);
  }

  .lg--pr--12 {
    padding-right: var(--spacing-12);
  }

  .lg--px--12 {
    padding-left: var(--spacing-12);
    padding-right: var(--spacing-12);
  }

  .lg--py--12 {
    padding-top: var(--spacing-12);
    padding-bottom: var(--spacing-12);
  }

  .lg--w--12 {
    width: var(--spacing-12);
  }

  .lg--max-w--12 {
    max-width: var(--spacing-12);
  }

  .lg--h--12 {
    height: var(--spacing-12);
  }

  .lg--max-h--12 {
    max-height: var(--spacing-12);
  }

  .lg--gap--12 {
    gap: var(--spacing-12);
  }

  .lg--row-gap--12 {
    row-gap: var(--spacing-12);
  }

  .lg--col-gap--12 {
    -moz-column-gap: var(--spacing-12);
    column-gap: var(--spacing-12);
  }

  .lg--top--12 {
    top: var(--spacing-12);
  }

  .lg--right--12 {
    right: var(--spacing-12);
  }

  .lg--bottom--12 {
    bottom: var(--spacing-12);
  }

  .lg--left--12 {
    left: var(--spacing-12);
  }

  .lg--inset--12 {
    top: var(--spacing-12);
    right: var(--spacing-12);
    bottom: var(--spacing-12);
    left: var(--spacing-12);
  }

  .lg--m--13 {
    margin: var(--spacing-13);
  }

  .lg--mt--13 {
    margin-top: var(--spacing-13);
  }

  .lg--mb--13 {
    margin-bottom: var(--spacing-13);
  }

  .lg--ml--13 {
    margin-left: var(--spacing-13);
  }

  .lg--mr--13 {
    margin-right: var(--spacing-13);
  }

  .lg--mx--13 {
    margin-left: var(--spacing-13);
    margin-right: var(--spacing-13);
  }

  .lg--my--13 {
    margin-top: var(--spacing-13);
    margin-bottom: var(--spacing-13);
  }

  .lg--p--13 {
    padding: var(--spacing-13);
  }

  .lg--pt--13 {
    padding-top: var(--spacing-13);
  }

  .lg--pb--13 {
    padding-bottom: var(--spacing-13);
  }

  .lg--pl--13 {
    padding-left: var(--spacing-13);
  }

  .lg--pr--13 {
    padding-right: var(--spacing-13);
  }

  .lg--px--13 {
    padding-left: var(--spacing-13);
    padding-right: var(--spacing-13);
  }

  .lg--py--13 {
    padding-top: var(--spacing-13);
    padding-bottom: var(--spacing-13);
  }

  .lg--w--13 {
    width: var(--spacing-13);
  }

  .lg--max-w--13 {
    max-width: var(--spacing-13);
  }

  .lg--h--13 {
    height: var(--spacing-13);
  }

  .lg--max-h--13 {
    max-height: var(--spacing-13);
  }

  .lg--gap--13 {
    gap: var(--spacing-13);
  }

  .lg--row-gap--13 {
    row-gap: var(--spacing-13);
  }

  .lg--col-gap--13 {
    -moz-column-gap: var(--spacing-13);
    column-gap: var(--spacing-13);
  }

  .lg--top--13 {
    top: var(--spacing-13);
  }

  .lg--right--13 {
    right: var(--spacing-13);
  }

  .lg--bottom--13 {
    bottom: var(--spacing-13);
  }

  .lg--left--13 {
    left: var(--spacing-13);
  }

  .lg--inset--13 {
    top: var(--spacing-13);
    right: var(--spacing-13);
    bottom: var(--spacing-13);
    left: var(--spacing-13);
  }

  .lg--m--14 {
    margin: var(--spacing-14);
  }

  .lg--mt--14 {
    margin-top: var(--spacing-14);
  }

  .lg--mb--14 {
    margin-bottom: var(--spacing-14);
  }

  .lg--ml--14 {
    margin-left: var(--spacing-14);
  }

  .lg--mr--14 {
    margin-right: var(--spacing-14);
  }

  .lg--mx--14 {
    margin-left: var(--spacing-14);
    margin-right: var(--spacing-14);
  }

  .lg--my--14 {
    margin-top: var(--spacing-14);
    margin-bottom: var(--spacing-14);
  }

  .lg--p--14 {
    padding: var(--spacing-14);
  }

  .lg--pt--14 {
    padding-top: var(--spacing-14);
  }

  .lg--pb--14 {
    padding-bottom: var(--spacing-14);
  }

  .lg--pl--14 {
    padding-left: var(--spacing-14);
  }

  .lg--pr--14 {
    padding-right: var(--spacing-14);
  }

  .lg--px--14 {
    padding-left: var(--spacing-14);
    padding-right: var(--spacing-14);
  }

  .lg--py--14 {
    padding-top: var(--spacing-14);
    padding-bottom: var(--spacing-14);
  }

  .lg--w--14 {
    width: var(--spacing-14);
  }

  .lg--max-w--14 {
    max-width: var(--spacing-14);
  }

  .lg--h--14 {
    height: var(--spacing-14);
  }

  .lg--max-h--14 {
    max-height: var(--spacing-14);
  }

  .lg--gap--14 {
    gap: var(--spacing-14);
  }

  .lg--row-gap--14 {
    row-gap: var(--spacing-14);
  }

  .lg--col-gap--14 {
    -moz-column-gap: var(--spacing-14);
    column-gap: var(--spacing-14);
  }

  .lg--top--14 {
    top: var(--spacing-14);
  }

  .lg--right--14 {
    right: var(--spacing-14);
  }

  .lg--bottom--14 {
    bottom: var(--spacing-14);
  }

  .lg--left--14 {
    left: var(--spacing-14);
  }

  .lg--inset--14 {
    top: var(--spacing-14);
    right: var(--spacing-14);
    bottom: var(--spacing-14);
    left: var(--spacing-14);
  }

  .lg--m--15 {
    margin: var(--spacing-15);
  }

  .lg--mt--15 {
    margin-top: var(--spacing-15);
  }

  .lg--mb--15 {
    margin-bottom: var(--spacing-15);
  }

  .lg--ml--15 {
    margin-left: var(--spacing-15);
  }

  .lg--mr--15 {
    margin-right: var(--spacing-15);
  }

  .lg--mx--15 {
    margin-left: var(--spacing-15);
    margin-right: var(--spacing-15);
  }

  .lg--my--15 {
    margin-top: var(--spacing-15);
    margin-bottom: var(--spacing-15);
  }

  .lg--p--15 {
    padding: var(--spacing-15);
  }

  .lg--pt--15 {
    padding-top: var(--spacing-15);
  }

  .lg--pb--15 {
    padding-bottom: var(--spacing-15);
  }

  .lg--pl--15 {
    padding-left: var(--spacing-15);
  }

  .lg--pr--15 {
    padding-right: var(--spacing-15);
  }

  .lg--px--15 {
    padding-left: var(--spacing-15);
    padding-right: var(--spacing-15);
  }

  .lg--py--15 {
    padding-top: var(--spacing-15);
    padding-bottom: var(--spacing-15);
  }

  .lg--w--15 {
    width: var(--spacing-15);
  }

  .lg--max-w--15 {
    max-width: var(--spacing-15);
  }

  .lg--h--15 {
    height: var(--spacing-15);
  }

  .lg--max-h--15 {
    max-height: var(--spacing-15);
  }

  .lg--gap--15 {
    gap: var(--spacing-15);
  }

  .lg--row-gap--15 {
    row-gap: var(--spacing-15);
  }

  .lg--col-gap--15 {
    -moz-column-gap: var(--spacing-15);
    column-gap: var(--spacing-15);
  }

  .lg--top--15 {
    top: var(--spacing-15);
  }

  .lg--right--15 {
    right: var(--spacing-15);
  }

  .lg--bottom--15 {
    bottom: var(--spacing-15);
  }

  .lg--left--15 {
    left: var(--spacing-15);
  }

  .lg--inset--15 {
    top: var(--spacing-15);
    right: var(--spacing-15);
    bottom: var(--spacing-15);
    left: var(--spacing-15);
  }

  .lg--m--16 {
    margin: var(--spacing-16);
  }

  .lg--mt--16 {
    margin-top: var(--spacing-16);
  }

  .lg--mb--16 {
    margin-bottom: var(--spacing-16);
  }

  .lg--ml--16 {
    margin-left: var(--spacing-16);
  }

  .lg--mr--16 {
    margin-right: var(--spacing-16);
  }

  .lg--mx--16 {
    margin-left: var(--spacing-16);
    margin-right: var(--spacing-16);
  }

  .lg--my--16 {
    margin-top: var(--spacing-16);
    margin-bottom: var(--spacing-16);
  }

  .lg--p--16 {
    padding: var(--spacing-16);
  }

  .lg--pt--16 {
    padding-top: var(--spacing-16);
  }

  .lg--pb--16 {
    padding-bottom: var(--spacing-16);
  }

  .lg--pl--16 {
    padding-left: var(--spacing-16);
  }

  .lg--pr--16 {
    padding-right: var(--spacing-16);
  }

  .lg--px--16 {
    padding-left: var(--spacing-16);
    padding-right: var(--spacing-16);
  }

  .lg--py--16 {
    padding-top: var(--spacing-16);
    padding-bottom: var(--spacing-16);
  }

  .lg--w--16 {
    width: var(--spacing-16);
  }

  .lg--max-w--16 {
    max-width: var(--spacing-16);
  }

  .lg--h--16 {
    height: var(--spacing-16);
  }

  .lg--max-h--16 {
    max-height: var(--spacing-16);
  }

  .lg--gap--16 {
    gap: var(--spacing-16);
  }

  .lg--row-gap--16 {
    row-gap: var(--spacing-16);
  }

  .lg--col-gap--16 {
    -moz-column-gap: var(--spacing-16);
    column-gap: var(--spacing-16);
  }

  .lg--top--16 {
    top: var(--spacing-16);
  }

  .lg--right--16 {
    right: var(--spacing-16);
  }

  .lg--bottom--16 {
    bottom: var(--spacing-16);
  }

  .lg--left--16 {
    left: var(--spacing-16);
  }

  .lg--inset--16 {
    top: var(--spacing-16);
    right: var(--spacing-16);
    bottom: var(--spacing-16);
    left: var(--spacing-16);
  }

  .lg--m--17 {
    margin: var(--spacing-17);
  }

  .lg--mt--17 {
    margin-top: var(--spacing-17);
  }

  .lg--mb--17 {
    margin-bottom: var(--spacing-17);
  }

  .lg--ml--17 {
    margin-left: var(--spacing-17);
  }

  .lg--mr--17 {
    margin-right: var(--spacing-17);
  }

  .lg--mx--17 {
    margin-left: var(--spacing-17);
    margin-right: var(--spacing-17);
  }

  .lg--my--17 {
    margin-top: var(--spacing-17);
    margin-bottom: var(--spacing-17);
  }

  .lg--p--17 {
    padding: var(--spacing-17);
  }

  .lg--pt--17 {
    padding-top: var(--spacing-17);
  }

  .lg--pb--17 {
    padding-bottom: var(--spacing-17);
  }

  .lg--pl--17 {
    padding-left: var(--spacing-17);
  }

  .lg--pr--17 {
    padding-right: var(--spacing-17);
  }

  .lg--px--17 {
    padding-left: var(--spacing-17);
    padding-right: var(--spacing-17);
  }

  .lg--py--17 {
    padding-top: var(--spacing-17);
    padding-bottom: var(--spacing-17);
  }

  .lg--w--17 {
    width: var(--spacing-17);
  }

  .lg--max-w--17 {
    max-width: var(--spacing-17);
  }

  .lg--h--17 {
    height: var(--spacing-17);
  }

  .lg--max-h--17 {
    max-height: var(--spacing-17);
  }

  .lg--gap--17 {
    gap: var(--spacing-17);
  }

  .lg--row-gap--17 {
    row-gap: var(--spacing-17);
  }

  .lg--col-gap--17 {
    -moz-column-gap: var(--spacing-17);
    column-gap: var(--spacing-17);
  }

  .lg--top--17 {
    top: var(--spacing-17);
  }

  .lg--right--17 {
    right: var(--spacing-17);
  }

  .lg--bottom--17 {
    bottom: var(--spacing-17);
  }

  .lg--left--17 {
    left: var(--spacing-17);
  }

  .lg--inset--17 {
    top: var(--spacing-17);
    right: var(--spacing-17);
    bottom: var(--spacing-17);
    left: var(--spacing-17);
  }

  .lg--m--18 {
    margin: var(--spacing-18);
  }

  .lg--mt--18 {
    margin-top: var(--spacing-18);
  }

  .lg--mb--18 {
    margin-bottom: var(--spacing-18);
  }

  .lg--ml--18 {
    margin-left: var(--spacing-18);
  }

  .lg--mr--18 {
    margin-right: var(--spacing-18);
  }

  .lg--mx--18 {
    margin-left: var(--spacing-18);
    margin-right: var(--spacing-18);
  }

  .lg--my--18 {
    margin-top: var(--spacing-18);
    margin-bottom: var(--spacing-18);
  }

  .lg--p--18 {
    padding: var(--spacing-18);
  }

  .lg--pt--18 {
    padding-top: var(--spacing-18);
  }

  .lg--pb--18 {
    padding-bottom: var(--spacing-18);
  }

  .lg--pl--18 {
    padding-left: var(--spacing-18);
  }

  .lg--pr--18 {
    padding-right: var(--spacing-18);
  }

  .lg--px--18 {
    padding-left: var(--spacing-18);
    padding-right: var(--spacing-18);
  }

  .lg--py--18 {
    padding-top: var(--spacing-18);
    padding-bottom: var(--spacing-18);
  }

  .lg--w--18 {
    width: var(--spacing-18);
  }

  .lg--max-w--18 {
    max-width: var(--spacing-18);
  }

  .lg--h--18 {
    height: var(--spacing-18);
  }

  .lg--max-h--18 {
    max-height: var(--spacing-18);
  }

  .lg--gap--18 {
    gap: var(--spacing-18);
  }

  .lg--row-gap--18 {
    row-gap: var(--spacing-18);
  }

  .lg--col-gap--18 {
    -moz-column-gap: var(--spacing-18);
    column-gap: var(--spacing-18);
  }

  .lg--top--18 {
    top: var(--spacing-18);
  }

  .lg--right--18 {
    right: var(--spacing-18);
  }

  .lg--bottom--18 {
    bottom: var(--spacing-18);
  }

  .lg--left--18 {
    left: var(--spacing-18);
  }

  .lg--inset--18 {
    top: var(--spacing-18);
    right: var(--spacing-18);
    bottom: var(--spacing-18);
    left: var(--spacing-18);
  }

  .lg--m--19 {
    margin: var(--spacing-19);
  }

  .lg--mt--19 {
    margin-top: var(--spacing-19);
  }

  .lg--mb--19 {
    margin-bottom: var(--spacing-19);
  }

  .lg--ml--19 {
    margin-left: var(--spacing-19);
  }

  .lg--mr--19 {
    margin-right: var(--spacing-19);
  }

  .lg--mx--19 {
    margin-left: var(--spacing-19);
    margin-right: var(--spacing-19);
  }

  .lg--my--19 {
    margin-top: var(--spacing-19);
    margin-bottom: var(--spacing-19);
  }

  .lg--p--19 {
    padding: var(--spacing-19);
  }

  .lg--pt--19 {
    padding-top: var(--spacing-19);
  }

  .lg--pb--19 {
    padding-bottom: var(--spacing-19);
  }

  .lg--pl--19 {
    padding-left: var(--spacing-19);
  }

  .lg--pr--19 {
    padding-right: var(--spacing-19);
  }

  .lg--px--19 {
    padding-left: var(--spacing-19);
    padding-right: var(--spacing-19);
  }

  .lg--py--19 {
    padding-top: var(--spacing-19);
    padding-bottom: var(--spacing-19);
  }

  .lg--w--19 {
    width: var(--spacing-19);
  }

  .lg--max-w--19 {
    max-width: var(--spacing-19);
  }

  .lg--h--19 {
    height: var(--spacing-19);
  }

  .lg--max-h--19 {
    max-height: var(--spacing-19);
  }

  .lg--gap--19 {
    gap: var(--spacing-19);
  }

  .lg--row-gap--19 {
    row-gap: var(--spacing-19);
  }

  .lg--col-gap--19 {
    -moz-column-gap: var(--spacing-19);
    column-gap: var(--spacing-19);
  }

  .lg--top--19 {
    top: var(--spacing-19);
  }

  .lg--right--19 {
    right: var(--spacing-19);
  }

  .lg--bottom--19 {
    bottom: var(--spacing-19);
  }

  .lg--left--19 {
    left: var(--spacing-19);
  }

  .lg--inset--19 {
    top: var(--spacing-19);
    right: var(--spacing-19);
    bottom: var(--spacing-19);
    left: var(--spacing-19);
  }

  .lg--m--20 {
    margin: var(--spacing-20);
  }

  .lg--mt--20 {
    margin-top: var(--spacing-20);
  }

  .lg--mb--20 {
    margin-bottom: var(--spacing-20);
  }

  .lg--ml--20 {
    margin-left: var(--spacing-20);
  }

  .lg--mr--20 {
    margin-right: var(--spacing-20);
  }

  .lg--mx--20 {
    margin-left: var(--spacing-20);
    margin-right: var(--spacing-20);
  }

  .lg--my--20 {
    margin-top: var(--spacing-20);
    margin-bottom: var(--spacing-20);
  }

  .lg--p--20 {
    padding: var(--spacing-20);
  }

  .lg--pt--20 {
    padding-top: var(--spacing-20);
  }

  .lg--pb--20 {
    padding-bottom: var(--spacing-20);
  }

  .lg--pl--20 {
    padding-left: var(--spacing-20);
  }

  .lg--pr--20 {
    padding-right: var(--spacing-20);
  }

  .lg--px--20 {
    padding-left: var(--spacing-20);
    padding-right: var(--spacing-20);
  }

  .lg--py--20 {
    padding-top: var(--spacing-20);
    padding-bottom: var(--spacing-20);
  }

  .lg--w--20 {
    width: var(--spacing-20);
  }

  .lg--max-w--20 {
    max-width: var(--spacing-20);
  }

  .lg--h--20 {
    height: var(--spacing-20);
  }

  .lg--max-h--20 {
    max-height: var(--spacing-20);
  }

  .lg--gap--20 {
    gap: var(--spacing-20);
  }

  .lg--row-gap--20 {
    row-gap: var(--spacing-20);
  }

  .lg--col-gap--20 {
    -moz-column-gap: var(--spacing-20);
    column-gap: var(--spacing-20);
  }

  .lg--top--20 {
    top: var(--spacing-20);
  }

  .lg--right--20 {
    right: var(--spacing-20);
  }

  .lg--bottom--20 {
    bottom: var(--spacing-20);
  }

  .lg--left--20 {
    left: var(--spacing-20);
  }

  .lg--inset--20 {
    top: var(--spacing-20);
    right: var(--spacing-20);
    bottom: var(--spacing-20);
    left: var(--spacing-20);
  }

  .lg--m--21 {
    margin: var(--spacing-21);
  }

  .lg--mt--21 {
    margin-top: var(--spacing-21);
  }

  .lg--mb--21 {
    margin-bottom: var(--spacing-21);
  }

  .lg--ml--21 {
    margin-left: var(--spacing-21);
  }

  .lg--mr--21 {
    margin-right: var(--spacing-21);
  }

  .lg--mx--21 {
    margin-left: var(--spacing-21);
    margin-right: var(--spacing-21);
  }

  .lg--my--21 {
    margin-top: var(--spacing-21);
    margin-bottom: var(--spacing-21);
  }

  .lg--p--21 {
    padding: var(--spacing-21);
  }

  .lg--pt--21 {
    padding-top: var(--spacing-21);
  }

  .lg--pb--21 {
    padding-bottom: var(--spacing-21);
  }

  .lg--pl--21 {
    padding-left: var(--spacing-21);
  }

  .lg--pr--21 {
    padding-right: var(--spacing-21);
  }

  .lg--px--21 {
    padding-left: var(--spacing-21);
    padding-right: var(--spacing-21);
  }

  .lg--py--21 {
    padding-top: var(--spacing-21);
    padding-bottom: var(--spacing-21);
  }

  .lg--w--21 {
    width: var(--spacing-21);
  }

  .lg--max-w--21 {
    max-width: var(--spacing-21);
  }

  .lg--h--21 {
    height: var(--spacing-21);
  }

  .lg--max-h--21 {
    max-height: var(--spacing-21);
  }

  .lg--gap--21 {
    gap: var(--spacing-21);
  }

  .lg--row-gap--21 {
    row-gap: var(--spacing-21);
  }

  .lg--col-gap--21 {
    -moz-column-gap: var(--spacing-21);
    column-gap: var(--spacing-21);
  }

  .lg--top--21 {
    top: var(--spacing-21);
  }

  .lg--right--21 {
    right: var(--spacing-21);
  }

  .lg--bottom--21 {
    bottom: var(--spacing-21);
  }

  .lg--left--21 {
    left: var(--spacing-21);
  }

  .lg--inset--21 {
    top: var(--spacing-21);
    right: var(--spacing-21);
    bottom: var(--spacing-21);
    left: var(--spacing-21);
  }

  .lg--m--22 {
    margin: var(--spacing-22);
  }

  .lg--mt--22 {
    margin-top: var(--spacing-22);
  }

  .lg--mb--22 {
    margin-bottom: var(--spacing-22);
  }

  .lg--ml--22 {
    margin-left: var(--spacing-22);
  }

  .lg--mr--22 {
    margin-right: var(--spacing-22);
  }

  .lg--mx--22 {
    margin-left: var(--spacing-22);
    margin-right: var(--spacing-22);
  }

  .lg--my--22 {
    margin-top: var(--spacing-22);
    margin-bottom: var(--spacing-22);
  }

  .lg--p--22 {
    padding: var(--spacing-22);
  }

  .lg--pt--22 {
    padding-top: var(--spacing-22);
  }

  .lg--pb--22 {
    padding-bottom: var(--spacing-22);
  }

  .lg--pl--22 {
    padding-left: var(--spacing-22);
  }

  .lg--pr--22 {
    padding-right: var(--spacing-22);
  }

  .lg--px--22 {
    padding-left: var(--spacing-22);
    padding-right: var(--spacing-22);
  }

  .lg--py--22 {
    padding-top: var(--spacing-22);
    padding-bottom: var(--spacing-22);
  }

  .lg--w--22 {
    width: var(--spacing-22);
  }

  .lg--max-w--22 {
    max-width: var(--spacing-22);
  }

  .lg--h--22 {
    height: var(--spacing-22);
  }

  .lg--max-h--22 {
    max-height: var(--spacing-22);
  }

  .lg--gap--22 {
    gap: var(--spacing-22);
  }

  .lg--row-gap--22 {
    row-gap: var(--spacing-22);
  }

  .lg--col-gap--22 {
    -moz-column-gap: var(--spacing-22);
    column-gap: var(--spacing-22);
  }

  .lg--top--22 {
    top: var(--spacing-22);
  }

  .lg--right--22 {
    right: var(--spacing-22);
  }

  .lg--bottom--22 {
    bottom: var(--spacing-22);
  }

  .lg--left--22 {
    left: var(--spacing-22);
  }

  .lg--inset--22 {
    top: var(--spacing-22);
    right: var(--spacing-22);
    bottom: var(--spacing-22);
    left: var(--spacing-22);
  }

  .lg--m--23 {
    margin: var(--spacing-23);
  }

  .lg--mt--23 {
    margin-top: var(--spacing-23);
  }

  .lg--mb--23 {
    margin-bottom: var(--spacing-23);
  }

  .lg--ml--23 {
    margin-left: var(--spacing-23);
  }

  .lg--mr--23 {
    margin-right: var(--spacing-23);
  }

  .lg--mx--23 {
    margin-left: var(--spacing-23);
    margin-right: var(--spacing-23);
  }

  .lg--my--23 {
    margin-top: var(--spacing-23);
    margin-bottom: var(--spacing-23);
  }

  .lg--p--23 {
    padding: var(--spacing-23);
  }

  .lg--pt--23 {
    padding-top: var(--spacing-23);
  }

  .lg--pb--23 {
    padding-bottom: var(--spacing-23);
  }

  .lg--pl--23 {
    padding-left: var(--spacing-23);
  }

  .lg--pr--23 {
    padding-right: var(--spacing-23);
  }

  .lg--px--23 {
    padding-left: var(--spacing-23);
    padding-right: var(--spacing-23);
  }

  .lg--py--23 {
    padding-top: var(--spacing-23);
    padding-bottom: var(--spacing-23);
  }

  .lg--w--23 {
    width: var(--spacing-23);
  }

  .lg--max-w--23 {
    max-width: var(--spacing-23);
  }

  .lg--h--23 {
    height: var(--spacing-23);
  }

  .lg--max-h--23 {
    max-height: var(--spacing-23);
  }

  .lg--gap--23 {
    gap: var(--spacing-23);
  }

  .lg--row-gap--23 {
    row-gap: var(--spacing-23);
  }

  .lg--col-gap--23 {
    -moz-column-gap: var(--spacing-23);
    column-gap: var(--spacing-23);
  }

  .lg--top--23 {
    top: var(--spacing-23);
  }

  .lg--right--23 {
    right: var(--spacing-23);
  }

  .lg--bottom--23 {
    bottom: var(--spacing-23);
  }

  .lg--left--23 {
    left: var(--spacing-23);
  }

  .lg--inset--23 {
    top: var(--spacing-23);
    right: var(--spacing-23);
    bottom: var(--spacing-23);
    left: var(--spacing-23);
  }

  .lg--m--24 {
    margin: var(--spacing-24);
  }

  .lg--mt--24 {
    margin-top: var(--spacing-24);
  }

  .lg--mb--24 {
    margin-bottom: var(--spacing-24);
  }

  .lg--ml--24 {
    margin-left: var(--spacing-24);
  }

  .lg--mr--24 {
    margin-right: var(--spacing-24);
  }

  .lg--mx--24 {
    margin-left: var(--spacing-24);
    margin-right: var(--spacing-24);
  }

  .lg--my--24 {
    margin-top: var(--spacing-24);
    margin-bottom: var(--spacing-24);
  }

  .lg--p--24 {
    padding: var(--spacing-24);
  }

  .lg--pt--24 {
    padding-top: var(--spacing-24);
  }

  .lg--pb--24 {
    padding-bottom: var(--spacing-24);
  }

  .lg--pl--24 {
    padding-left: var(--spacing-24);
  }

  .lg--pr--24 {
    padding-right: var(--spacing-24);
  }

  .lg--px--24 {
    padding-left: var(--spacing-24);
    padding-right: var(--spacing-24);
  }

  .lg--py--24 {
    padding-top: var(--spacing-24);
    padding-bottom: var(--spacing-24);
  }

  .lg--w--24 {
    width: var(--spacing-24);
  }

  .lg--max-w--24 {
    max-width: var(--spacing-24);
  }

  .lg--h--24 {
    height: var(--spacing-24);
  }

  .lg--max-h--24 {
    max-height: var(--spacing-24);
  }

  .lg--gap--24 {
    gap: var(--spacing-24);
  }

  .lg--row-gap--24 {
    row-gap: var(--spacing-24);
  }

  .lg--col-gap--24 {
    -moz-column-gap: var(--spacing-24);
    column-gap: var(--spacing-24);
  }

  .lg--top--24 {
    top: var(--spacing-24);
  }

  .lg--right--24 {
    right: var(--spacing-24);
  }

  .lg--bottom--24 {
    bottom: var(--spacing-24);
  }

  .lg--left--24 {
    left: var(--spacing-24);
  }

  .lg--inset--24 {
    top: var(--spacing-24);
    right: var(--spacing-24);
    bottom: var(--spacing-24);
    left: var(--spacing-24);
  }

  .lg--m--25 {
    margin: var(--spacing-25);
  }

  .lg--mt--25 {
    margin-top: var(--spacing-25);
  }

  .lg--mb--25 {
    margin-bottom: var(--spacing-25);
  }

  .lg--ml--25 {
    margin-left: var(--spacing-25);
  }

  .lg--mr--25 {
    margin-right: var(--spacing-25);
  }

  .lg--mx--25 {
    margin-left: var(--spacing-25);
    margin-right: var(--spacing-25);
  }

  .lg--my--25 {
    margin-top: var(--spacing-25);
    margin-bottom: var(--spacing-25);
  }

  .lg--p--25 {
    padding: var(--spacing-25);
  }

  .lg--pt--25 {
    padding-top: var(--spacing-25);
  }

  .lg--pb--25 {
    padding-bottom: var(--spacing-25);
  }

  .lg--pl--25 {
    padding-left: var(--spacing-25);
  }

  .lg--pr--25 {
    padding-right: var(--spacing-25);
  }

  .lg--px--25 {
    padding-left: var(--spacing-25);
    padding-right: var(--spacing-25);
  }

  .lg--py--25 {
    padding-top: var(--spacing-25);
    padding-bottom: var(--spacing-25);
  }

  .lg--w--25 {
    width: var(--spacing-25);
  }

  .lg--max-w--25 {
    max-width: var(--spacing-25);
  }

  .lg--h--25 {
    height: var(--spacing-25);
  }

  .lg--max-h--25 {
    max-height: var(--spacing-25);
  }

  .lg--gap--25 {
    gap: var(--spacing-25);
  }

  .lg--row-gap--25 {
    row-gap: var(--spacing-25);
  }

  .lg--col-gap--25 {
    -moz-column-gap: var(--spacing-25);
    column-gap: var(--spacing-25);
  }

  .lg--top--25 {
    top: var(--spacing-25);
  }

  .lg--right--25 {
    right: var(--spacing-25);
  }

  .lg--bottom--25 {
    bottom: var(--spacing-25);
  }

  .lg--left--25 {
    left: var(--spacing-25);
  }

  .lg--inset--25 {
    top: var(--spacing-25);
    right: var(--spacing-25);
    bottom: var(--spacing-25);
    left: var(--spacing-25);
  }

  .lg--m--26 {
    margin: var(--spacing-26);
  }

  .lg--mt--26 {
    margin-top: var(--spacing-26);
  }

  .lg--mb--26 {
    margin-bottom: var(--spacing-26);
  }

  .lg--ml--26 {
    margin-left: var(--spacing-26);
  }

  .lg--mr--26 {
    margin-right: var(--spacing-26);
  }

  .lg--mx--26 {
    margin-left: var(--spacing-26);
    margin-right: var(--spacing-26);
  }

  .lg--my--26 {
    margin-top: var(--spacing-26);
    margin-bottom: var(--spacing-26);
  }

  .lg--p--26 {
    padding: var(--spacing-26);
  }

  .lg--pt--26 {
    padding-top: var(--spacing-26);
  }

  .lg--pb--26 {
    padding-bottom: var(--spacing-26);
  }

  .lg--pl--26 {
    padding-left: var(--spacing-26);
  }

  .lg--pr--26 {
    padding-right: var(--spacing-26);
  }

  .lg--px--26 {
    padding-left: var(--spacing-26);
    padding-right: var(--spacing-26);
  }

  .lg--py--26 {
    padding-top: var(--spacing-26);
    padding-bottom: var(--spacing-26);
  }

  .lg--w--26 {
    width: var(--spacing-26);
  }

  .lg--max-w--26 {
    max-width: var(--spacing-26);
  }

  .lg--h--26 {
    height: var(--spacing-26);
  }

  .lg--max-h--26 {
    max-height: var(--spacing-26);
  }

  .lg--gap--26 {
    gap: var(--spacing-26);
  }

  .lg--row-gap--26 {
    row-gap: var(--spacing-26);
  }

  .lg--col-gap--26 {
    -moz-column-gap: var(--spacing-26);
    column-gap: var(--spacing-26);
  }

  .lg--top--26 {
    top: var(--spacing-26);
  }

  .lg--right--26 {
    right: var(--spacing-26);
  }

  .lg--bottom--26 {
    bottom: var(--spacing-26);
  }

  .lg--left--26 {
    left: var(--spacing-26);
  }

  .lg--inset--26 {
    top: var(--spacing-26);
    right: var(--spacing-26);
    bottom: var(--spacing-26);
    left: var(--spacing-26);
  }

  .lg--m--27 {
    margin: var(--spacing-27);
  }

  .lg--mt--27 {
    margin-top: var(--spacing-27);
  }

  .lg--mb--27 {
    margin-bottom: var(--spacing-27);
  }

  .lg--ml--27 {
    margin-left: var(--spacing-27);
  }

  .lg--mr--27 {
    margin-right: var(--spacing-27);
  }

  .lg--mx--27 {
    margin-left: var(--spacing-27);
    margin-right: var(--spacing-27);
  }

  .lg--my--27 {
    margin-top: var(--spacing-27);
    margin-bottom: var(--spacing-27);
  }

  .lg--p--27 {
    padding: var(--spacing-27);
  }

  .lg--pt--27 {
    padding-top: var(--spacing-27);
  }

  .lg--pb--27 {
    padding-bottom: var(--spacing-27);
  }

  .lg--pl--27 {
    padding-left: var(--spacing-27);
  }

  .lg--pr--27 {
    padding-right: var(--spacing-27);
  }

  .lg--px--27 {
    padding-left: var(--spacing-27);
    padding-right: var(--spacing-27);
  }

  .lg--py--27 {
    padding-top: var(--spacing-27);
    padding-bottom: var(--spacing-27);
  }

  .lg--w--27 {
    width: var(--spacing-27);
  }

  .lg--max-w--27 {
    max-width: var(--spacing-27);
  }

  .lg--h--27 {
    height: var(--spacing-27);
  }

  .lg--max-h--27 {
    max-height: var(--spacing-27);
  }

  .lg--gap--27 {
    gap: var(--spacing-27);
  }

  .lg--row-gap--27 {
    row-gap: var(--spacing-27);
  }

  .lg--col-gap--27 {
    -moz-column-gap: var(--spacing-27);
    column-gap: var(--spacing-27);
  }

  .lg--top--27 {
    top: var(--spacing-27);
  }

  .lg--right--27 {
    right: var(--spacing-27);
  }

  .lg--bottom--27 {
    bottom: var(--spacing-27);
  }

  .lg--left--27 {
    left: var(--spacing-27);
  }

  .lg--inset--27 {
    top: var(--spacing-27);
    right: var(--spacing-27);
    bottom: var(--spacing-27);
    left: var(--spacing-27);
  }

  .lg--m--28 {
    margin: var(--spacing-28);
  }

  .lg--mt--28 {
    margin-top: var(--spacing-28);
  }

  .lg--mb--28 {
    margin-bottom: var(--spacing-28);
  }

  .lg--ml--28 {
    margin-left: var(--spacing-28);
  }

  .lg--mr--28 {
    margin-right: var(--spacing-28);
  }

  .lg--mx--28 {
    margin-left: var(--spacing-28);
    margin-right: var(--spacing-28);
  }

  .lg--my--28 {
    margin-top: var(--spacing-28);
    margin-bottom: var(--spacing-28);
  }

  .lg--p--28 {
    padding: var(--spacing-28);
  }

  .lg--pt--28 {
    padding-top: var(--spacing-28);
  }

  .lg--pb--28 {
    padding-bottom: var(--spacing-28);
  }

  .lg--pl--28 {
    padding-left: var(--spacing-28);
  }

  .lg--pr--28 {
    padding-right: var(--spacing-28);
  }

  .lg--px--28 {
    padding-left: var(--spacing-28);
    padding-right: var(--spacing-28);
  }

  .lg--py--28 {
    padding-top: var(--spacing-28);
    padding-bottom: var(--spacing-28);
  }

  .lg--w--28 {
    width: var(--spacing-28);
  }

  .lg--max-w--28 {
    max-width: var(--spacing-28);
  }

  .lg--h--28 {
    height: var(--spacing-28);
  }

  .lg--max-h--28 {
    max-height: var(--spacing-28);
  }

  .lg--gap--28 {
    gap: var(--spacing-28);
  }

  .lg--row-gap--28 {
    row-gap: var(--spacing-28);
  }

  .lg--col-gap--28 {
    -moz-column-gap: var(--spacing-28);
    column-gap: var(--spacing-28);
  }

  .lg--top--28 {
    top: var(--spacing-28);
  }

  .lg--right--28 {
    right: var(--spacing-28);
  }

  .lg--bottom--28 {
    bottom: var(--spacing-28);
  }

  .lg--left--28 {
    left: var(--spacing-28);
  }

  .lg--inset--28 {
    top: var(--spacing-28);
    right: var(--spacing-28);
    bottom: var(--spacing-28);
    left: var(--spacing-28);
  }

  .lg--m--29 {
    margin: var(--spacing-29);
  }

  .lg--mt--29 {
    margin-top: var(--spacing-29);
  }

  .lg--mb--29 {
    margin-bottom: var(--spacing-29);
  }

  .lg--ml--29 {
    margin-left: var(--spacing-29);
  }

  .lg--mr--29 {
    margin-right: var(--spacing-29);
  }

  .lg--mx--29 {
    margin-left: var(--spacing-29);
    margin-right: var(--spacing-29);
  }

  .lg--my--29 {
    margin-top: var(--spacing-29);
    margin-bottom: var(--spacing-29);
  }

  .lg--p--29 {
    padding: var(--spacing-29);
  }

  .lg--pt--29 {
    padding-top: var(--spacing-29);
  }

  .lg--pb--29 {
    padding-bottom: var(--spacing-29);
  }

  .lg--pl--29 {
    padding-left: var(--spacing-29);
  }

  .lg--pr--29 {
    padding-right: var(--spacing-29);
  }

  .lg--px--29 {
    padding-left: var(--spacing-29);
    padding-right: var(--spacing-29);
  }

  .lg--py--29 {
    padding-top: var(--spacing-29);
    padding-bottom: var(--spacing-29);
  }

  .lg--w--29 {
    width: var(--spacing-29);
  }

  .lg--max-w--29 {
    max-width: var(--spacing-29);
  }

  .lg--h--29 {
    height: var(--spacing-29);
  }

  .lg--max-h--29 {
    max-height: var(--spacing-29);
  }

  .lg--gap--29 {
    gap: var(--spacing-29);
  }

  .lg--row-gap--29 {
    row-gap: var(--spacing-29);
  }

  .lg--col-gap--29 {
    -moz-column-gap: var(--spacing-29);
    column-gap: var(--spacing-29);
  }

  .lg--top--29 {
    top: var(--spacing-29);
  }

  .lg--right--29 {
    right: var(--spacing-29);
  }

  .lg--bottom--29 {
    bottom: var(--spacing-29);
  }

  .lg--left--29 {
    left: var(--spacing-29);
  }

  .lg--inset--29 {
    top: var(--spacing-29);
    right: var(--spacing-29);
    bottom: var(--spacing-29);
    left: var(--spacing-29);
  }

  .lg--m--30 {
    margin: var(--spacing-30);
  }

  .lg--mt--30 {
    margin-top: var(--spacing-30);
  }

  .lg--mb--30 {
    margin-bottom: var(--spacing-30);
  }

  .lg--ml--30 {
    margin-left: var(--spacing-30);
  }

  .lg--mr--30 {
    margin-right: var(--spacing-30);
  }

  .lg--mx--30 {
    margin-left: var(--spacing-30);
    margin-right: var(--spacing-30);
  }

  .lg--my--30 {
    margin-top: var(--spacing-30);
    margin-bottom: var(--spacing-30);
  }

  .lg--p--30 {
    padding: var(--spacing-30);
  }

  .lg--pt--30 {
    padding-top: var(--spacing-30);
  }

  .lg--pb--30 {
    padding-bottom: var(--spacing-30);
  }

  .lg--pl--30 {
    padding-left: var(--spacing-30);
  }

  .lg--pr--30 {
    padding-right: var(--spacing-30);
  }

  .lg--px--30 {
    padding-left: var(--spacing-30);
    padding-right: var(--spacing-30);
  }

  .lg--py--30 {
    padding-top: var(--spacing-30);
    padding-bottom: var(--spacing-30);
  }

  .lg--w--30 {
    width: var(--spacing-30);
  }

  .lg--max-w--30 {
    max-width: var(--spacing-30);
  }

  .lg--h--30 {
    height: var(--spacing-30);
  }

  .lg--max-h--30 {
    max-height: var(--spacing-30);
  }

  .lg--gap--30 {
    gap: var(--spacing-30);
  }

  .lg--row-gap--30 {
    row-gap: var(--spacing-30);
  }

  .lg--col-gap--30 {
    -moz-column-gap: var(--spacing-30);
    column-gap: var(--spacing-30);
  }

  .lg--top--30 {
    top: var(--spacing-30);
  }

  .lg--right--30 {
    right: var(--spacing-30);
  }

  .lg--bottom--30 {
    bottom: var(--spacing-30);
  }

  .lg--left--30 {
    left: var(--spacing-30);
  }

  .lg--inset--30 {
    top: var(--spacing-30);
    right: var(--spacing-30);
    bottom: var(--spacing-30);
    left: var(--spacing-30);
  }

  .lg--m--31 {
    margin: var(--spacing-31);
  }

  .lg--mt--31 {
    margin-top: var(--spacing-31);
  }

  .lg--mb--31 {
    margin-bottom: var(--spacing-31);
  }

  .lg--ml--31 {
    margin-left: var(--spacing-31);
  }

  .lg--mr--31 {
    margin-right: var(--spacing-31);
  }

  .lg--mx--31 {
    margin-left: var(--spacing-31);
    margin-right: var(--spacing-31);
  }

  .lg--my--31 {
    margin-top: var(--spacing-31);
    margin-bottom: var(--spacing-31);
  }

  .lg--p--31 {
    padding: var(--spacing-31);
  }

  .lg--pt--31 {
    padding-top: var(--spacing-31);
  }

  .lg--pb--31 {
    padding-bottom: var(--spacing-31);
  }

  .lg--pl--31 {
    padding-left: var(--spacing-31);
  }

  .lg--pr--31 {
    padding-right: var(--spacing-31);
  }

  .lg--px--31 {
    padding-left: var(--spacing-31);
    padding-right: var(--spacing-31);
  }

  .lg--py--31 {
    padding-top: var(--spacing-31);
    padding-bottom: var(--spacing-31);
  }

  .lg--w--31 {
    width: var(--spacing-31);
  }

  .lg--max-w--31 {
    max-width: var(--spacing-31);
  }

  .lg--h--31 {
    height: var(--spacing-31);
  }

  .lg--max-h--31 {
    max-height: var(--spacing-31);
  }

  .lg--gap--31 {
    gap: var(--spacing-31);
  }

  .lg--row-gap--31 {
    row-gap: var(--spacing-31);
  }

  .lg--col-gap--31 {
    -moz-column-gap: var(--spacing-31);
    column-gap: var(--spacing-31);
  }

  .lg--top--31 {
    top: var(--spacing-31);
  }

  .lg--right--31 {
    right: var(--spacing-31);
  }

  .lg--bottom--31 {
    bottom: var(--spacing-31);
  }

  .lg--left--31 {
    left: var(--spacing-31);
  }

  .lg--inset--31 {
    top: var(--spacing-31);
    right: var(--spacing-31);
    bottom: var(--spacing-31);
    left: var(--spacing-31);
  }

  .lg--m--32 {
    margin: var(--spacing-32);
  }

  .lg--mt--32 {
    margin-top: var(--spacing-32);
  }

  .lg--mb--32 {
    margin-bottom: var(--spacing-32);
  }

  .lg--ml--32 {
    margin-left: var(--spacing-32);
  }

  .lg--mr--32 {
    margin-right: var(--spacing-32);
  }

  .lg--mx--32 {
    margin-left: var(--spacing-32);
    margin-right: var(--spacing-32);
  }

  .lg--my--32 {
    margin-top: var(--spacing-32);
    margin-bottom: var(--spacing-32);
  }

  .lg--p--32 {
    padding: var(--spacing-32);
  }

  .lg--pt--32 {
    padding-top: var(--spacing-32);
  }

  .lg--pb--32 {
    padding-bottom: var(--spacing-32);
  }

  .lg--pl--32 {
    padding-left: var(--spacing-32);
  }

  .lg--pr--32 {
    padding-right: var(--spacing-32);
  }

  .lg--px--32 {
    padding-left: var(--spacing-32);
    padding-right: var(--spacing-32);
  }

  .lg--py--32 {
    padding-top: var(--spacing-32);
    padding-bottom: var(--spacing-32);
  }

  .lg--w--32 {
    width: var(--spacing-32);
  }

  .lg--max-w--32 {
    max-width: var(--spacing-32);
  }

  .lg--h--32 {
    height: var(--spacing-32);
  }

  .lg--max-h--32 {
    max-height: var(--spacing-32);
  }

  .lg--gap--32 {
    gap: var(--spacing-32);
  }

  .lg--row-gap--32 {
    row-gap: var(--spacing-32);
  }

  .lg--col-gap--32 {
    -moz-column-gap: var(--spacing-32);
    column-gap: var(--spacing-32);
  }

  .lg--top--32 {
    top: var(--spacing-32);
  }

  .lg--right--32 {
    right: var(--spacing-32);
  }

  .lg--bottom--32 {
    bottom: var(--spacing-32);
  }

  .lg--left--32 {
    left: var(--spacing-32);
  }

  .lg--inset--32 {
    top: var(--spacing-32);
    right: var(--spacing-32);
    bottom: var(--spacing-32);
    left: var(--spacing-32);
  }

  .lg--m--33 {
    margin: var(--spacing-33);
  }

  .lg--mt--33 {
    margin-top: var(--spacing-33);
  }

  .lg--mb--33 {
    margin-bottom: var(--spacing-33);
  }

  .lg--ml--33 {
    margin-left: var(--spacing-33);
  }

  .lg--mr--33 {
    margin-right: var(--spacing-33);
  }

  .lg--mx--33 {
    margin-left: var(--spacing-33);
    margin-right: var(--spacing-33);
  }

  .lg--my--33 {
    margin-top: var(--spacing-33);
    margin-bottom: var(--spacing-33);
  }

  .lg--p--33 {
    padding: var(--spacing-33);
  }

  .lg--pt--33 {
    padding-top: var(--spacing-33);
  }

  .lg--pb--33 {
    padding-bottom: var(--spacing-33);
  }

  .lg--pl--33 {
    padding-left: var(--spacing-33);
  }

  .lg--pr--33 {
    padding-right: var(--spacing-33);
  }

  .lg--px--33 {
    padding-left: var(--spacing-33);
    padding-right: var(--spacing-33);
  }

  .lg--py--33 {
    padding-top: var(--spacing-33);
    padding-bottom: var(--spacing-33);
  }

  .lg--w--33 {
    width: var(--spacing-33);
  }

  .lg--max-w--33 {
    max-width: var(--spacing-33);
  }

  .lg--h--33 {
    height: var(--spacing-33);
  }

  .lg--max-h--33 {
    max-height: var(--spacing-33);
  }

  .lg--gap--33 {
    gap: var(--spacing-33);
  }

  .lg--row-gap--33 {
    row-gap: var(--spacing-33);
  }

  .lg--col-gap--33 {
    -moz-column-gap: var(--spacing-33);
    column-gap: var(--spacing-33);
  }

  .lg--top--33 {
    top: var(--spacing-33);
  }

  .lg--right--33 {
    right: var(--spacing-33);
  }

  .lg--bottom--33 {
    bottom: var(--spacing-33);
  }

  .lg--left--33 {
    left: var(--spacing-33);
  }

  .lg--inset--33 {
    top: var(--spacing-33);
    right: var(--spacing-33);
    bottom: var(--spacing-33);
    left: var(--spacing-33);
  }

  .lg--m--34 {
    margin: var(--spacing-34);
  }

  .lg--mt--34 {
    margin-top: var(--spacing-34);
  }

  .lg--mb--34 {
    margin-bottom: var(--spacing-34);
  }

  .lg--ml--34 {
    margin-left: var(--spacing-34);
  }

  .lg--mr--34 {
    margin-right: var(--spacing-34);
  }

  .lg--mx--34 {
    margin-left: var(--spacing-34);
    margin-right: var(--spacing-34);
  }

  .lg--my--34 {
    margin-top: var(--spacing-34);
    margin-bottom: var(--spacing-34);
  }

  .lg--p--34 {
    padding: var(--spacing-34);
  }

  .lg--pt--34 {
    padding-top: var(--spacing-34);
  }

  .lg--pb--34 {
    padding-bottom: var(--spacing-34);
  }

  .lg--pl--34 {
    padding-left: var(--spacing-34);
  }

  .lg--pr--34 {
    padding-right: var(--spacing-34);
  }

  .lg--px--34 {
    padding-left: var(--spacing-34);
    padding-right: var(--spacing-34);
  }

  .lg--py--34 {
    padding-top: var(--spacing-34);
    padding-bottom: var(--spacing-34);
  }

  .lg--w--34 {
    width: var(--spacing-34);
  }

  .lg--max-w--34 {
    max-width: var(--spacing-34);
  }

  .lg--h--34 {
    height: var(--spacing-34);
  }

  .lg--max-h--34 {
    max-height: var(--spacing-34);
  }

  .lg--gap--34 {
    gap: var(--spacing-34);
  }

  .lg--row-gap--34 {
    row-gap: var(--spacing-34);
  }

  .lg--col-gap--34 {
    -moz-column-gap: var(--spacing-34);
    column-gap: var(--spacing-34);
  }

  .lg--top--34 {
    top: var(--spacing-34);
  }

  .lg--right--34 {
    right: var(--spacing-34);
  }

  .lg--bottom--34 {
    bottom: var(--spacing-34);
  }

  .lg--left--34 {
    left: var(--spacing-34);
  }

  .lg--inset--34 {
    top: var(--spacing-34);
    right: var(--spacing-34);
    bottom: var(--spacing-34);
    left: var(--spacing-34);
  }

  .lg--m--35 {
    margin: var(--spacing-35);
  }

  .lg--mt--35 {
    margin-top: var(--spacing-35);
  }

  .lg--mb--35 {
    margin-bottom: var(--spacing-35);
  }

  .lg--ml--35 {
    margin-left: var(--spacing-35);
  }

  .lg--mr--35 {
    margin-right: var(--spacing-35);
  }

  .lg--mx--35 {
    margin-left: var(--spacing-35);
    margin-right: var(--spacing-35);
  }

  .lg--my--35 {
    margin-top: var(--spacing-35);
    margin-bottom: var(--spacing-35);
  }

  .lg--p--35 {
    padding: var(--spacing-35);
  }

  .lg--pt--35 {
    padding-top: var(--spacing-35);
  }

  .lg--pb--35 {
    padding-bottom: var(--spacing-35);
  }

  .lg--pl--35 {
    padding-left: var(--spacing-35);
  }

  .lg--pr--35 {
    padding-right: var(--spacing-35);
  }

  .lg--px--35 {
    padding-left: var(--spacing-35);
    padding-right: var(--spacing-35);
  }

  .lg--py--35 {
    padding-top: var(--spacing-35);
    padding-bottom: var(--spacing-35);
  }

  .lg--w--35 {
    width: var(--spacing-35);
  }

  .lg--max-w--35 {
    max-width: var(--spacing-35);
  }

  .lg--h--35 {
    height: var(--spacing-35);
  }

  .lg--max-h--35 {
    max-height: var(--spacing-35);
  }

  .lg--gap--35 {
    gap: var(--spacing-35);
  }

  .lg--row-gap--35 {
    row-gap: var(--spacing-35);
  }

  .lg--col-gap--35 {
    -moz-column-gap: var(--spacing-35);
    column-gap: var(--spacing-35);
  }

  .lg--top--35 {
    top: var(--spacing-35);
  }

  .lg--right--35 {
    right: var(--spacing-35);
  }

  .lg--bottom--35 {
    bottom: var(--spacing-35);
  }

  .lg--left--35 {
    left: var(--spacing-35);
  }

  .lg--inset--35 {
    top: var(--spacing-35);
    right: var(--spacing-35);
    bottom: var(--spacing-35);
    left: var(--spacing-35);
  }

  .lg--m--36 {
    margin: var(--spacing-36);
  }

  .lg--mt--36 {
    margin-top: var(--spacing-36);
  }

  .lg--mb--36 {
    margin-bottom: var(--spacing-36);
  }

  .lg--ml--36 {
    margin-left: var(--spacing-36);
  }

  .lg--mr--36 {
    margin-right: var(--spacing-36);
  }

  .lg--mx--36 {
    margin-left: var(--spacing-36);
    margin-right: var(--spacing-36);
  }

  .lg--my--36 {
    margin-top: var(--spacing-36);
    margin-bottom: var(--spacing-36);
  }

  .lg--p--36 {
    padding: var(--spacing-36);
  }

  .lg--pt--36 {
    padding-top: var(--spacing-36);
  }

  .lg--pb--36 {
    padding-bottom: var(--spacing-36);
  }

  .lg--pl--36 {
    padding-left: var(--spacing-36);
  }

  .lg--pr--36 {
    padding-right: var(--spacing-36);
  }

  .lg--px--36 {
    padding-left: var(--spacing-36);
    padding-right: var(--spacing-36);
  }

  .lg--py--36 {
    padding-top: var(--spacing-36);
    padding-bottom: var(--spacing-36);
  }

  .lg--w--36 {
    width: var(--spacing-36);
  }

  .lg--max-w--36 {
    max-width: var(--spacing-36);
  }

  .lg--h--36 {
    height: var(--spacing-36);
  }

  .lg--max-h--36 {
    max-height: var(--spacing-36);
  }

  .lg--gap--36 {
    gap: var(--spacing-36);
  }

  .lg--row-gap--36 {
    row-gap: var(--spacing-36);
  }

  .lg--col-gap--36 {
    -moz-column-gap: var(--spacing-36);
    column-gap: var(--spacing-36);
  }

  .lg--top--36 {
    top: var(--spacing-36);
  }

  .lg--right--36 {
    right: var(--spacing-36);
  }

  .lg--bottom--36 {
    bottom: var(--spacing-36);
  }

  .lg--left--36 {
    left: var(--spacing-36);
  }

  .lg--inset--36 {
    top: var(--spacing-36);
    right: var(--spacing-36);
    bottom: var(--spacing-36);
    left: var(--spacing-36);
  }

  .lg--m--37 {
    margin: var(--spacing-37);
  }

  .lg--mt--37 {
    margin-top: var(--spacing-37);
  }

  .lg--mb--37 {
    margin-bottom: var(--spacing-37);
  }

  .lg--ml--37 {
    margin-left: var(--spacing-37);
  }

  .lg--mr--37 {
    margin-right: var(--spacing-37);
  }

  .lg--mx--37 {
    margin-left: var(--spacing-37);
    margin-right: var(--spacing-37);
  }

  .lg--my--37 {
    margin-top: var(--spacing-37);
    margin-bottom: var(--spacing-37);
  }

  .lg--p--37 {
    padding: var(--spacing-37);
  }

  .lg--pt--37 {
    padding-top: var(--spacing-37);
  }

  .lg--pb--37 {
    padding-bottom: var(--spacing-37);
  }

  .lg--pl--37 {
    padding-left: var(--spacing-37);
  }

  .lg--pr--37 {
    padding-right: var(--spacing-37);
  }

  .lg--px--37 {
    padding-left: var(--spacing-37);
    padding-right: var(--spacing-37);
  }

  .lg--py--37 {
    padding-top: var(--spacing-37);
    padding-bottom: var(--spacing-37);
  }

  .lg--w--37 {
    width: var(--spacing-37);
  }

  .lg--max-w--37 {
    max-width: var(--spacing-37);
  }

  .lg--h--37 {
    height: var(--spacing-37);
  }

  .lg--max-h--37 {
    max-height: var(--spacing-37);
  }

  .lg--gap--37 {
    gap: var(--spacing-37);
  }

  .lg--row-gap--37 {
    row-gap: var(--spacing-37);
  }

  .lg--col-gap--37 {
    -moz-column-gap: var(--spacing-37);
    column-gap: var(--spacing-37);
  }

  .lg--top--37 {
    top: var(--spacing-37);
  }

  .lg--right--37 {
    right: var(--spacing-37);
  }

  .lg--bottom--37 {
    bottom: var(--spacing-37);
  }

  .lg--left--37 {
    left: var(--spacing-37);
  }

  .lg--inset--37 {
    top: var(--spacing-37);
    right: var(--spacing-37);
    bottom: var(--spacing-37);
    left: var(--spacing-37);
  }

  .lg--m--38 {
    margin: var(--spacing-38);
  }

  .lg--mt--38 {
    margin-top: var(--spacing-38);
  }

  .lg--mb--38 {
    margin-bottom: var(--spacing-38);
  }

  .lg--ml--38 {
    margin-left: var(--spacing-38);
  }

  .lg--mr--38 {
    margin-right: var(--spacing-38);
  }

  .lg--mx--38 {
    margin-left: var(--spacing-38);
    margin-right: var(--spacing-38);
  }

  .lg--my--38 {
    margin-top: var(--spacing-38);
    margin-bottom: var(--spacing-38);
  }

  .lg--p--38 {
    padding: var(--spacing-38);
  }

  .lg--pt--38 {
    padding-top: var(--spacing-38);
  }

  .lg--pb--38 {
    padding-bottom: var(--spacing-38);
  }

  .lg--pl--38 {
    padding-left: var(--spacing-38);
  }

  .lg--pr--38 {
    padding-right: var(--spacing-38);
  }

  .lg--px--38 {
    padding-left: var(--spacing-38);
    padding-right: var(--spacing-38);
  }

  .lg--py--38 {
    padding-top: var(--spacing-38);
    padding-bottom: var(--spacing-38);
  }

  .lg--w--38 {
    width: var(--spacing-38);
  }

  .lg--max-w--38 {
    max-width: var(--spacing-38);
  }

  .lg--h--38 {
    height: var(--spacing-38);
  }

  .lg--max-h--38 {
    max-height: var(--spacing-38);
  }

  .lg--gap--38 {
    gap: var(--spacing-38);
  }

  .lg--row-gap--38 {
    row-gap: var(--spacing-38);
  }

  .lg--col-gap--38 {
    -moz-column-gap: var(--spacing-38);
    column-gap: var(--spacing-38);
  }

  .lg--top--38 {
    top: var(--spacing-38);
  }

  .lg--right--38 {
    right: var(--spacing-38);
  }

  .lg--bottom--38 {
    bottom: var(--spacing-38);
  }

  .lg--left--38 {
    left: var(--spacing-38);
  }

  .lg--inset--38 {
    top: var(--spacing-38);
    right: var(--spacing-38);
    bottom: var(--spacing-38);
    left: var(--spacing-38);
  }

  .lg--m--39 {
    margin: var(--spacing-39);
  }

  .lg--mt--39 {
    margin-top: var(--spacing-39);
  }

  .lg--mb--39 {
    margin-bottom: var(--spacing-39);
  }

  .lg--ml--39 {
    margin-left: var(--spacing-39);
  }

  .lg--mr--39 {
    margin-right: var(--spacing-39);
  }

  .lg--mx--39 {
    margin-left: var(--spacing-39);
    margin-right: var(--spacing-39);
  }

  .lg--my--39 {
    margin-top: var(--spacing-39);
    margin-bottom: var(--spacing-39);
  }

  .lg--p--39 {
    padding: var(--spacing-39);
  }

  .lg--pt--39 {
    padding-top: var(--spacing-39);
  }

  .lg--pb--39 {
    padding-bottom: var(--spacing-39);
  }

  .lg--pl--39 {
    padding-left: var(--spacing-39);
  }

  .lg--pr--39 {
    padding-right: var(--spacing-39);
  }

  .lg--px--39 {
    padding-left: var(--spacing-39);
    padding-right: var(--spacing-39);
  }

  .lg--py--39 {
    padding-top: var(--spacing-39);
    padding-bottom: var(--spacing-39);
  }

  .lg--w--39 {
    width: var(--spacing-39);
  }

  .lg--max-w--39 {
    max-width: var(--spacing-39);
  }

  .lg--h--39 {
    height: var(--spacing-39);
  }

  .lg--max-h--39 {
    max-height: var(--spacing-39);
  }

  .lg--gap--39 {
    gap: var(--spacing-39);
  }

  .lg--row-gap--39 {
    row-gap: var(--spacing-39);
  }

  .lg--col-gap--39 {
    -moz-column-gap: var(--spacing-39);
    column-gap: var(--spacing-39);
  }

  .lg--top--39 {
    top: var(--spacing-39);
  }

  .lg--right--39 {
    right: var(--spacing-39);
  }

  .lg--bottom--39 {
    bottom: var(--spacing-39);
  }

  .lg--left--39 {
    left: var(--spacing-39);
  }

  .lg--inset--39 {
    top: var(--spacing-39);
    right: var(--spacing-39);
    bottom: var(--spacing-39);
    left: var(--spacing-39);
  }

  .lg--m--40 {
    margin: var(--spacing-40);
  }

  .lg--mt--40 {
    margin-top: var(--spacing-40);
  }

  .lg--mb--40 {
    margin-bottom: var(--spacing-40);
  }

  .lg--ml--40 {
    margin-left: var(--spacing-40);
  }

  .lg--mr--40 {
    margin-right: var(--spacing-40);
  }

  .lg--mx--40 {
    margin-left: var(--spacing-40);
    margin-right: var(--spacing-40);
  }

  .lg--my--40 {
    margin-top: var(--spacing-40);
    margin-bottom: var(--spacing-40);
  }

  .lg--p--40 {
    padding: var(--spacing-40);
  }

  .lg--pt--40 {
    padding-top: var(--spacing-40);
  }

  .lg--pb--40 {
    padding-bottom: var(--spacing-40);
  }

  .lg--pl--40 {
    padding-left: var(--spacing-40);
  }

  .lg--pr--40 {
    padding-right: var(--spacing-40);
  }

  .lg--px--40 {
    padding-left: var(--spacing-40);
    padding-right: var(--spacing-40);
  }

  .lg--py--40 {
    padding-top: var(--spacing-40);
    padding-bottom: var(--spacing-40);
  }

  .lg--w--40 {
    width: var(--spacing-40);
  }

  .lg--max-w--40 {
    max-width: var(--spacing-40);
  }

  .lg--h--40 {
    height: var(--spacing-40);
  }

  .lg--max-h--40 {
    max-height: var(--spacing-40);
  }

  .lg--gap--40 {
    gap: var(--spacing-40);
  }

  .lg--row-gap--40 {
    row-gap: var(--spacing-40);
  }

  .lg--col-gap--40 {
    -moz-column-gap: var(--spacing-40);
    column-gap: var(--spacing-40);
  }

  .lg--top--40 {
    top: var(--spacing-40);
  }

  .lg--right--40 {
    right: var(--spacing-40);
  }

  .lg--bottom--40 {
    bottom: var(--spacing-40);
  }

  .lg--left--40 {
    left: var(--spacing-40);
  }

  .lg--inset--40 {
    top: var(--spacing-40);
    right: var(--spacing-40);
    bottom: var(--spacing-40);
    left: var(--spacing-40);
  }

  .lg--m--41 {
    margin: var(--spacing-41);
  }

  .lg--mt--41 {
    margin-top: var(--spacing-41);
  }

  .lg--mb--41 {
    margin-bottom: var(--spacing-41);
  }

  .lg--ml--41 {
    margin-left: var(--spacing-41);
  }

  .lg--mr--41 {
    margin-right: var(--spacing-41);
  }

  .lg--mx--41 {
    margin-left: var(--spacing-41);
    margin-right: var(--spacing-41);
  }

  .lg--my--41 {
    margin-top: var(--spacing-41);
    margin-bottom: var(--spacing-41);
  }

  .lg--p--41 {
    padding: var(--spacing-41);
  }

  .lg--pt--41 {
    padding-top: var(--spacing-41);
  }

  .lg--pb--41 {
    padding-bottom: var(--spacing-41);
  }

  .lg--pl--41 {
    padding-left: var(--spacing-41);
  }

  .lg--pr--41 {
    padding-right: var(--spacing-41);
  }

  .lg--px--41 {
    padding-left: var(--spacing-41);
    padding-right: var(--spacing-41);
  }

  .lg--py--41 {
    padding-top: var(--spacing-41);
    padding-bottom: var(--spacing-41);
  }

  .lg--w--41 {
    width: var(--spacing-41);
  }

  .lg--max-w--41 {
    max-width: var(--spacing-41);
  }

  .lg--h--41 {
    height: var(--spacing-41);
  }

  .lg--max-h--41 {
    max-height: var(--spacing-41);
  }

  .lg--gap--41 {
    gap: var(--spacing-41);
  }

  .lg--row-gap--41 {
    row-gap: var(--spacing-41);
  }

  .lg--col-gap--41 {
    -moz-column-gap: var(--spacing-41);
    column-gap: var(--spacing-41);
  }

  .lg--top--41 {
    top: var(--spacing-41);
  }

  .lg--right--41 {
    right: var(--spacing-41);
  }

  .lg--bottom--41 {
    bottom: var(--spacing-41);
  }

  .lg--left--41 {
    left: var(--spacing-41);
  }

  .lg--inset--41 {
    top: var(--spacing-41);
    right: var(--spacing-41);
    bottom: var(--spacing-41);
    left: var(--spacing-41);
  }

  .lg--m--42 {
    margin: var(--spacing-42);
  }

  .lg--mt--42 {
    margin-top: var(--spacing-42);
  }

  .lg--mb--42 {
    margin-bottom: var(--spacing-42);
  }

  .lg--ml--42 {
    margin-left: var(--spacing-42);
  }

  .lg--mr--42 {
    margin-right: var(--spacing-42);
  }

  .lg--mx--42 {
    margin-left: var(--spacing-42);
    margin-right: var(--spacing-42);
  }

  .lg--my--42 {
    margin-top: var(--spacing-42);
    margin-bottom: var(--spacing-42);
  }

  .lg--p--42 {
    padding: var(--spacing-42);
  }

  .lg--pt--42 {
    padding-top: var(--spacing-42);
  }

  .lg--pb--42 {
    padding-bottom: var(--spacing-42);
  }

  .lg--pl--42 {
    padding-left: var(--spacing-42);
  }

  .lg--pr--42 {
    padding-right: var(--spacing-42);
  }

  .lg--px--42 {
    padding-left: var(--spacing-42);
    padding-right: var(--spacing-42);
  }

  .lg--py--42 {
    padding-top: var(--spacing-42);
    padding-bottom: var(--spacing-42);
  }

  .lg--w--42 {
    width: var(--spacing-42);
  }

  .lg--max-w--42 {
    max-width: var(--spacing-42);
  }

  .lg--h--42 {
    height: var(--spacing-42);
  }

  .lg--max-h--42 {
    max-height: var(--spacing-42);
  }

  .lg--gap--42 {
    gap: var(--spacing-42);
  }

  .lg--row-gap--42 {
    row-gap: var(--spacing-42);
  }

  .lg--col-gap--42 {
    -moz-column-gap: var(--spacing-42);
    column-gap: var(--spacing-42);
  }

  .lg--top--42 {
    top: var(--spacing-42);
  }

  .lg--right--42 {
    right: var(--spacing-42);
  }

  .lg--bottom--42 {
    bottom: var(--spacing-42);
  }

  .lg--left--42 {
    left: var(--spacing-42);
  }

  .lg--inset--42 {
    top: var(--spacing-42);
    right: var(--spacing-42);
    bottom: var(--spacing-42);
    left: var(--spacing-42);
  }

  .lg--m--43 {
    margin: var(--spacing-43);
  }

  .lg--mt--43 {
    margin-top: var(--spacing-43);
  }

  .lg--mb--43 {
    margin-bottom: var(--spacing-43);
  }

  .lg--ml--43 {
    margin-left: var(--spacing-43);
  }

  .lg--mr--43 {
    margin-right: var(--spacing-43);
  }

  .lg--mx--43 {
    margin-left: var(--spacing-43);
    margin-right: var(--spacing-43);
  }

  .lg--my--43 {
    margin-top: var(--spacing-43);
    margin-bottom: var(--spacing-43);
  }

  .lg--p--43 {
    padding: var(--spacing-43);
  }

  .lg--pt--43 {
    padding-top: var(--spacing-43);
  }

  .lg--pb--43 {
    padding-bottom: var(--spacing-43);
  }

  .lg--pl--43 {
    padding-left: var(--spacing-43);
  }

  .lg--pr--43 {
    padding-right: var(--spacing-43);
  }

  .lg--px--43 {
    padding-left: var(--spacing-43);
    padding-right: var(--spacing-43);
  }

  .lg--py--43 {
    padding-top: var(--spacing-43);
    padding-bottom: var(--spacing-43);
  }

  .lg--w--43 {
    width: var(--spacing-43);
  }

  .lg--max-w--43 {
    max-width: var(--spacing-43);
  }

  .lg--h--43 {
    height: var(--spacing-43);
  }

  .lg--max-h--43 {
    max-height: var(--spacing-43);
  }

  .lg--gap--43 {
    gap: var(--spacing-43);
  }

  .lg--row-gap--43 {
    row-gap: var(--spacing-43);
  }

  .lg--col-gap--43 {
    -moz-column-gap: var(--spacing-43);
    column-gap: var(--spacing-43);
  }

  .lg--top--43 {
    top: var(--spacing-43);
  }

  .lg--right--43 {
    right: var(--spacing-43);
  }

  .lg--bottom--43 {
    bottom: var(--spacing-43);
  }

  .lg--left--43 {
    left: var(--spacing-43);
  }

  .lg--inset--43 {
    top: var(--spacing-43);
    right: var(--spacing-43);
    bottom: var(--spacing-43);
    left: var(--spacing-43);
  }

  .lg--m--44 {
    margin: var(--spacing-44);
  }

  .lg--mt--44 {
    margin-top: var(--spacing-44);
  }

  .lg--mb--44 {
    margin-bottom: var(--spacing-44);
  }

  .lg--ml--44 {
    margin-left: var(--spacing-44);
  }

  .lg--mr--44 {
    margin-right: var(--spacing-44);
  }

  .lg--mx--44 {
    margin-left: var(--spacing-44);
    margin-right: var(--spacing-44);
  }

  .lg--my--44 {
    margin-top: var(--spacing-44);
    margin-bottom: var(--spacing-44);
  }

  .lg--p--44 {
    padding: var(--spacing-44);
  }

  .lg--pt--44 {
    padding-top: var(--spacing-44);
  }

  .lg--pb--44 {
    padding-bottom: var(--spacing-44);
  }

  .lg--pl--44 {
    padding-left: var(--spacing-44);
  }

  .lg--pr--44 {
    padding-right: var(--spacing-44);
  }

  .lg--px--44 {
    padding-left: var(--spacing-44);
    padding-right: var(--spacing-44);
  }

  .lg--py--44 {
    padding-top: var(--spacing-44);
    padding-bottom: var(--spacing-44);
  }

  .lg--w--44 {
    width: var(--spacing-44);
  }

  .lg--max-w--44 {
    max-width: var(--spacing-44);
  }

  .lg--h--44 {
    height: var(--spacing-44);
  }

  .lg--max-h--44 {
    max-height: var(--spacing-44);
  }

  .lg--gap--44 {
    gap: var(--spacing-44);
  }

  .lg--row-gap--44 {
    row-gap: var(--spacing-44);
  }

  .lg--col-gap--44 {
    -moz-column-gap: var(--spacing-44);
    column-gap: var(--spacing-44);
  }

  .lg--top--44 {
    top: var(--spacing-44);
  }

  .lg--right--44 {
    right: var(--spacing-44);
  }

  .lg--bottom--44 {
    bottom: var(--spacing-44);
  }

  .lg--left--44 {
    left: var(--spacing-44);
  }

  .lg--inset--44 {
    top: var(--spacing-44);
    right: var(--spacing-44);
    bottom: var(--spacing-44);
    left: var(--spacing-44);
  }

  .lg--m--45 {
    margin: var(--spacing-45);
  }

  .lg--mt--45 {
    margin-top: var(--spacing-45);
  }

  .lg--mb--45 {
    margin-bottom: var(--spacing-45);
  }

  .lg--ml--45 {
    margin-left: var(--spacing-45);
  }

  .lg--mr--45 {
    margin-right: var(--spacing-45);
  }

  .lg--mx--45 {
    margin-left: var(--spacing-45);
    margin-right: var(--spacing-45);
  }

  .lg--my--45 {
    margin-top: var(--spacing-45);
    margin-bottom: var(--spacing-45);
  }

  .lg--p--45 {
    padding: var(--spacing-45);
  }

  .lg--pt--45 {
    padding-top: var(--spacing-45);
  }

  .lg--pb--45 {
    padding-bottom: var(--spacing-45);
  }

  .lg--pl--45 {
    padding-left: var(--spacing-45);
  }

  .lg--pr--45 {
    padding-right: var(--spacing-45);
  }

  .lg--px--45 {
    padding-left: var(--spacing-45);
    padding-right: var(--spacing-45);
  }

  .lg--py--45 {
    padding-top: var(--spacing-45);
    padding-bottom: var(--spacing-45);
  }

  .lg--w--45 {
    width: var(--spacing-45);
  }

  .lg--max-w--45 {
    max-width: var(--spacing-45);
  }

  .lg--h--45 {
    height: var(--spacing-45);
  }

  .lg--max-h--45 {
    max-height: var(--spacing-45);
  }

  .lg--gap--45 {
    gap: var(--spacing-45);
  }

  .lg--row-gap--45 {
    row-gap: var(--spacing-45);
  }

  .lg--col-gap--45 {
    -moz-column-gap: var(--spacing-45);
    column-gap: var(--spacing-45);
  }

  .lg--top--45 {
    top: var(--spacing-45);
  }

  .lg--right--45 {
    right: var(--spacing-45);
  }

  .lg--bottom--45 {
    bottom: var(--spacing-45);
  }

  .lg--left--45 {
    left: var(--spacing-45);
  }

  .lg--inset--45 {
    top: var(--spacing-45);
    right: var(--spacing-45);
    bottom: var(--spacing-45);
    left: var(--spacing-45);
  }

  .lg--m--46 {
    margin: var(--spacing-46);
  }

  .lg--mt--46 {
    margin-top: var(--spacing-46);
  }

  .lg--mb--46 {
    margin-bottom: var(--spacing-46);
  }

  .lg--ml--46 {
    margin-left: var(--spacing-46);
  }

  .lg--mr--46 {
    margin-right: var(--spacing-46);
  }

  .lg--mx--46 {
    margin-left: var(--spacing-46);
    margin-right: var(--spacing-46);
  }

  .lg--my--46 {
    margin-top: var(--spacing-46);
    margin-bottom: var(--spacing-46);
  }

  .lg--p--46 {
    padding: var(--spacing-46);
  }

  .lg--pt--46 {
    padding-top: var(--spacing-46);
  }

  .lg--pb--46 {
    padding-bottom: var(--spacing-46);
  }

  .lg--pl--46 {
    padding-left: var(--spacing-46);
  }

  .lg--pr--46 {
    padding-right: var(--spacing-46);
  }

  .lg--px--46 {
    padding-left: var(--spacing-46);
    padding-right: var(--spacing-46);
  }

  .lg--py--46 {
    padding-top: var(--spacing-46);
    padding-bottom: var(--spacing-46);
  }

  .lg--w--46 {
    width: var(--spacing-46);
  }

  .lg--max-w--46 {
    max-width: var(--spacing-46);
  }

  .lg--h--46 {
    height: var(--spacing-46);
  }

  .lg--max-h--46 {
    max-height: var(--spacing-46);
  }

  .lg--gap--46 {
    gap: var(--spacing-46);
  }

  .lg--row-gap--46 {
    row-gap: var(--spacing-46);
  }

  .lg--col-gap--46 {
    -moz-column-gap: var(--spacing-46);
    column-gap: var(--spacing-46);
  }

  .lg--top--46 {
    top: var(--spacing-46);
  }

  .lg--right--46 {
    right: var(--spacing-46);
  }

  .lg--bottom--46 {
    bottom: var(--spacing-46);
  }

  .lg--left--46 {
    left: var(--spacing-46);
  }

  .lg--inset--46 {
    top: var(--spacing-46);
    right: var(--spacing-46);
    bottom: var(--spacing-46);
    left: var(--spacing-46);
  }

  .lg--m--47 {
    margin: var(--spacing-47);
  }

  .lg--mt--47 {
    margin-top: var(--spacing-47);
  }

  .lg--mb--47 {
    margin-bottom: var(--spacing-47);
  }

  .lg--ml--47 {
    margin-left: var(--spacing-47);
  }

  .lg--mr--47 {
    margin-right: var(--spacing-47);
  }

  .lg--mx--47 {
    margin-left: var(--spacing-47);
    margin-right: var(--spacing-47);
  }

  .lg--my--47 {
    margin-top: var(--spacing-47);
    margin-bottom: var(--spacing-47);
  }

  .lg--p--47 {
    padding: var(--spacing-47);
  }

  .lg--pt--47 {
    padding-top: var(--spacing-47);
  }

  .lg--pb--47 {
    padding-bottom: var(--spacing-47);
  }

  .lg--pl--47 {
    padding-left: var(--spacing-47);
  }

  .lg--pr--47 {
    padding-right: var(--spacing-47);
  }

  .lg--px--47 {
    padding-left: var(--spacing-47);
    padding-right: var(--spacing-47);
  }

  .lg--py--47 {
    padding-top: var(--spacing-47);
    padding-bottom: var(--spacing-47);
  }

  .lg--w--47 {
    width: var(--spacing-47);
  }

  .lg--max-w--47 {
    max-width: var(--spacing-47);
  }

  .lg--h--47 {
    height: var(--spacing-47);
  }

  .lg--max-h--47 {
    max-height: var(--spacing-47);
  }

  .lg--gap--47 {
    gap: var(--spacing-47);
  }

  .lg--row-gap--47 {
    row-gap: var(--spacing-47);
  }

  .lg--col-gap--47 {
    -moz-column-gap: var(--spacing-47);
    column-gap: var(--spacing-47);
  }

  .lg--top--47 {
    top: var(--spacing-47);
  }

  .lg--right--47 {
    right: var(--spacing-47);
  }

  .lg--bottom--47 {
    bottom: var(--spacing-47);
  }

  .lg--left--47 {
    left: var(--spacing-47);
  }

  .lg--inset--47 {
    top: var(--spacing-47);
    right: var(--spacing-47);
    bottom: var(--spacing-47);
    left: var(--spacing-47);
  }

  .lg--m--48 {
    margin: var(--spacing-48);
  }

  .lg--mt--48 {
    margin-top: var(--spacing-48);
  }

  .lg--mb--48 {
    margin-bottom: var(--spacing-48);
  }

  .lg--ml--48 {
    margin-left: var(--spacing-48);
  }

  .lg--mr--48 {
    margin-right: var(--spacing-48);
  }

  .lg--mx--48 {
    margin-left: var(--spacing-48);
    margin-right: var(--spacing-48);
  }

  .lg--my--48 {
    margin-top: var(--spacing-48);
    margin-bottom: var(--spacing-48);
  }

  .lg--p--48 {
    padding: var(--spacing-48);
  }

  .lg--pt--48 {
    padding-top: var(--spacing-48);
  }

  .lg--pb--48 {
    padding-bottom: var(--spacing-48);
  }

  .lg--pl--48 {
    padding-left: var(--spacing-48);
  }

  .lg--pr--48 {
    padding-right: var(--spacing-48);
  }

  .lg--px--48 {
    padding-left: var(--spacing-48);
    padding-right: var(--spacing-48);
  }

  .lg--py--48 {
    padding-top: var(--spacing-48);
    padding-bottom: var(--spacing-48);
  }

  .lg--w--48 {
    width: var(--spacing-48);
  }

  .lg--max-w--48 {
    max-width: var(--spacing-48);
  }

  .lg--h--48 {
    height: var(--spacing-48);
  }

  .lg--max-h--48 {
    max-height: var(--spacing-48);
  }

  .lg--gap--48 {
    gap: var(--spacing-48);
  }

  .lg--row-gap--48 {
    row-gap: var(--spacing-48);
  }

  .lg--col-gap--48 {
    -moz-column-gap: var(--spacing-48);
    column-gap: var(--spacing-48);
  }

  .lg--top--48 {
    top: var(--spacing-48);
  }

  .lg--right--48 {
    right: var(--spacing-48);
  }

  .lg--bottom--48 {
    bottom: var(--spacing-48);
  }

  .lg--left--48 {
    left: var(--spacing-48);
  }

  .lg--inset--48 {
    top: var(--spacing-48);
    right: var(--spacing-48);
    bottom: var(--spacing-48);
    left: var(--spacing-48);
  }

  .lg--m--49 {
    margin: var(--spacing-49);
  }

  .lg--mt--49 {
    margin-top: var(--spacing-49);
  }

  .lg--mb--49 {
    margin-bottom: var(--spacing-49);
  }

  .lg--ml--49 {
    margin-left: var(--spacing-49);
  }

  .lg--mr--49 {
    margin-right: var(--spacing-49);
  }

  .lg--mx--49 {
    margin-left: var(--spacing-49);
    margin-right: var(--spacing-49);
  }

  .lg--my--49 {
    margin-top: var(--spacing-49);
    margin-bottom: var(--spacing-49);
  }

  .lg--p--49 {
    padding: var(--spacing-49);
  }

  .lg--pt--49 {
    padding-top: var(--spacing-49);
  }

  .lg--pb--49 {
    padding-bottom: var(--spacing-49);
  }

  .lg--pl--49 {
    padding-left: var(--spacing-49);
  }

  .lg--pr--49 {
    padding-right: var(--spacing-49);
  }

  .lg--px--49 {
    padding-left: var(--spacing-49);
    padding-right: var(--spacing-49);
  }

  .lg--py--49 {
    padding-top: var(--spacing-49);
    padding-bottom: var(--spacing-49);
  }

  .lg--w--49 {
    width: var(--spacing-49);
  }

  .lg--max-w--49 {
    max-width: var(--spacing-49);
  }

  .lg--h--49 {
    height: var(--spacing-49);
  }

  .lg--max-h--49 {
    max-height: var(--spacing-49);
  }

  .lg--gap--49 {
    gap: var(--spacing-49);
  }

  .lg--row-gap--49 {
    row-gap: var(--spacing-49);
  }

  .lg--col-gap--49 {
    -moz-column-gap: var(--spacing-49);
    column-gap: var(--spacing-49);
  }

  .lg--top--49 {
    top: var(--spacing-49);
  }

  .lg--right--49 {
    right: var(--spacing-49);
  }

  .lg--bottom--49 {
    bottom: var(--spacing-49);
  }

  .lg--left--49 {
    left: var(--spacing-49);
  }

  .lg--inset--49 {
    top: var(--spacing-49);
    right: var(--spacing-49);
    bottom: var(--spacing-49);
    left: var(--spacing-49);
  }

  .lg--m--50 {
    margin: var(--spacing-50);
  }

  .lg--mt--50 {
    margin-top: var(--spacing-50);
  }

  .lg--mb--50 {
    margin-bottom: var(--spacing-50);
  }

  .lg--ml--50 {
    margin-left: var(--spacing-50);
  }

  .lg--mr--50 {
    margin-right: var(--spacing-50);
  }

  .lg--mx--50 {
    margin-left: var(--spacing-50);
    margin-right: var(--spacing-50);
  }

  .lg--my--50 {
    margin-top: var(--spacing-50);
    margin-bottom: var(--spacing-50);
  }

  .lg--p--50 {
    padding: var(--spacing-50);
  }

  .lg--pt--50 {
    padding-top: var(--spacing-50);
  }

  .lg--pb--50 {
    padding-bottom: var(--spacing-50);
  }

  .lg--pl--50 {
    padding-left: var(--spacing-50);
  }

  .lg--pr--50 {
    padding-right: var(--spacing-50);
  }

  .lg--px--50 {
    padding-left: var(--spacing-50);
    padding-right: var(--spacing-50);
  }

  .lg--py--50 {
    padding-top: var(--spacing-50);
    padding-bottom: var(--spacing-50);
  }

  .lg--w--50 {
    width: var(--spacing-50);
  }

  .lg--max-w--50 {
    max-width: var(--spacing-50);
  }

  .lg--h--50 {
    height: var(--spacing-50);
  }

  .lg--max-h--50 {
    max-height: var(--spacing-50);
  }

  .lg--gap--50 {
    gap: var(--spacing-50);
  }

  .lg--row-gap--50 {
    row-gap: var(--spacing-50);
  }

  .lg--col-gap--50 {
    -moz-column-gap: var(--spacing-50);
    column-gap: var(--spacing-50);
  }

  .lg--top--50 {
    top: var(--spacing-50);
  }

  .lg--right--50 {
    right: var(--spacing-50);
  }

  .lg--bottom--50 {
    bottom: var(--spacing-50);
  }

  .lg--left--50 {
    left: var(--spacing-50);
  }

  .lg--inset--50 {
    top: var(--spacing-50);
    right: var(--spacing-50);
    bottom: var(--spacing-50);
    left: var(--spacing-50);
  }
}

@media (min-width:1499px) {
  .xl--sec--gap {
    padding: 3rem 0;
  }

  .xl--sec--gap-0 {
    padding: 0;
  }

  .xl--w--full {
    width: var(--spacing-100p);
  }

  .xl--max-w--full {
    max-width: var(--spacing-100p);
  }

  .xl--position--static {
    position: static;
  }

  .xl--position--relative {
    position: relative;
  }

  .xl--position--absolute {
    position: absolute;
  }

  .xl--position--fixed {
    position: fixed;
  }

  .xl--position--sticky {
    position: sticky;
  }

  .xl--z--10 {
    z-index: 10;
  }

  .xl--z--50 {
    z-index: 50;
  }

  .xl--z--100 {
    z-index: 100;
  }

  .xl--z--999 {
    z-index: 999;
  }

  .xl--d--none {
    display: none;
  }

  .xl--d--block {
    display: block;
  }

  .xl--d--inline-block {
    display: inline-block;
  }

  .xl--d--flex {
    display: flex;
  }

  .xl--d--grid {
    display: -ms-grid;
    display: grid;
  }

  .xl--d--inline-flex {
    display: inline-flex;
  }

  .xl--items--start {
    justify-content: flex-start;
    text-align: left;
  }

  .xl--items--center {
    justify-content: center;
    text-align: center;
  }

  .xl--items--end {
    justify-content: flex-end;
    text-align: right;
  }

  .xl--items--around {
    justify-content: space-around;
  }

  .xl--items--between {
    justify-content: space-between;
  }

  .xl--items--top {
    align-items: flex-start;
  }

  .xl--items--middle {
    align-items: center;
  }

  .xl--items--bottom {
    align-items: flex-end;
  }

  .xl--items--first {
    order: -1;
  }

  .xl--items--last {
    order: 1;
  }

  .xl--text--left {
    text-align: left;
  }

  .xl--text--center {
    text-align: center;
  }

  .xl--text--right {
    text-align: right;
  }

  .xl--items--column {
    flex-direction: column;
  }

  .xl--items--row {
    flex-direction: row;
  }

  .xl--items--wrap {
    flex-wrap: wrap;
  }

  .xl--border--radius-0 {
    border-radius: 0;
  }

  /* Base xs--border classes for position */
  .xl--border--all {
    border: 1px solid;
  }

  .xl--border--top {
    border-top: 1px solid;
  }

  .xl--border--bottom {
    border-bottom: 1px solid;
  }

  .xl--border--right {
    border-right: 1px solid;
  }

  .xl--border--left {
    border-left: 1px solid;
  }

  .xl--border--none {
    border: 0;
  }

  /* xs--border style classes */
  .xl--border--solid {
    border-style: solid;
  }

  .xl--border--dashed {
    border-style: dashed;
  }

  .xl--border--dotted {
    border-style: dotted;
  }

  .xl--border--radius-50p {
    border-radius: var(--spacing-50p);
  }

  /* xs--border color classes */
  .xl--border-purple {
    border-color: var(--color-purple);
  }

  .xl--border-white {
    border-color: var(--color-white);
  }

  .xl--border-gray {
    border-color: var(--color-gray);
  }

  .xl--border-color {
    border-color: var(--color-for-xs--border);
  }

  .xl--border--color-1 {
    border-color: var(--color-for-xs--border-1);
  }

  /* xs--border color classes */
  /* Hover color classes */
  .xl--border-hover-purple:hover {
    border-color: var(--color-purple);
  }

  .xl--border-hover-white:hover {
    border-color: var(--color-white);
  }

  .xl--border-hover-gray:hover {
    border-color: var(--color-gray);
  }

  .xl--border-hover-color:hover {
    border-color: var(--color-for-xs--border);
  }

  .xl--border--hover-color-1:hover {
    border-color: var(--color-for-xs--border-1);
  }

  /* Hover color classes */
  .xl--col,
  .xl--col--1,
  .xl--col--2,
  .xl--col--3,
  .xl--col--4,
  .xl--col--5,
  .xl--col--6,
  .xl--col--7,
  .xl--col--8,
  .xl--col--9,
  .xl--col--10,
  .xl--col--11,
  .xl--col--12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .xl--col {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .xl--col--1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .xl--offset--1 {
    margin-left: 8.3333333333%;
  }

  .xl--col--2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .xl--offset--2 {
    margin-left: 16.6666666667%;
  }

  .xl--col--3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .xl--offset--3 {
    margin-left: 25%;
  }

  .xl--col--4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .xl--offset--4 {
    margin-left: 33.3333333333%;
  }

  .xl--col--5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .xl--offset--5 {
    margin-left: 41.6666666667%;
  }

  .xl--col--6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .xl--offset--6 {
    margin-left: 50%;
  }

  .xl--col--7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .xl--offset--7 {
    margin-left: 58.3333333333%;
  }

  .xl--col--8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .xl--offset--8 {
    margin-left: 66.6666666667%;
  }

  .xl--col--9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .xl--offset--9 {
    margin-left: 75%;
  }

  .xl--col--10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .xl--offset--10 {
    margin-left: 83.3333333333%;
  }

  .xl--col--11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .xl--offset--11 {
    margin-left: 91.6666666667%;
  }

  .xl--col--12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .xl--m--0 {
    margin: var(--spacing-0);
  }

  .xl--mt--0 {
    margin-top: var(--spacing-0);
  }

  .xl--mb--0 {
    margin-bottom: var(--spacing-0);
  }

  .xl--ml--0 {
    margin-left: var(--spacing-0);
  }

  .xl--mr--0 {
    margin-right: var(--spacing-0);
  }

  .xl--mx--0 {
    margin-left: var(--spacing-0);
    margin-right: var(--spacing-0);
  }

  .xl--my--0 {
    margin-top: var(--spacing-0);
    margin-bottom: var(--spacing-0);
  }

  .xl--p--0 {
    padding: var(--spacing-0);
  }

  .xl--pt--0 {
    padding-top: var(--spacing-0);
  }

  .xl--pb--0 {
    padding-bottom: var(--spacing-0);
  }

  .xl--pl--0 {
    padding-left: var(--spacing-0);
  }

  .xl--pr--0 {
    padding-right: var(--spacing-0);
  }

  .xl--px--0 {
    padding-left: var(--spacing-0);
    padding-right: var(--spacing-0);
  }

  .xl--py--0 {
    padding-top: var(--spacing-0);
    padding-bottom: var(--spacing-0);
  }

  .xl--w--0 {
    width: var(--spacing-0);
  }

  .xl--max-w--0 {
    max-width: var(--spacing-0);
  }

  .xl--h--0 {
    height: var(--spacing-0);
  }

  .xl--max-h--0 {
    max-height: var(--spacing-0);
  }

  .xl--gap--0 {
    gap: var(--spacing-0);
  }

  .xl--row-gap--0 {
    row-gap: var(--spacing-0);
  }

  .xl--col-gap--0 {
    -moz-column-gap: var(--spacing-0);
    column-gap: var(--spacing-0);
  }

  .xl--top--0 {
    top: var(--spacing-0);
  }

  .xl--right--0 {
    right: var(--spacing-0);
  }

  .xl--bottom--0 {
    bottom: var(--spacing-0);
  }

  .xl--left--0 {
    left: var(--spacing-0);
  }

  .xl--inset--0 {
    top: var(--spacing-0);
    right: var(--spacing-0);
    bottom: var(--spacing-0);
    left: var(--spacing-0);
  }

  .xl--m--1 {
    margin: var(--spacing-1);
  }

  .xl--mt--1 {
    margin-top: var(--spacing-1);
  }

  .xl--mb--1 {
    margin-bottom: var(--spacing-1);
  }

  .xl--ml--1 {
    margin-left: var(--spacing-1);
  }

  .xl--mr--1 {
    margin-right: var(--spacing-1);
  }

  .xl--mx--1 {
    margin-left: var(--spacing-1);
    margin-right: var(--spacing-1);
  }

  .xl--my--1 {
    margin-top: var(--spacing-1);
    margin-bottom: var(--spacing-1);
  }

  .xl--p--1 {
    padding: var(--spacing-1);
  }

  .xl--pt--1 {
    padding-top: var(--spacing-1);
  }

  .xl--pb--1 {
    padding-bottom: var(--spacing-1);
  }

  .xl--pl--1 {
    padding-left: var(--spacing-1);
  }

  .xl--pr--1 {
    padding-right: var(--spacing-1);
  }

  .xl--px--1 {
    padding-left: var(--spacing-1);
    padding-right: var(--spacing-1);
  }

  .xl--py--1 {
    padding-top: var(--spacing-1);
    padding-bottom: var(--spacing-1);
  }

  .xl--w--1 {
    width: var(--spacing-1);
  }

  .xl--max-w--1 {
    max-width: var(--spacing-1);
  }

  .xl--h--1 {
    height: var(--spacing-1);
  }

  .xl--max-h--1 {
    max-height: var(--spacing-1);
  }

  .xl--gap--1 {
    gap: var(--spacing-1);
  }

  .xl--row-gap--1 {
    row-gap: var(--spacing-1);
  }

  .xl--col-gap--1 {
    -moz-column-gap: var(--spacing-1);
    column-gap: var(--spacing-1);
  }

  .xl--top--1 {
    top: var(--spacing-1);
  }

  .xl--right--1 {
    right: var(--spacing-1);
  }

  .xl--bottom--1 {
    bottom: var(--spacing-1);
  }

  .xl--left--1 {
    left: var(--spacing-1);
  }

  .xl--inset--1 {
    top: var(--spacing-1);
    right: var(--spacing-1);
    bottom: var(--spacing-1);
    left: var(--spacing-1);
  }

  .xl--m--2 {
    margin: var(--spacing-2);
  }

  .xl--mt--2 {
    margin-top: var(--spacing-2);
  }

  .xl--mb--2 {
    margin-bottom: var(--spacing-2);
  }

  .xl--ml--2 {
    margin-left: var(--spacing-2);
  }

  .xl--mr--2 {
    margin-right: var(--spacing-2);
  }

  .xl--mx--2 {
    margin-left: var(--spacing-2);
    margin-right: var(--spacing-2);
  }

  .xl--my--2 {
    margin-top: var(--spacing-2);
    margin-bottom: var(--spacing-2);
  }

  .xl--p--2 {
    padding: var(--spacing-2);
  }

  .xl--pt--2 {
    padding-top: var(--spacing-2);
  }

  .xl--pb--2 {
    padding-bottom: var(--spacing-2);
  }

  .xl--pl--2 {
    padding-left: var(--spacing-2);
  }

  .xl--pr--2 {
    padding-right: var(--spacing-2);
  }

  .xl--px--2 {
    padding-left: var(--spacing-2);
    padding-right: var(--spacing-2);
  }

  .xl--py--2 {
    padding-top: var(--spacing-2);
    padding-bottom: var(--spacing-2);
  }

  .xl--w--2 {
    width: var(--spacing-2);
  }

  .xl--max-w--2 {
    max-width: var(--spacing-2);
  }

  .xl--h--2 {
    height: var(--spacing-2);
  }

  .xl--max-h--2 {
    max-height: var(--spacing-2);
  }

  .xl--gap--2 {
    gap: var(--spacing-2);
  }

  .xl--row-gap--2 {
    row-gap: var(--spacing-2);
  }

  .xl--col-gap--2 {
    -moz-column-gap: var(--spacing-2);
    column-gap: var(--spacing-2);
  }

  .xl--top--2 {
    top: var(--spacing-2);
  }

  .xl--right--2 {
    right: var(--spacing-2);
  }

  .xl--bottom--2 {
    bottom: var(--spacing-2);
  }

  .xl--left--2 {
    left: var(--spacing-2);
  }

  .xl--inset--2 {
    top: var(--spacing-2);
    right: var(--spacing-2);
    bottom: var(--spacing-2);
    left: var(--spacing-2);
  }

  .xl--m--3 {
    margin: var(--spacing-3);
  }

  .xl--mt--3 {
    margin-top: var(--spacing-3);
  }

  .xl--mb--3 {
    margin-bottom: var(--spacing-3);
  }

  .xl--ml--3 {
    margin-left: var(--spacing-3);
  }

  .xl--mr--3 {
    margin-right: var(--spacing-3);
  }

  .xl--mx--3 {
    margin-left: var(--spacing-3);
    margin-right: var(--spacing-3);
  }

  .xl--my--3 {
    margin-top: var(--spacing-3);
    margin-bottom: var(--spacing-3);
  }

  .xl--p--3 {
    padding: var(--spacing-3);
  }

  .xl--pt--3 {
    padding-top: var(--spacing-3);
  }

  .xl--pb--3 {
    padding-bottom: var(--spacing-3);
  }

  .xl--pl--3 {
    padding-left: var(--spacing-3);
  }

  .xl--pr--3 {
    padding-right: var(--spacing-3);
  }

  .xl--px--3 {
    padding-left: var(--spacing-3);
    padding-right: var(--spacing-3);
  }

  .xl--py--3 {
    padding-top: var(--spacing-3);
    padding-bottom: var(--spacing-3);
  }

  .xl--w--3 {
    width: var(--spacing-3);
  }

  .xl--max-w--3 {
    max-width: var(--spacing-3);
  }

  .xl--h--3 {
    height: var(--spacing-3);
  }

  .xl--max-h--3 {
    max-height: var(--spacing-3);
  }

  .xl--gap--3 {
    gap: var(--spacing-3);
  }

  .xl--row-gap--3 {
    row-gap: var(--spacing-3);
  }

  .xl--col-gap--3 {
    -moz-column-gap: var(--spacing-3);
    column-gap: var(--spacing-3);
  }

  .xl--top--3 {
    top: var(--spacing-3);
  }

  .xl--right--3 {
    right: var(--spacing-3);
  }

  .xl--bottom--3 {
    bottom: var(--spacing-3);
  }

  .xl--left--3 {
    left: var(--spacing-3);
  }

  .xl--inset--3 {
    top: var(--spacing-3);
    right: var(--spacing-3);
    bottom: var(--spacing-3);
    left: var(--spacing-3);
  }

  .xl--m--4 {
    margin: var(--spacing-4);
  }

  .xl--mt--4 {
    margin-top: var(--spacing-4);
  }

  .xl--mb--4 {
    margin-bottom: var(--spacing-4);
  }

  .xl--ml--4 {
    margin-left: var(--spacing-4);
  }

  .xl--mr--4 {
    margin-right: var(--spacing-4);
  }

  .xl--mx--4 {
    margin-left: var(--spacing-4);
    margin-right: var(--spacing-4);
  }

  .xl--my--4 {
    margin-top: var(--spacing-4);
    margin-bottom: var(--spacing-4);
  }

  .xl--p--4 {
    padding: var(--spacing-4);
  }

  .xl--pt--4 {
    padding-top: var(--spacing-4);
  }

  .xl--pb--4 {
    padding-bottom: var(--spacing-4);
  }

  .xl--pl--4 {
    padding-left: var(--spacing-4);
  }

  .xl--pr--4 {
    padding-right: var(--spacing-4);
  }

  .xl--px--4 {
    padding-left: var(--spacing-4);
    padding-right: var(--spacing-4);
  }

  .xl--py--4 {
    padding-top: var(--spacing-4);
    padding-bottom: var(--spacing-4);
  }

  .xl--w--4 {
    width: var(--spacing-4);
  }

  .xl--max-w--4 {
    max-width: var(--spacing-4);
  }

  .xl--h--4 {
    height: var(--spacing-4);
  }

  .xl--max-h--4 {
    max-height: var(--spacing-4);
  }

  .xl--gap--4 {
    gap: var(--spacing-4);
  }

  .xl--row-gap--4 {
    row-gap: var(--spacing-4);
  }

  .xl--col-gap--4 {
    -moz-column-gap: var(--spacing-4);
    column-gap: var(--spacing-4);
  }

  .xl--top--4 {
    top: var(--spacing-4);
  }

  .xl--right--4 {
    right: var(--spacing-4);
  }

  .xl--bottom--4 {
    bottom: var(--spacing-4);
  }

  .xl--left--4 {
    left: var(--spacing-4);
  }

  .xl--inset--4 {
    top: var(--spacing-4);
    right: var(--spacing-4);
    bottom: var(--spacing-4);
    left: var(--spacing-4);
  }

  .xl--m--5 {
    margin: var(--spacing-5);
  }

  .xl--mt--5 {
    margin-top: var(--spacing-5);
  }

  .xl--mb--5 {
    margin-bottom: var(--spacing-5);
  }

  .xl--ml--5 {
    margin-left: var(--spacing-5);
  }

  .xl--mr--5 {
    margin-right: var(--spacing-5);
  }

  .xl--mx--5 {
    margin-left: var(--spacing-5);
    margin-right: var(--spacing-5);
  }

  .xl--my--5 {
    margin-top: var(--spacing-5);
    margin-bottom: var(--spacing-5);
  }

  .xl--p--5 {
    padding: var(--spacing-5);
  }

  .xl--pt--5 {
    padding-top: var(--spacing-5);
  }

  .xl--pb--5 {
    padding-bottom: var(--spacing-5);
  }

  .xl--pl--5 {
    padding-left: var(--spacing-5);
  }

  .xl--pr--5 {
    padding-right: var(--spacing-5);
  }

  .xl--px--5 {
    padding-left: var(--spacing-5);
    padding-right: var(--spacing-5);
  }

  .xl--py--5 {
    padding-top: var(--spacing-5);
    padding-bottom: var(--spacing-5);
  }

  .xl--w--5 {
    width: var(--spacing-5);
  }

  .xl--max-w--5 {
    max-width: var(--spacing-5);
  }

  .xl--h--5 {
    height: var(--spacing-5);
  }

  .xl--max-h--5 {
    max-height: var(--spacing-5);
  }

  .xl--gap--5 {
    gap: var(--spacing-5);
  }

  .xl--row-gap--5 {
    row-gap: var(--spacing-5);
  }

  .xl--col-gap--5 {
    -moz-column-gap: var(--spacing-5);
    column-gap: var(--spacing-5);
  }

  .xl--top--5 {
    top: var(--spacing-5);
  }

  .xl--right--5 {
    right: var(--spacing-5);
  }

  .xl--bottom--5 {
    bottom: var(--spacing-5);
  }

  .xl--left--5 {
    left: var(--spacing-5);
  }

  .xl--inset--5 {
    top: var(--spacing-5);
    right: var(--spacing-5);
    bottom: var(--spacing-5);
    left: var(--spacing-5);
  }

  .xl--m--6 {
    margin: var(--spacing-6);
  }

  .xl--mt--6 {
    margin-top: var(--spacing-6);
  }

  .xl--mb--6 {
    margin-bottom: var(--spacing-6);
  }

  .xl--ml--6 {
    margin-left: var(--spacing-6);
  }

  .xl--mr--6 {
    margin-right: var(--spacing-6);
  }

  .xl--mx--6 {
    margin-left: var(--spacing-6);
    margin-right: var(--spacing-6);
  }

  .xl--my--6 {
    margin-top: var(--spacing-6);
    margin-bottom: var(--spacing-6);
  }

  .xl--p--6 {
    padding: var(--spacing-6);
  }

  .xl--pt--6 {
    padding-top: var(--spacing-6);
  }

  .xl--pb--6 {
    padding-bottom: var(--spacing-6);
  }

  .xl--pl--6 {
    padding-left: var(--spacing-6);
  }

  .xl--pr--6 {
    padding-right: var(--spacing-6);
  }

  .xl--px--6 {
    padding-left: var(--spacing-6);
    padding-right: var(--spacing-6);
  }

  .xl--py--6 {
    padding-top: var(--spacing-6);
    padding-bottom: var(--spacing-6);
  }

  .xl--w--6 {
    width: var(--spacing-6);
  }

  .xl--max-w--6 {
    max-width: var(--spacing-6);
  }

  .xl--h--6 {
    height: var(--spacing-6);
  }

  .xl--max-h--6 {
    max-height: var(--spacing-6);
  }

  .xl--gap--6 {
    gap: var(--spacing-6);
  }

  .xl--row-gap--6 {
    row-gap: var(--spacing-6);
  }

  .xl--col-gap--6 {
    -moz-column-gap: var(--spacing-6);
    column-gap: var(--spacing-6);
  }

  .xl--top--6 {
    top: var(--spacing-6);
  }

  .xl--right--6 {
    right: var(--spacing-6);
  }

  .xl--bottom--6 {
    bottom: var(--spacing-6);
  }

  .xl--left--6 {
    left: var(--spacing-6);
  }

  .xl--inset--6 {
    top: var(--spacing-6);
    right: var(--spacing-6);
    bottom: var(--spacing-6);
    left: var(--spacing-6);
  }

  .xl--m--7 {
    margin: var(--spacing-7);
  }

  .xl--mt--7 {
    margin-top: var(--spacing-7);
  }

  .xl--mb--7 {
    margin-bottom: var(--spacing-7);
  }

  .xl--ml--7 {
    margin-left: var(--spacing-7);
  }

  .xl--mr--7 {
    margin-right: var(--spacing-7);
  }

  .xl--mx--7 {
    margin-left: var(--spacing-7);
    margin-right: var(--spacing-7);
  }

  .xl--my--7 {
    margin-top: var(--spacing-7);
    margin-bottom: var(--spacing-7);
  }

  .xl--p--7 {
    padding: var(--spacing-7);
  }

  .xl--pt--7 {
    padding-top: var(--spacing-7);
  }

  .xl--pb--7 {
    padding-bottom: var(--spacing-7);
  }

  .xl--pl--7 {
    padding-left: var(--spacing-7);
  }

  .xl--pr--7 {
    padding-right: var(--spacing-7);
  }

  .xl--px--7 {
    padding-left: var(--spacing-7);
    padding-right: var(--spacing-7);
  }

  .xl--py--7 {
    padding-top: var(--spacing-7);
    padding-bottom: var(--spacing-7);
  }

  .xl--w--7 {
    width: var(--spacing-7);
  }

  .xl--max-w--7 {
    max-width: var(--spacing-7);
  }

  .xl--h--7 {
    height: var(--spacing-7);
  }

  .xl--max-h--7 {
    max-height: var(--spacing-7);
  }

  .xl--gap--7 {
    gap: var(--spacing-7);
  }

  .xl--row-gap--7 {
    row-gap: var(--spacing-7);
  }

  .xl--col-gap--7 {
    -moz-column-gap: var(--spacing-7);
    column-gap: var(--spacing-7);
  }

  .xl--top--7 {
    top: var(--spacing-7);
  }

  .xl--right--7 {
    right: var(--spacing-7);
  }

  .xl--bottom--7 {
    bottom: var(--spacing-7);
  }

  .xl--left--7 {
    left: var(--spacing-7);
  }

  .xl--inset--7 {
    top: var(--spacing-7);
    right: var(--spacing-7);
    bottom: var(--spacing-7);
    left: var(--spacing-7);
  }

  .xl--m--8 {
    margin: var(--spacing-8);
  }

  .xl--mt--8 {
    margin-top: var(--spacing-8);
  }

  .xl--mb--8 {
    margin-bottom: var(--spacing-8);
  }

  .xl--ml--8 {
    margin-left: var(--spacing-8);
  }

  .xl--mr--8 {
    margin-right: var(--spacing-8);
  }

  .xl--mx--8 {
    margin-left: var(--spacing-8);
    margin-right: var(--spacing-8);
  }

  .xl--my--8 {
    margin-top: var(--spacing-8);
    margin-bottom: var(--spacing-8);
  }

  .xl--p--8 {
    padding: var(--spacing-8);
  }

  .xl--pt--8 {
    padding-top: var(--spacing-8);
  }

  .xl--pb--8 {
    padding-bottom: var(--spacing-8);
  }

  .xl--pl--8 {
    padding-left: var(--spacing-8);
  }

  .xl--pr--8 {
    padding-right: var(--spacing-8);
  }

  .xl--px--8 {
    padding-left: var(--spacing-8);
    padding-right: var(--spacing-8);
  }

  .xl--py--8 {
    padding-top: var(--spacing-8);
    padding-bottom: var(--spacing-8);
  }

  .xl--w--8 {
    width: var(--spacing-8);
  }

  .xl--max-w--8 {
    max-width: var(--spacing-8);
  }

  .xl--h--8 {
    height: var(--spacing-8);
  }

  .xl--max-h--8 {
    max-height: var(--spacing-8);
  }

  .xl--gap--8 {
    gap: var(--spacing-8);
  }

  .xl--row-gap--8 {
    row-gap: var(--spacing-8);
  }

  .xl--col-gap--8 {
    -moz-column-gap: var(--spacing-8);
    column-gap: var(--spacing-8);
  }

  .xl--top--8 {
    top: var(--spacing-8);
  }

  .xl--right--8 {
    right: var(--spacing-8);
  }

  .xl--bottom--8 {
    bottom: var(--spacing-8);
  }

  .xl--left--8 {
    left: var(--spacing-8);
  }

  .xl--inset--8 {
    top: var(--spacing-8);
    right: var(--spacing-8);
    bottom: var(--spacing-8);
    left: var(--spacing-8);
  }

  .xl--m--9 {
    margin: var(--spacing-9);
  }

  .xl--mt--9 {
    margin-top: var(--spacing-9);
  }

  .xl--mb--9 {
    margin-bottom: var(--spacing-9);
  }

  .xl--ml--9 {
    margin-left: var(--spacing-9);
  }

  .xl--mr--9 {
    margin-right: var(--spacing-9);
  }

  .xl--mx--9 {
    margin-left: var(--spacing-9);
    margin-right: var(--spacing-9);
  }

  .xl--my--9 {
    margin-top: var(--spacing-9);
    margin-bottom: var(--spacing-9);
  }

  .xl--p--9 {
    padding: var(--spacing-9);
  }

  .xl--pt--9 {
    padding-top: var(--spacing-9);
  }

  .xl--pb--9 {
    padding-bottom: var(--spacing-9);
  }

  .xl--pl--9 {
    padding-left: var(--spacing-9);
  }

  .xl--pr--9 {
    padding-right: var(--spacing-9);
  }

  .xl--px--9 {
    padding-left: var(--spacing-9);
    padding-right: var(--spacing-9);
  }

  .xl--py--9 {
    padding-top: var(--spacing-9);
    padding-bottom: var(--spacing-9);
  }

  .xl--w--9 {
    width: var(--spacing-9);
  }

  .xl--max-w--9 {
    max-width: var(--spacing-9);
  }

  .xl--h--9 {
    height: var(--spacing-9);
  }

  .xl--max-h--9 {
    max-height: var(--spacing-9);
  }

  .xl--gap--9 {
    gap: var(--spacing-9);
  }

  .xl--row-gap--9 {
    row-gap: var(--spacing-9);
  }

  .xl--col-gap--9 {
    -moz-column-gap: var(--spacing-9);
    column-gap: var(--spacing-9);
  }

  .xl--top--9 {
    top: var(--spacing-9);
  }

  .xl--right--9 {
    right: var(--spacing-9);
  }

  .xl--bottom--9 {
    bottom: var(--spacing-9);
  }

  .xl--left--9 {
    left: var(--spacing-9);
  }

  .xl--inset--9 {
    top: var(--spacing-9);
    right: var(--spacing-9);
    bottom: var(--spacing-9);
    left: var(--spacing-9);
  }

  .xl--m--10 {
    margin: var(--spacing-10);
  }

  .xl--mt--10 {
    margin-top: var(--spacing-10);
  }

  .xl--mb--10 {
    margin-bottom: var(--spacing-10);
  }

  .xl--ml--10 {
    margin-left: var(--spacing-10);
  }

  .xl--mr--10 {
    margin-right: var(--spacing-10);
  }

  .xl--mx--10 {
    margin-left: var(--spacing-10);
    margin-right: var(--spacing-10);
  }

  .xl--my--10 {
    margin-top: var(--spacing-10);
    margin-bottom: var(--spacing-10);
  }

  .xl--p--10 {
    padding: var(--spacing-10);
  }

  .xl--pt--10 {
    padding-top: var(--spacing-10);
  }

  .xl--pb--10 {
    padding-bottom: var(--spacing-10);
  }

  .xl--pl--10 {
    padding-left: var(--spacing-10);
  }

  .xl--pr--10 {
    padding-right: var(--spacing-10);
  }

  .xl--px--10 {
    padding-left: var(--spacing-10);
    padding-right: var(--spacing-10);
  }

  .xl--py--10 {
    padding-top: var(--spacing-10);
    padding-bottom: var(--spacing-10);
  }

  .xl--w--10 {
    width: var(--spacing-10);
  }

  .xl--max-w--10 {
    max-width: var(--spacing-10);
  }

  .xl--h--10 {
    height: var(--spacing-10);
  }

  .xl--max-h--10 {
    max-height: var(--spacing-10);
  }

  .xl--gap--10 {
    gap: var(--spacing-10);
  }

  .xl--row-gap--10 {
    row-gap: var(--spacing-10);
  }

  .xl--col-gap--10 {
    -moz-column-gap: var(--spacing-10);
    column-gap: var(--spacing-10);
  }

  .xl--top--10 {
    top: var(--spacing-10);
  }

  .xl--right--10 {
    right: var(--spacing-10);
  }

  .xl--bottom--10 {
    bottom: var(--spacing-10);
  }

  .xl--left--10 {
    left: var(--spacing-10);
  }

  .xl--inset--10 {
    top: var(--spacing-10);
    right: var(--spacing-10);
    bottom: var(--spacing-10);
    left: var(--spacing-10);
  }

  .xl--m--11 {
    margin: var(--spacing-11);
  }

  .xl--mt--11 {
    margin-top: var(--spacing-11);
  }

  .xl--mb--11 {
    margin-bottom: var(--spacing-11);
  }

  .xl--ml--11 {
    margin-left: var(--spacing-11);
  }

  .xl--mr--11 {
    margin-right: var(--spacing-11);
  }

  .xl--mx--11 {
    margin-left: var(--spacing-11);
    margin-right: var(--spacing-11);
  }

  .xl--my--11 {
    margin-top: var(--spacing-11);
    margin-bottom: var(--spacing-11);
  }

  .xl--p--11 {
    padding: var(--spacing-11);
  }

  .xl--pt--11 {
    padding-top: var(--spacing-11);
  }

  .xl--pb--11 {
    padding-bottom: var(--spacing-11);
  }

  .xl--pl--11 {
    padding-left: var(--spacing-11);
  }

  .xl--pr--11 {
    padding-right: var(--spacing-11);
  }

  .xl--px--11 {
    padding-left: var(--spacing-11);
    padding-right: var(--spacing-11);
  }

  .xl--py--11 {
    padding-top: var(--spacing-11);
    padding-bottom: var(--spacing-11);
  }

  .xl--w--11 {
    width: var(--spacing-11);
  }

  .xl--max-w--11 {
    max-width: var(--spacing-11);
  }

  .xl--h--11 {
    height: var(--spacing-11);
  }

  .xl--max-h--11 {
    max-height: var(--spacing-11);
  }

  .xl--gap--11 {
    gap: var(--spacing-11);
  }

  .xl--row-gap--11 {
    row-gap: var(--spacing-11);
  }

  .xl--col-gap--11 {
    -moz-column-gap: var(--spacing-11);
    column-gap: var(--spacing-11);
  }

  .xl--top--11 {
    top: var(--spacing-11);
  }

  .xl--right--11 {
    right: var(--spacing-11);
  }

  .xl--bottom--11 {
    bottom: var(--spacing-11);
  }

  .xl--left--11 {
    left: var(--spacing-11);
  }

  .xl--inset--11 {
    top: var(--spacing-11);
    right: var(--spacing-11);
    bottom: var(--spacing-11);
    left: var(--spacing-11);
  }

  .xl--m--12 {
    margin: var(--spacing-12);
  }

  .xl--mt--12 {
    margin-top: var(--spacing-12);
  }

  .xl--mb--12 {
    margin-bottom: var(--spacing-12);
  }

  .xl--ml--12 {
    margin-left: var(--spacing-12);
  }

  .xl--mr--12 {
    margin-right: var(--spacing-12);
  }

  .xl--mx--12 {
    margin-left: var(--spacing-12);
    margin-right: var(--spacing-12);
  }

  .xl--my--12 {
    margin-top: var(--spacing-12);
    margin-bottom: var(--spacing-12);
  }

  .xl--p--12 {
    padding: var(--spacing-12);
  }

  .xl--pt--12 {
    padding-top: var(--spacing-12);
  }

  .xl--pb--12 {
    padding-bottom: var(--spacing-12);
  }

  .xl--pl--12 {
    padding-left: var(--spacing-12);
  }

  .xl--pr--12 {
    padding-right: var(--spacing-12);
  }

  .xl--px--12 {
    padding-left: var(--spacing-12);
    padding-right: var(--spacing-12);
  }

  .xl--py--12 {
    padding-top: var(--spacing-12);
    padding-bottom: var(--spacing-12);
  }

  .xl--w--12 {
    width: var(--spacing-12);
  }

  .xl--max-w--12 {
    max-width: var(--spacing-12);
  }

  .xl--h--12 {
    height: var(--spacing-12);
  }

  .xl--max-h--12 {
    max-height: var(--spacing-12);
  }

  .xl--gap--12 {
    gap: var(--spacing-12);
  }

  .xl--row-gap--12 {
    row-gap: var(--spacing-12);
  }

  .xl--col-gap--12 {
    -moz-column-gap: var(--spacing-12);
    column-gap: var(--spacing-12);
  }

  .xl--top--12 {
    top: var(--spacing-12);
  }

  .xl--right--12 {
    right: var(--spacing-12);
  }

  .xl--bottom--12 {
    bottom: var(--spacing-12);
  }

  .xl--left--12 {
    left: var(--spacing-12);
  }

  .xl--inset--12 {
    top: var(--spacing-12);
    right: var(--spacing-12);
    bottom: var(--spacing-12);
    left: var(--spacing-12);
  }

  .xl--m--13 {
    margin: var(--spacing-13);
  }

  .xl--mt--13 {
    margin-top: var(--spacing-13);
  }

  .xl--mb--13 {
    margin-bottom: var(--spacing-13);
  }

  .xl--ml--13 {
    margin-left: var(--spacing-13);
  }

  .xl--mr--13 {
    margin-right: var(--spacing-13);
  }

  .xl--mx--13 {
    margin-left: var(--spacing-13);
    margin-right: var(--spacing-13);
  }

  .xl--my--13 {
    margin-top: var(--spacing-13);
    margin-bottom: var(--spacing-13);
  }

  .xl--p--13 {
    padding: var(--spacing-13);
  }

  .xl--pt--13 {
    padding-top: var(--spacing-13);
  }

  .xl--pb--13 {
    padding-bottom: var(--spacing-13);
  }

  .xl--pl--13 {
    padding-left: var(--spacing-13);
  }

  .xl--pr--13 {
    padding-right: var(--spacing-13);
  }

  .xl--px--13 {
    padding-left: var(--spacing-13);
    padding-right: var(--spacing-13);
  }

  .xl--py--13 {
    padding-top: var(--spacing-13);
    padding-bottom: var(--spacing-13);
  }

  .xl--w--13 {
    width: var(--spacing-13);
  }

  .xl--max-w--13 {
    max-width: var(--spacing-13);
  }

  .xl--h--13 {
    height: var(--spacing-13);
  }

  .xl--max-h--13 {
    max-height: var(--spacing-13);
  }

  .xl--gap--13 {
    gap: var(--spacing-13);
  }

  .xl--row-gap--13 {
    row-gap: var(--spacing-13);
  }

  .xl--col-gap--13 {
    -moz-column-gap: var(--spacing-13);
    column-gap: var(--spacing-13);
  }

  .xl--top--13 {
    top: var(--spacing-13);
  }

  .xl--right--13 {
    right: var(--spacing-13);
  }

  .xl--bottom--13 {
    bottom: var(--spacing-13);
  }

  .xl--left--13 {
    left: var(--spacing-13);
  }

  .xl--inset--13 {
    top: var(--spacing-13);
    right: var(--spacing-13);
    bottom: var(--spacing-13);
    left: var(--spacing-13);
  }

  .xl--m--14 {
    margin: var(--spacing-14);
  }

  .xl--mt--14 {
    margin-top: var(--spacing-14);
  }

  .xl--mb--14 {
    margin-bottom: var(--spacing-14);
  }

  .xl--ml--14 {
    margin-left: var(--spacing-14);
  }

  .xl--mr--14 {
    margin-right: var(--spacing-14);
  }

  .xl--mx--14 {
    margin-left: var(--spacing-14);
    margin-right: var(--spacing-14);
  }

  .xl--my--14 {
    margin-top: var(--spacing-14);
    margin-bottom: var(--spacing-14);
  }

  .xl--p--14 {
    padding: var(--spacing-14);
  }

  .xl--pt--14 {
    padding-top: var(--spacing-14);
  }

  .xl--pb--14 {
    padding-bottom: var(--spacing-14);
  }

  .xl--pl--14 {
    padding-left: var(--spacing-14);
  }

  .xl--pr--14 {
    padding-right: var(--spacing-14);
  }

  .xl--px--14 {
    padding-left: var(--spacing-14);
    padding-right: var(--spacing-14);
  }

  .xl--py--14 {
    padding-top: var(--spacing-14);
    padding-bottom: var(--spacing-14);
  }

  .xl--w--14 {
    width: var(--spacing-14);
  }

  .xl--max-w--14 {
    max-width: var(--spacing-14);
  }

  .xl--h--14 {
    height: var(--spacing-14);
  }

  .xl--max-h--14 {
    max-height: var(--spacing-14);
  }

  .xl--gap--14 {
    gap: var(--spacing-14);
  }

  .xl--row-gap--14 {
    row-gap: var(--spacing-14);
  }

  .xl--col-gap--14 {
    -moz-column-gap: var(--spacing-14);
    column-gap: var(--spacing-14);
  }

  .xl--top--14 {
    top: var(--spacing-14);
  }

  .xl--right--14 {
    right: var(--spacing-14);
  }

  .xl--bottom--14 {
    bottom: var(--spacing-14);
  }

  .xl--left--14 {
    left: var(--spacing-14);
  }

  .xl--inset--14 {
    top: var(--spacing-14);
    right: var(--spacing-14);
    bottom: var(--spacing-14);
    left: var(--spacing-14);
  }

  .xl--m--15 {
    margin: var(--spacing-15);
  }

  .xl--mt--15 {
    margin-top: var(--spacing-15);
  }

  .xl--mb--15 {
    margin-bottom: var(--spacing-15);
  }

  .xl--ml--15 {
    margin-left: var(--spacing-15);
  }

  .xl--mr--15 {
    margin-right: var(--spacing-15);
  }

  .xl--mx--15 {
    margin-left: var(--spacing-15);
    margin-right: var(--spacing-15);
  }

  .xl--my--15 {
    margin-top: var(--spacing-15);
    margin-bottom: var(--spacing-15);
  }

  .xl--p--15 {
    padding: var(--spacing-15);
  }

  .xl--pt--15 {
    padding-top: var(--spacing-15);
  }

  .xl--pb--15 {
    padding-bottom: var(--spacing-15);
  }

  .xl--pl--15 {
    padding-left: var(--spacing-15);
  }

  .xl--pr--15 {
    padding-right: var(--spacing-15);
  }

  .xl--px--15 {
    padding-left: var(--spacing-15);
    padding-right: var(--spacing-15);
  }

  .xl--py--15 {
    padding-top: var(--spacing-15);
    padding-bottom: var(--spacing-15);
  }

  .xl--w--15 {
    width: var(--spacing-15);
  }

  .xl--max-w--15 {
    max-width: var(--spacing-15);
  }

  .xl--h--15 {
    height: var(--spacing-15);
  }

  .xl--max-h--15 {
    max-height: var(--spacing-15);
  }

  .xl--gap--15 {
    gap: var(--spacing-15);
  }

  .xl--row-gap--15 {
    row-gap: var(--spacing-15);
  }

  .xl--col-gap--15 {
    -moz-column-gap: var(--spacing-15);
    column-gap: var(--spacing-15);
  }

  .xl--top--15 {
    top: var(--spacing-15);
  }

  .xl--right--15 {
    right: var(--spacing-15);
  }

  .xl--bottom--15 {
    bottom: var(--spacing-15);
  }

  .xl--left--15 {
    left: var(--spacing-15);
  }

  .xl--inset--15 {
    top: var(--spacing-15);
    right: var(--spacing-15);
    bottom: var(--spacing-15);
    left: var(--spacing-15);
  }

  .xl--m--16 {
    margin: var(--spacing-16);
  }

  .xl--mt--16 {
    margin-top: var(--spacing-16);
  }

  .xl--mb--16 {
    margin-bottom: var(--spacing-16);
  }

  .xl--ml--16 {
    margin-left: var(--spacing-16);
  }

  .xl--mr--16 {
    margin-right: var(--spacing-16);
  }

  .xl--mx--16 {
    margin-left: var(--spacing-16);
    margin-right: var(--spacing-16);
  }

  .xl--my--16 {
    margin-top: var(--spacing-16);
    margin-bottom: var(--spacing-16);
  }

  .xl--p--16 {
    padding: var(--spacing-16);
  }

  .xl--pt--16 {
    padding-top: var(--spacing-16);
  }

  .xl--pb--16 {
    padding-bottom: var(--spacing-16);
  }

  .xl--pl--16 {
    padding-left: var(--spacing-16);
  }

  .xl--pr--16 {
    padding-right: var(--spacing-16);
  }

  .xl--px--16 {
    padding-left: var(--spacing-16);
    padding-right: var(--spacing-16);
  }

  .xl--py--16 {
    padding-top: var(--spacing-16);
    padding-bottom: var(--spacing-16);
  }

  .xl--w--16 {
    width: var(--spacing-16);
  }

  .xl--max-w--16 {
    max-width: var(--spacing-16);
  }

  .xl--h--16 {
    height: var(--spacing-16);
  }

  .xl--max-h--16 {
    max-height: var(--spacing-16);
  }

  .xl--gap--16 {
    gap: var(--spacing-16);
  }

  .xl--row-gap--16 {
    row-gap: var(--spacing-16);
  }

  .xl--col-gap--16 {
    -moz-column-gap: var(--spacing-16);
    column-gap: var(--spacing-16);
  }

  .xl--top--16 {
    top: var(--spacing-16);
  }

  .xl--right--16 {
    right: var(--spacing-16);
  }

  .xl--bottom--16 {
    bottom: var(--spacing-16);
  }

  .xl--left--16 {
    left: var(--spacing-16);
  }

  .xl--inset--16 {
    top: var(--spacing-16);
    right: var(--spacing-16);
    bottom: var(--spacing-16);
    left: var(--spacing-16);
  }

  .xl--m--17 {
    margin: var(--spacing-17);
  }

  .xl--mt--17 {
    margin-top: var(--spacing-17);
  }

  .xl--mb--17 {
    margin-bottom: var(--spacing-17);
  }

  .xl--ml--17 {
    margin-left: var(--spacing-17);
  }

  .xl--mr--17 {
    margin-right: var(--spacing-17);
  }

  .xl--mx--17 {
    margin-left: var(--spacing-17);
    margin-right: var(--spacing-17);
  }

  .xl--my--17 {
    margin-top: var(--spacing-17);
    margin-bottom: var(--spacing-17);
  }

  .xl--p--17 {
    padding: var(--spacing-17);
  }

  .xl--pt--17 {
    padding-top: var(--spacing-17);
  }

  .xl--pb--17 {
    padding-bottom: var(--spacing-17);
  }

  .xl--pl--17 {
    padding-left: var(--spacing-17);
  }

  .xl--pr--17 {
    padding-right: var(--spacing-17);
  }

  .xl--px--17 {
    padding-left: var(--spacing-17);
    padding-right: var(--spacing-17);
  }

  .xl--py--17 {
    padding-top: var(--spacing-17);
    padding-bottom: var(--spacing-17);
  }

  .xl--w--17 {
    width: var(--spacing-17);
  }

  .xl--max-w--17 {
    max-width: var(--spacing-17);
  }

  .xl--h--17 {
    height: var(--spacing-17);
  }

  .xl--max-h--17 {
    max-height: var(--spacing-17);
  }

  .xl--gap--17 {
    gap: var(--spacing-17);
  }

  .xl--row-gap--17 {
    row-gap: var(--spacing-17);
  }

  .xl--col-gap--17 {
    -moz-column-gap: var(--spacing-17);
    column-gap: var(--spacing-17);
  }

  .xl--top--17 {
    top: var(--spacing-17);
  }

  .xl--right--17 {
    right: var(--spacing-17);
  }

  .xl--bottom--17 {
    bottom: var(--spacing-17);
  }

  .xl--left--17 {
    left: var(--spacing-17);
  }

  .xl--inset--17 {
    top: var(--spacing-17);
    right: var(--spacing-17);
    bottom: var(--spacing-17);
    left: var(--spacing-17);
  }

  .xl--m--18 {
    margin: var(--spacing-18);
  }

  .xl--mt--18 {
    margin-top: var(--spacing-18);
  }

  .xl--mb--18 {
    margin-bottom: var(--spacing-18);
  }

  .xl--ml--18 {
    margin-left: var(--spacing-18);
  }

  .xl--mr--18 {
    margin-right: var(--spacing-18);
  }

  .xl--mx--18 {
    margin-left: var(--spacing-18);
    margin-right: var(--spacing-18);
  }

  .xl--my--18 {
    margin-top: var(--spacing-18);
    margin-bottom: var(--spacing-18);
  }

  .xl--p--18 {
    padding: var(--spacing-18);
  }

  .xl--pt--18 {
    padding-top: var(--spacing-18);
  }

  .xl--pb--18 {
    padding-bottom: var(--spacing-18);
  }

  .xl--pl--18 {
    padding-left: var(--spacing-18);
  }

  .xl--pr--18 {
    padding-right: var(--spacing-18);
  }

  .xl--px--18 {
    padding-left: var(--spacing-18);
    padding-right: var(--spacing-18);
  }

  .xl--py--18 {
    padding-top: var(--spacing-18);
    padding-bottom: var(--spacing-18);
  }

  .xl--w--18 {
    width: var(--spacing-18);
  }

  .xl--max-w--18 {
    max-width: var(--spacing-18);
  }

  .xl--h--18 {
    height: var(--spacing-18);
  }

  .xl--max-h--18 {
    max-height: var(--spacing-18);
  }

  .xl--gap--18 {
    gap: var(--spacing-18);
  }

  .xl--row-gap--18 {
    row-gap: var(--spacing-18);
  }

  .xl--col-gap--18 {
    -moz-column-gap: var(--spacing-18);
    column-gap: var(--spacing-18);
  }

  .xl--top--18 {
    top: var(--spacing-18);
  }

  .xl--right--18 {
    right: var(--spacing-18);
  }

  .xl--bottom--18 {
    bottom: var(--spacing-18);
  }

  .xl--left--18 {
    left: var(--spacing-18);
  }

  .xl--inset--18 {
    top: var(--spacing-18);
    right: var(--spacing-18);
    bottom: var(--spacing-18);
    left: var(--spacing-18);
  }

  .xl--m--19 {
    margin: var(--spacing-19);
  }

  .xl--mt--19 {
    margin-top: var(--spacing-19);
  }

  .xl--mb--19 {
    margin-bottom: var(--spacing-19);
  }

  .xl--ml--19 {
    margin-left: var(--spacing-19);
  }

  .xl--mr--19 {
    margin-right: var(--spacing-19);
  }

  .xl--mx--19 {
    margin-left: var(--spacing-19);
    margin-right: var(--spacing-19);
  }

  .xl--my--19 {
    margin-top: var(--spacing-19);
    margin-bottom: var(--spacing-19);
  }

  .xl--p--19 {
    padding: var(--spacing-19);
  }

  .xl--pt--19 {
    padding-top: var(--spacing-19);
  }

  .xl--pb--19 {
    padding-bottom: var(--spacing-19);
  }

  .xl--pl--19 {
    padding-left: var(--spacing-19);
  }

  .xl--pr--19 {
    padding-right: var(--spacing-19);
  }

  .xl--px--19 {
    padding-left: var(--spacing-19);
    padding-right: var(--spacing-19);
  }

  .xl--py--19 {
    padding-top: var(--spacing-19);
    padding-bottom: var(--spacing-19);
  }

  .xl--w--19 {
    width: var(--spacing-19);
  }

  .xl--max-w--19 {
    max-width: var(--spacing-19);
  }

  .xl--h--19 {
    height: var(--spacing-19);
  }

  .xl--max-h--19 {
    max-height: var(--spacing-19);
  }

  .xl--gap--19 {
    gap: var(--spacing-19);
  }

  .xl--row-gap--19 {
    row-gap: var(--spacing-19);
  }

  .xl--col-gap--19 {
    -moz-column-gap: var(--spacing-19);
    column-gap: var(--spacing-19);
  }

  .xl--top--19 {
    top: var(--spacing-19);
  }

  .xl--right--19 {
    right: var(--spacing-19);
  }

  .xl--bottom--19 {
    bottom: var(--spacing-19);
  }

  .xl--left--19 {
    left: var(--spacing-19);
  }

  .xl--inset--19 {
    top: var(--spacing-19);
    right: var(--spacing-19);
    bottom: var(--spacing-19);
    left: var(--spacing-19);
  }

  .xl--m--20 {
    margin: var(--spacing-20);
  }

  .xl--mt--20 {
    margin-top: var(--spacing-20);
  }

  .xl--mb--20 {
    margin-bottom: var(--spacing-20);
  }

  .xl--ml--20 {
    margin-left: var(--spacing-20);
  }

  .xl--mr--20 {
    margin-right: var(--spacing-20);
  }

  .xl--mx--20 {
    margin-left: var(--spacing-20);
    margin-right: var(--spacing-20);
  }

  .xl--my--20 {
    margin-top: var(--spacing-20);
    margin-bottom: var(--spacing-20);
  }

  .xl--p--20 {
    padding: var(--spacing-20);
  }

  .xl--pt--20 {
    padding-top: var(--spacing-20);
  }

  .xl--pb--20 {
    padding-bottom: var(--spacing-20);
  }

  .xl--pl--20 {
    padding-left: var(--spacing-20);
  }

  .xl--pr--20 {
    padding-right: var(--spacing-20);
  }

  .xl--px--20 {
    padding-left: var(--spacing-20);
    padding-right: var(--spacing-20);
  }

  .xl--py--20 {
    padding-top: var(--spacing-20);
    padding-bottom: var(--spacing-20);
  }

  .xl--w--20 {
    width: var(--spacing-20);
  }

  .xl--max-w--20 {
    max-width: var(--spacing-20);
  }

  .xl--h--20 {
    height: var(--spacing-20);
  }

  .xl--max-h--20 {
    max-height: var(--spacing-20);
  }

  .xl--gap--20 {
    gap: var(--spacing-20);
  }

  .xl--row-gap--20 {
    row-gap: var(--spacing-20);
  }

  .xl--col-gap--20 {
    -moz-column-gap: var(--spacing-20);
    column-gap: var(--spacing-20);
  }

  .xl--top--20 {
    top: var(--spacing-20);
  }

  .xl--right--20 {
    right: var(--spacing-20);
  }

  .xl--bottom--20 {
    bottom: var(--spacing-20);
  }

  .xl--left--20 {
    left: var(--spacing-20);
  }

  .xl--inset--20 {
    top: var(--spacing-20);
    right: var(--spacing-20);
    bottom: var(--spacing-20);
    left: var(--spacing-20);
  }

  .xl--m--21 {
    margin: var(--spacing-21);
  }

  .xl--mt--21 {
    margin-top: var(--spacing-21);
  }

  .xl--mb--21 {
    margin-bottom: var(--spacing-21);
  }

  .xl--ml--21 {
    margin-left: var(--spacing-21);
  }

  .xl--mr--21 {
    margin-right: var(--spacing-21);
  }

  .xl--mx--21 {
    margin-left: var(--spacing-21);
    margin-right: var(--spacing-21);
  }

  .xl--my--21 {
    margin-top: var(--spacing-21);
    margin-bottom: var(--spacing-21);
  }

  .xl--p--21 {
    padding: var(--spacing-21);
  }

  .xl--pt--21 {
    padding-top: var(--spacing-21);
  }

  .xl--pb--21 {
    padding-bottom: var(--spacing-21);
  }

  .xl--pl--21 {
    padding-left: var(--spacing-21);
  }

  .xl--pr--21 {
    padding-right: var(--spacing-21);
  }

  .xl--px--21 {
    padding-left: var(--spacing-21);
    padding-right: var(--spacing-21);
  }

  .xl--py--21 {
    padding-top: var(--spacing-21);
    padding-bottom: var(--spacing-21);
  }

  .xl--w--21 {
    width: var(--spacing-21);
  }

  .xl--max-w--21 {
    max-width: var(--spacing-21);
  }

  .xl--h--21 {
    height: var(--spacing-21);
  }

  .xl--max-h--21 {
    max-height: var(--spacing-21);
  }

  .xl--gap--21 {
    gap: var(--spacing-21);
  }

  .xl--row-gap--21 {
    row-gap: var(--spacing-21);
  }

  .xl--col-gap--21 {
    -moz-column-gap: var(--spacing-21);
    column-gap: var(--spacing-21);
  }

  .xl--top--21 {
    top: var(--spacing-21);
  }

  .xl--right--21 {
    right: var(--spacing-21);
  }

  .xl--bottom--21 {
    bottom: var(--spacing-21);
  }

  .xl--left--21 {
    left: var(--spacing-21);
  }

  .xl--inset--21 {
    top: var(--spacing-21);
    right: var(--spacing-21);
    bottom: var(--spacing-21);
    left: var(--spacing-21);
  }

  .xl--m--22 {
    margin: var(--spacing-22);
  }

  .xl--mt--22 {
    margin-top: var(--spacing-22);
  }

  .xl--mb--22 {
    margin-bottom: var(--spacing-22);
  }

  .xl--ml--22 {
    margin-left: var(--spacing-22);
  }

  .xl--mr--22 {
    margin-right: var(--spacing-22);
  }

  .xl--mx--22 {
    margin-left: var(--spacing-22);
    margin-right: var(--spacing-22);
  }

  .xl--my--22 {
    margin-top: var(--spacing-22);
    margin-bottom: var(--spacing-22);
  }

  .xl--p--22 {
    padding: var(--spacing-22);
  }

  .xl--pt--22 {
    padding-top: var(--spacing-22);
  }

  .xl--pb--22 {
    padding-bottom: var(--spacing-22);
  }

  .xl--pl--22 {
    padding-left: var(--spacing-22);
  }

  .xl--pr--22 {
    padding-right: var(--spacing-22);
  }

  .xl--px--22 {
    padding-left: var(--spacing-22);
    padding-right: var(--spacing-22);
  }

  .xl--py--22 {
    padding-top: var(--spacing-22);
    padding-bottom: var(--spacing-22);
  }

  .xl--w--22 {
    width: var(--spacing-22);
  }

  .xl--max-w--22 {
    max-width: var(--spacing-22);
  }

  .xl--h--22 {
    height: var(--spacing-22);
  }

  .xl--max-h--22 {
    max-height: var(--spacing-22);
  }

  .xl--gap--22 {
    gap: var(--spacing-22);
  }

  .xl--row-gap--22 {
    row-gap: var(--spacing-22);
  }

  .xl--col-gap--22 {
    -moz-column-gap: var(--spacing-22);
    column-gap: var(--spacing-22);
  }

  .xl--top--22 {
    top: var(--spacing-22);
  }

  .xl--right--22 {
    right: var(--spacing-22);
  }

  .xl--bottom--22 {
    bottom: var(--spacing-22);
  }

  .xl--left--22 {
    left: var(--spacing-22);
  }

  .xl--inset--22 {
    top: var(--spacing-22);
    right: var(--spacing-22);
    bottom: var(--spacing-22);
    left: var(--spacing-22);
  }

  .xl--m--23 {
    margin: var(--spacing-23);
  }

  .xl--mt--23 {
    margin-top: var(--spacing-23);
  }

  .xl--mb--23 {
    margin-bottom: var(--spacing-23);
  }

  .xl--ml--23 {
    margin-left: var(--spacing-23);
  }

  .xl--mr--23 {
    margin-right: var(--spacing-23);
  }

  .xl--mx--23 {
    margin-left: var(--spacing-23);
    margin-right: var(--spacing-23);
  }

  .xl--my--23 {
    margin-top: var(--spacing-23);
    margin-bottom: var(--spacing-23);
  }

  .xl--p--23 {
    padding: var(--spacing-23);
  }

  .xl--pt--23 {
    padding-top: var(--spacing-23);
  }

  .xl--pb--23 {
    padding-bottom: var(--spacing-23);
  }

  .xl--pl--23 {
    padding-left: var(--spacing-23);
  }

  .xl--pr--23 {
    padding-right: var(--spacing-23);
  }

  .xl--px--23 {
    padding-left: var(--spacing-23);
    padding-right: var(--spacing-23);
  }

  .xl--py--23 {
    padding-top: var(--spacing-23);
    padding-bottom: var(--spacing-23);
  }

  .xl--w--23 {
    width: var(--spacing-23);
  }

  .xl--max-w--23 {
    max-width: var(--spacing-23);
  }

  .xl--h--23 {
    height: var(--spacing-23);
  }

  .xl--max-h--23 {
    max-height: var(--spacing-23);
  }

  .xl--gap--23 {
    gap: var(--spacing-23);
  }

  .xl--row-gap--23 {
    row-gap: var(--spacing-23);
  }

  .xl--col-gap--23 {
    -moz-column-gap: var(--spacing-23);
    column-gap: var(--spacing-23);
  }

  .xl--top--23 {
    top: var(--spacing-23);
  }

  .xl--right--23 {
    right: var(--spacing-23);
  }

  .xl--bottom--23 {
    bottom: var(--spacing-23);
  }

  .xl--left--23 {
    left: var(--spacing-23);
  }

  .xl--inset--23 {
    top: var(--spacing-23);
    right: var(--spacing-23);
    bottom: var(--spacing-23);
    left: var(--spacing-23);
  }

  .xl--m--24 {
    margin: var(--spacing-24);
  }

  .xl--mt--24 {
    margin-top: var(--spacing-24);
  }

  .xl--mb--24 {
    margin-bottom: var(--spacing-24);
  }

  .xl--ml--24 {
    margin-left: var(--spacing-24);
  }

  .xl--mr--24 {
    margin-right: var(--spacing-24);
  }

  .xl--mx--24 {
    margin-left: var(--spacing-24);
    margin-right: var(--spacing-24);
  }

  .xl--my--24 {
    margin-top: var(--spacing-24);
    margin-bottom: var(--spacing-24);
  }

  .xl--p--24 {
    padding: var(--spacing-24);
  }

  .xl--pt--24 {
    padding-top: var(--spacing-24);
  }

  .xl--pb--24 {
    padding-bottom: var(--spacing-24);
  }

  .xl--pl--24 {
    padding-left: var(--spacing-24);
  }

  .xl--pr--24 {
    padding-right: var(--spacing-24);
  }

  .xl--px--24 {
    padding-left: var(--spacing-24);
    padding-right: var(--spacing-24);
  }

  .xl--py--24 {
    padding-top: var(--spacing-24);
    padding-bottom: var(--spacing-24);
  }

  .xl--w--24 {
    width: var(--spacing-24);
  }

  .xl--max-w--24 {
    max-width: var(--spacing-24);
  }

  .xl--h--24 {
    height: var(--spacing-24);
  }

  .xl--max-h--24 {
    max-height: var(--spacing-24);
  }

  .xl--gap--24 {
    gap: var(--spacing-24);
  }

  .xl--row-gap--24 {
    row-gap: var(--spacing-24);
  }

  .xl--col-gap--24 {
    -moz-column-gap: var(--spacing-24);
    column-gap: var(--spacing-24);
  }

  .xl--top--24 {
    top: var(--spacing-24);
  }

  .xl--right--24 {
    right: var(--spacing-24);
  }

  .xl--bottom--24 {
    bottom: var(--spacing-24);
  }

  .xl--left--24 {
    left: var(--spacing-24);
  }

  .xl--inset--24 {
    top: var(--spacing-24);
    right: var(--spacing-24);
    bottom: var(--spacing-24);
    left: var(--spacing-24);
  }

  .xl--m--25 {
    margin: var(--spacing-25);
  }

  .xl--mt--25 {
    margin-top: var(--spacing-25);
  }

  .xl--mb--25 {
    margin-bottom: var(--spacing-25);
  }

  .xl--ml--25 {
    margin-left: var(--spacing-25);
  }

  .xl--mr--25 {
    margin-right: var(--spacing-25);
  }

  .xl--mx--25 {
    margin-left: var(--spacing-25);
    margin-right: var(--spacing-25);
  }

  .xl--my--25 {
    margin-top: var(--spacing-25);
    margin-bottom: var(--spacing-25);
  }

  .xl--p--25 {
    padding: var(--spacing-25);
  }

  .xl--pt--25 {
    padding-top: var(--spacing-25);
  }

  .xl--pb--25 {
    padding-bottom: var(--spacing-25);
  }

  .xl--pl--25 {
    padding-left: var(--spacing-25);
  }

  .xl--pr--25 {
    padding-right: var(--spacing-25);
  }

  .xl--px--25 {
    padding-left: var(--spacing-25);
    padding-right: var(--spacing-25);
  }

  .xl--py--25 {
    padding-top: var(--spacing-25);
    padding-bottom: var(--spacing-25);
  }

  .xl--w--25 {
    width: var(--spacing-25);
  }

  .xl--max-w--25 {
    max-width: var(--spacing-25);
  }

  .xl--h--25 {
    height: var(--spacing-25);
  }

  .xl--max-h--25 {
    max-height: var(--spacing-25);
  }

  .xl--gap--25 {
    gap: var(--spacing-25);
  }

  .xl--row-gap--25 {
    row-gap: var(--spacing-25);
  }

  .xl--col-gap--25 {
    -moz-column-gap: var(--spacing-25);
    column-gap: var(--spacing-25);
  }

  .xl--top--25 {
    top: var(--spacing-25);
  }

  .xl--right--25 {
    right: var(--spacing-25);
  }

  .xl--bottom--25 {
    bottom: var(--spacing-25);
  }

  .xl--left--25 {
    left: var(--spacing-25);
  }

  .xl--inset--25 {
    top: var(--spacing-25);
    right: var(--spacing-25);
    bottom: var(--spacing-25);
    left: var(--spacing-25);
  }

  .xl--m--26 {
    margin: var(--spacing-26);
  }

  .xl--mt--26 {
    margin-top: var(--spacing-26);
  }

  .xl--mb--26 {
    margin-bottom: var(--spacing-26);
  }

  .xl--ml--26 {
    margin-left: var(--spacing-26);
  }

  .xl--mr--26 {
    margin-right: var(--spacing-26);
  }

  .xl--mx--26 {
    margin-left: var(--spacing-26);
    margin-right: var(--spacing-26);
  }

  .xl--my--26 {
    margin-top: var(--spacing-26);
    margin-bottom: var(--spacing-26);
  }

  .xl--p--26 {
    padding: var(--spacing-26);
  }

  .xl--pt--26 {
    padding-top: var(--spacing-26);
  }

  .xl--pb--26 {
    padding-bottom: var(--spacing-26);
  }

  .xl--pl--26 {
    padding-left: var(--spacing-26);
  }

  .xl--pr--26 {
    padding-right: var(--spacing-26);
  }

  .xl--px--26 {
    padding-left: var(--spacing-26);
    padding-right: var(--spacing-26);
  }

  .xl--py--26 {
    padding-top: var(--spacing-26);
    padding-bottom: var(--spacing-26);
  }

  .xl--w--26 {
    width: var(--spacing-26);
  }

  .xl--max-w--26 {
    max-width: var(--spacing-26);
  }

  .xl--h--26 {
    height: var(--spacing-26);
  }

  .xl--max-h--26 {
    max-height: var(--spacing-26);
  }

  .xl--gap--26 {
    gap: var(--spacing-26);
  }

  .xl--row-gap--26 {
    row-gap: var(--spacing-26);
  }

  .xl--col-gap--26 {
    -moz-column-gap: var(--spacing-26);
    column-gap: var(--spacing-26);
  }

  .xl--top--26 {
    top: var(--spacing-26);
  }

  .xl--right--26 {
    right: var(--spacing-26);
  }

  .xl--bottom--26 {
    bottom: var(--spacing-26);
  }

  .xl--left--26 {
    left: var(--spacing-26);
  }

  .xl--inset--26 {
    top: var(--spacing-26);
    right: var(--spacing-26);
    bottom: var(--spacing-26);
    left: var(--spacing-26);
  }

  .xl--m--27 {
    margin: var(--spacing-27);
  }

  .xl--mt--27 {
    margin-top: var(--spacing-27);
  }

  .xl--mb--27 {
    margin-bottom: var(--spacing-27);
  }

  .xl--ml--27 {
    margin-left: var(--spacing-27);
  }

  .xl--mr--27 {
    margin-right: var(--spacing-27);
  }

  .xl--mx--27 {
    margin-left: var(--spacing-27);
    margin-right: var(--spacing-27);
  }

  .xl--my--27 {
    margin-top: var(--spacing-27);
    margin-bottom: var(--spacing-27);
  }

  .xl--p--27 {
    padding: var(--spacing-27);
  }

  .xl--pt--27 {
    padding-top: var(--spacing-27);
  }

  .xl--pb--27 {
    padding-bottom: var(--spacing-27);
  }

  .xl--pl--27 {
    padding-left: var(--spacing-27);
  }

  .xl--pr--27 {
    padding-right: var(--spacing-27);
  }

  .xl--px--27 {
    padding-left: var(--spacing-27);
    padding-right: var(--spacing-27);
  }

  .xl--py--27 {
    padding-top: var(--spacing-27);
    padding-bottom: var(--spacing-27);
  }

  .xl--w--27 {
    width: var(--spacing-27);
  }

  .xl--max-w--27 {
    max-width: var(--spacing-27);
  }

  .xl--h--27 {
    height: var(--spacing-27);
  }

  .xl--max-h--27 {
    max-height: var(--spacing-27);
  }

  .xl--gap--27 {
    gap: var(--spacing-27);
  }

  .xl--row-gap--27 {
    row-gap: var(--spacing-27);
  }

  .xl--col-gap--27 {
    -moz-column-gap: var(--spacing-27);
    column-gap: var(--spacing-27);
  }

  .xl--top--27 {
    top: var(--spacing-27);
  }

  .xl--right--27 {
    right: var(--spacing-27);
  }

  .xl--bottom--27 {
    bottom: var(--spacing-27);
  }

  .xl--left--27 {
    left: var(--spacing-27);
  }

  .xl--inset--27 {
    top: var(--spacing-27);
    right: var(--spacing-27);
    bottom: var(--spacing-27);
    left: var(--spacing-27);
  }

  .xl--m--28 {
    margin: var(--spacing-28);
  }

  .xl--mt--28 {
    margin-top: var(--spacing-28);
  }

  .xl--mb--28 {
    margin-bottom: var(--spacing-28);
  }

  .xl--ml--28 {
    margin-left: var(--spacing-28);
  }

  .xl--mr--28 {
    margin-right: var(--spacing-28);
  }

  .xl--mx--28 {
    margin-left: var(--spacing-28);
    margin-right: var(--spacing-28);
  }

  .xl--my--28 {
    margin-top: var(--spacing-28);
    margin-bottom: var(--spacing-28);
  }

  .xl--p--28 {
    padding: var(--spacing-28);
  }

  .xl--pt--28 {
    padding-top: var(--spacing-28);
  }

  .xl--pb--28 {
    padding-bottom: var(--spacing-28);
  }

  .xl--pl--28 {
    padding-left: var(--spacing-28);
  }

  .xl--pr--28 {
    padding-right: var(--spacing-28);
  }

  .xl--px--28 {
    padding-left: var(--spacing-28);
    padding-right: var(--spacing-28);
  }

  .xl--py--28 {
    padding-top: var(--spacing-28);
    padding-bottom: var(--spacing-28);
  }

  .xl--w--28 {
    width: var(--spacing-28);
  }

  .xl--max-w--28 {
    max-width: var(--spacing-28);
  }

  .xl--h--28 {
    height: var(--spacing-28);
  }

  .xl--max-h--28 {
    max-height: var(--spacing-28);
  }

  .xl--gap--28 {
    gap: var(--spacing-28);
  }

  .xl--row-gap--28 {
    row-gap: var(--spacing-28);
  }

  .xl--col-gap--28 {
    -moz-column-gap: var(--spacing-28);
    column-gap: var(--spacing-28);
  }

  .xl--top--28 {
    top: var(--spacing-28);
  }

  .xl--right--28 {
    right: var(--spacing-28);
  }

  .xl--bottom--28 {
    bottom: var(--spacing-28);
  }

  .xl--left--28 {
    left: var(--spacing-28);
  }

  .xl--inset--28 {
    top: var(--spacing-28);
    right: var(--spacing-28);
    bottom: var(--spacing-28);
    left: var(--spacing-28);
  }

  .xl--m--29 {
    margin: var(--spacing-29);
  }

  .xl--mt--29 {
    margin-top: var(--spacing-29);
  }

  .xl--mb--29 {
    margin-bottom: var(--spacing-29);
  }

  .xl--ml--29 {
    margin-left: var(--spacing-29);
  }

  .xl--mr--29 {
    margin-right: var(--spacing-29);
  }

  .xl--mx--29 {
    margin-left: var(--spacing-29);
    margin-right: var(--spacing-29);
  }

  .xl--my--29 {
    margin-top: var(--spacing-29);
    margin-bottom: var(--spacing-29);
  }

  .xl--p--29 {
    padding: var(--spacing-29);
  }

  .xl--pt--29 {
    padding-top: var(--spacing-29);
  }

  .xl--pb--29 {
    padding-bottom: var(--spacing-29);
  }

  .xl--pl--29 {
    padding-left: var(--spacing-29);
  }

  .xl--pr--29 {
    padding-right: var(--spacing-29);
  }

  .xl--px--29 {
    padding-left: var(--spacing-29);
    padding-right: var(--spacing-29);
  }

  .xl--py--29 {
    padding-top: var(--spacing-29);
    padding-bottom: var(--spacing-29);
  }

  .xl--w--29 {
    width: var(--spacing-29);
  }

  .xl--max-w--29 {
    max-width: var(--spacing-29);
  }

  .xl--h--29 {
    height: var(--spacing-29);
  }

  .xl--max-h--29 {
    max-height: var(--spacing-29);
  }

  .xl--gap--29 {
    gap: var(--spacing-29);
  }

  .xl--row-gap--29 {
    row-gap: var(--spacing-29);
  }

  .xl--col-gap--29 {
    -moz-column-gap: var(--spacing-29);
    column-gap: var(--spacing-29);
  }

  .xl--top--29 {
    top: var(--spacing-29);
  }

  .xl--right--29 {
    right: var(--spacing-29);
  }

  .xl--bottom--29 {
    bottom: var(--spacing-29);
  }

  .xl--left--29 {
    left: var(--spacing-29);
  }

  .xl--inset--29 {
    top: var(--spacing-29);
    right: var(--spacing-29);
    bottom: var(--spacing-29);
    left: var(--spacing-29);
  }

  .xl--m--30 {
    margin: var(--spacing-30);
  }

  .xl--mt--30 {
    margin-top: var(--spacing-30);
  }

  .xl--mb--30 {
    margin-bottom: var(--spacing-30);
  }

  .xl--ml--30 {
    margin-left: var(--spacing-30);
  }

  .xl--mr--30 {
    margin-right: var(--spacing-30);
  }

  .xl--mx--30 {
    margin-left: var(--spacing-30);
    margin-right: var(--spacing-30);
  }

  .xl--my--30 {
    margin-top: var(--spacing-30);
    margin-bottom: var(--spacing-30);
  }

  .xl--p--30 {
    padding: var(--spacing-30);
  }

  .xl--pt--30 {
    padding-top: var(--spacing-30);
  }

  .xl--pb--30 {
    padding-bottom: var(--spacing-30);
  }

  .xl--pl--30 {
    padding-left: var(--spacing-30);
  }

  .xl--pr--30 {
    padding-right: var(--spacing-30);
  }

  .xl--px--30 {
    padding-left: var(--spacing-30);
    padding-right: var(--spacing-30);
  }

  .xl--py--30 {
    padding-top: var(--spacing-30);
    padding-bottom: var(--spacing-30);
  }

  .xl--w--30 {
    width: var(--spacing-30);
  }

  .xl--max-w--30 {
    max-width: var(--spacing-30);
  }

  .xl--h--30 {
    height: var(--spacing-30);
  }

  .xl--max-h--30 {
    max-height: var(--spacing-30);
  }

  .xl--gap--30 {
    gap: var(--spacing-30);
  }

  .xl--row-gap--30 {
    row-gap: var(--spacing-30);
  }

  .xl--col-gap--30 {
    -moz-column-gap: var(--spacing-30);
    column-gap: var(--spacing-30);
  }

  .xl--top--30 {
    top: var(--spacing-30);
  }

  .xl--right--30 {
    right: var(--spacing-30);
  }

  .xl--bottom--30 {
    bottom: var(--spacing-30);
  }

  .xl--left--30 {
    left: var(--spacing-30);
  }

  .xl--inset--30 {
    top: var(--spacing-30);
    right: var(--spacing-30);
    bottom: var(--spacing-30);
    left: var(--spacing-30);
  }

  .xl--m--31 {
    margin: var(--spacing-31);
  }

  .xl--mt--31 {
    margin-top: var(--spacing-31);
  }

  .xl--mb--31 {
    margin-bottom: var(--spacing-31);
  }

  .xl--ml--31 {
    margin-left: var(--spacing-31);
  }

  .xl--mr--31 {
    margin-right: var(--spacing-31);
  }

  .xl--mx--31 {
    margin-left: var(--spacing-31);
    margin-right: var(--spacing-31);
  }

  .xl--my--31 {
    margin-top: var(--spacing-31);
    margin-bottom: var(--spacing-31);
  }

  .xl--p--31 {
    padding: var(--spacing-31);
  }

  .xl--pt--31 {
    padding-top: var(--spacing-31);
  }

  .xl--pb--31 {
    padding-bottom: var(--spacing-31);
  }

  .xl--pl--31 {
    padding-left: var(--spacing-31);
  }

  .xl--pr--31 {
    padding-right: var(--spacing-31);
  }

  .xl--px--31 {
    padding-left: var(--spacing-31);
    padding-right: var(--spacing-31);
  }

  .xl--py--31 {
    padding-top: var(--spacing-31);
    padding-bottom: var(--spacing-31);
  }

  .xl--w--31 {
    width: var(--spacing-31);
  }

  .xl--max-w--31 {
    max-width: var(--spacing-31);
  }

  .xl--h--31 {
    height: var(--spacing-31);
  }

  .xl--max-h--31 {
    max-height: var(--spacing-31);
  }

  .xl--gap--31 {
    gap: var(--spacing-31);
  }

  .xl--row-gap--31 {
    row-gap: var(--spacing-31);
  }

  .xl--col-gap--31 {
    -moz-column-gap: var(--spacing-31);
    column-gap: var(--spacing-31);
  }

  .xl--top--31 {
    top: var(--spacing-31);
  }

  .xl--right--31 {
    right: var(--spacing-31);
  }

  .xl--bottom--31 {
    bottom: var(--spacing-31);
  }

  .xl--left--31 {
    left: var(--spacing-31);
  }

  .xl--inset--31 {
    top: var(--spacing-31);
    right: var(--spacing-31);
    bottom: var(--spacing-31);
    left: var(--spacing-31);
  }

  .xl--m--32 {
    margin: var(--spacing-32);
  }

  .xl--mt--32 {
    margin-top: var(--spacing-32);
  }

  .xl--mb--32 {
    margin-bottom: var(--spacing-32);
  }

  .xl--ml--32 {
    margin-left: var(--spacing-32);
  }

  .xl--mr--32 {
    margin-right: var(--spacing-32);
  }

  .xl--mx--32 {
    margin-left: var(--spacing-32);
    margin-right: var(--spacing-32);
  }

  .xl--my--32 {
    margin-top: var(--spacing-32);
    margin-bottom: var(--spacing-32);
  }

  .xl--p--32 {
    padding: var(--spacing-32);
  }

  .xl--pt--32 {
    padding-top: var(--spacing-32);
  }

  .xl--pb--32 {
    padding-bottom: var(--spacing-32);
  }

  .xl--pl--32 {
    padding-left: var(--spacing-32);
  }

  .xl--pr--32 {
    padding-right: var(--spacing-32);
  }

  .xl--px--32 {
    padding-left: var(--spacing-32);
    padding-right: var(--spacing-32);
  }

  .xl--py--32 {
    padding-top: var(--spacing-32);
    padding-bottom: var(--spacing-32);
  }

  .xl--w--32 {
    width: var(--spacing-32);
  }

  .xl--max-w--32 {
    max-width: var(--spacing-32);
  }

  .xl--h--32 {
    height: var(--spacing-32);
  }

  .xl--max-h--32 {
    max-height: var(--spacing-32);
  }

  .xl--gap--32 {
    gap: var(--spacing-32);
  }

  .xl--row-gap--32 {
    row-gap: var(--spacing-32);
  }

  .xl--col-gap--32 {
    -moz-column-gap: var(--spacing-32);
    column-gap: var(--spacing-32);
  }

  .xl--top--32 {
    top: var(--spacing-32);
  }

  .xl--right--32 {
    right: var(--spacing-32);
  }

  .xl--bottom--32 {
    bottom: var(--spacing-32);
  }

  .xl--left--32 {
    left: var(--spacing-32);
  }

  .xl--inset--32 {
    top: var(--spacing-32);
    right: var(--spacing-32);
    bottom: var(--spacing-32);
    left: var(--spacing-32);
  }

  .xl--m--33 {
    margin: var(--spacing-33);
  }

  .xl--mt--33 {
    margin-top: var(--spacing-33);
  }

  .xl--mb--33 {
    margin-bottom: var(--spacing-33);
  }

  .xl--ml--33 {
    margin-left: var(--spacing-33);
  }

  .xl--mr--33 {
    margin-right: var(--spacing-33);
  }

  .xl--mx--33 {
    margin-left: var(--spacing-33);
    margin-right: var(--spacing-33);
  }

  .xl--my--33 {
    margin-top: var(--spacing-33);
    margin-bottom: var(--spacing-33);
  }

  .xl--p--33 {
    padding: var(--spacing-33);
  }

  .xl--pt--33 {
    padding-top: var(--spacing-33);
  }

  .xl--pb--33 {
    padding-bottom: var(--spacing-33);
  }

  .xl--pl--33 {
    padding-left: var(--spacing-33);
  }

  .xl--pr--33 {
    padding-right: var(--spacing-33);
  }

  .xl--px--33 {
    padding-left: var(--spacing-33);
    padding-right: var(--spacing-33);
  }

  .xl--py--33 {
    padding-top: var(--spacing-33);
    padding-bottom: var(--spacing-33);
  }

  .xl--w--33 {
    width: var(--spacing-33);
  }

  .xl--max-w--33 {
    max-width: var(--spacing-33);
  }

  .xl--h--33 {
    height: var(--spacing-33);
  }

  .xl--max-h--33 {
    max-height: var(--spacing-33);
  }

  .xl--gap--33 {
    gap: var(--spacing-33);
  }

  .xl--row-gap--33 {
    row-gap: var(--spacing-33);
  }

  .xl--col-gap--33 {
    -moz-column-gap: var(--spacing-33);
    column-gap: var(--spacing-33);
  }

  .xl--top--33 {
    top: var(--spacing-33);
  }

  .xl--right--33 {
    right: var(--spacing-33);
  }

  .xl--bottom--33 {
    bottom: var(--spacing-33);
  }

  .xl--left--33 {
    left: var(--spacing-33);
  }

  .xl--inset--33 {
    top: var(--spacing-33);
    right: var(--spacing-33);
    bottom: var(--spacing-33);
    left: var(--spacing-33);
  }

  .xl--m--34 {
    margin: var(--spacing-34);
  }

  .xl--mt--34 {
    margin-top: var(--spacing-34);
  }

  .xl--mb--34 {
    margin-bottom: var(--spacing-34);
  }

  .xl--ml--34 {
    margin-left: var(--spacing-34);
  }

  .xl--mr--34 {
    margin-right: var(--spacing-34);
  }

  .xl--mx--34 {
    margin-left: var(--spacing-34);
    margin-right: var(--spacing-34);
  }

  .xl--my--34 {
    margin-top: var(--spacing-34);
    margin-bottom: var(--spacing-34);
  }

  .xl--p--34 {
    padding: var(--spacing-34);
  }

  .xl--pt--34 {
    padding-top: var(--spacing-34);
  }

  .xl--pb--34 {
    padding-bottom: var(--spacing-34);
  }

  .xl--pl--34 {
    padding-left: var(--spacing-34);
  }

  .xl--pr--34 {
    padding-right: var(--spacing-34);
  }

  .xl--px--34 {
    padding-left: var(--spacing-34);
    padding-right: var(--spacing-34);
  }

  .xl--py--34 {
    padding-top: var(--spacing-34);
    padding-bottom: var(--spacing-34);
  }

  .xl--w--34 {
    width: var(--spacing-34);
  }

  .xl--max-w--34 {
    max-width: var(--spacing-34);
  }

  .xl--h--34 {
    height: var(--spacing-34);
  }

  .xl--max-h--34 {
    max-height: var(--spacing-34);
  }

  .xl--gap--34 {
    gap: var(--spacing-34);
  }

  .xl--row-gap--34 {
    row-gap: var(--spacing-34);
  }

  .xl--col-gap--34 {
    -moz-column-gap: var(--spacing-34);
    column-gap: var(--spacing-34);
  }

  .xl--top--34 {
    top: var(--spacing-34);
  }

  .xl--right--34 {
    right: var(--spacing-34);
  }

  .xl--bottom--34 {
    bottom: var(--spacing-34);
  }

  .xl--left--34 {
    left: var(--spacing-34);
  }

  .xl--inset--34 {
    top: var(--spacing-34);
    right: var(--spacing-34);
    bottom: var(--spacing-34);
    left: var(--spacing-34);
  }

  .xl--m--35 {
    margin: var(--spacing-35);
  }

  .xl--mt--35 {
    margin-top: var(--spacing-35);
  }

  .xl--mb--35 {
    margin-bottom: var(--spacing-35);
  }

  .xl--ml--35 {
    margin-left: var(--spacing-35);
  }

  .xl--mr--35 {
    margin-right: var(--spacing-35);
  }

  .xl--mx--35 {
    margin-left: var(--spacing-35);
    margin-right: var(--spacing-35);
  }

  .xl--my--35 {
    margin-top: var(--spacing-35);
    margin-bottom: var(--spacing-35);
  }

  .xl--p--35 {
    padding: var(--spacing-35);
  }

  .xl--pt--35 {
    padding-top: var(--spacing-35);
  }

  .xl--pb--35 {
    padding-bottom: var(--spacing-35);
  }

  .xl--pl--35 {
    padding-left: var(--spacing-35);
  }

  .xl--pr--35 {
    padding-right: var(--spacing-35);
  }

  .xl--px--35 {
    padding-left: var(--spacing-35);
    padding-right: var(--spacing-35);
  }

  .xl--py--35 {
    padding-top: var(--spacing-35);
    padding-bottom: var(--spacing-35);
  }

  .xl--w--35 {
    width: var(--spacing-35);
  }

  .xl--max-w--35 {
    max-width: var(--spacing-35);
  }

  .xl--h--35 {
    height: var(--spacing-35);
  }

  .xl--max-h--35 {
    max-height: var(--spacing-35);
  }

  .xl--gap--35 {
    gap: var(--spacing-35);
  }

  .xl--row-gap--35 {
    row-gap: var(--spacing-35);
  }

  .xl--col-gap--35 {
    -moz-column-gap: var(--spacing-35);
    column-gap: var(--spacing-35);
  }

  .xl--top--35 {
    top: var(--spacing-35);
  }

  .xl--right--35 {
    right: var(--spacing-35);
  }

  .xl--bottom--35 {
    bottom: var(--spacing-35);
  }

  .xl--left--35 {
    left: var(--spacing-35);
  }

  .xl--inset--35 {
    top: var(--spacing-35);
    right: var(--spacing-35);
    bottom: var(--spacing-35);
    left: var(--spacing-35);
  }

  .xl--m--36 {
    margin: var(--spacing-36);
  }

  .xl--mt--36 {
    margin-top: var(--spacing-36);
  }

  .xl--mb--36 {
    margin-bottom: var(--spacing-36);
  }

  .xl--ml--36 {
    margin-left: var(--spacing-36);
  }

  .xl--mr--36 {
    margin-right: var(--spacing-36);
  }

  .xl--mx--36 {
    margin-left: var(--spacing-36);
    margin-right: var(--spacing-36);
  }

  .xl--my--36 {
    margin-top: var(--spacing-36);
    margin-bottom: var(--spacing-36);
  }

  .xl--p--36 {
    padding: var(--spacing-36);
  }

  .xl--pt--36 {
    padding-top: var(--spacing-36);
  }

  .xl--pb--36 {
    padding-bottom: var(--spacing-36);
  }

  .xl--pl--36 {
    padding-left: var(--spacing-36);
  }

  .xl--pr--36 {
    padding-right: var(--spacing-36);
  }

  .xl--px--36 {
    padding-left: var(--spacing-36);
    padding-right: var(--spacing-36);
  }

  .xl--py--36 {
    padding-top: var(--spacing-36);
    padding-bottom: var(--spacing-36);
  }

  .xl--w--36 {
    width: var(--spacing-36);
  }

  .xl--max-w--36 {
    max-width: var(--spacing-36);
  }

  .xl--h--36 {
    height: var(--spacing-36);
  }

  .xl--max-h--36 {
    max-height: var(--spacing-36);
  }

  .xl--gap--36 {
    gap: var(--spacing-36);
  }

  .xl--row-gap--36 {
    row-gap: var(--spacing-36);
  }

  .xl--col-gap--36 {
    -moz-column-gap: var(--spacing-36);
    column-gap: var(--spacing-36);
  }

  .xl--top--36 {
    top: var(--spacing-36);
  }

  .xl--right--36 {
    right: var(--spacing-36);
  }

  .xl--bottom--36 {
    bottom: var(--spacing-36);
  }

  .xl--left--36 {
    left: var(--spacing-36);
  }

  .xl--inset--36 {
    top: var(--spacing-36);
    right: var(--spacing-36);
    bottom: var(--spacing-36);
    left: var(--spacing-36);
  }

  .xl--m--37 {
    margin: var(--spacing-37);
  }

  .xl--mt--37 {
    margin-top: var(--spacing-37);
  }

  .xl--mb--37 {
    margin-bottom: var(--spacing-37);
  }

  .xl--ml--37 {
    margin-left: var(--spacing-37);
  }

  .xl--mr--37 {
    margin-right: var(--spacing-37);
  }

  .xl--mx--37 {
    margin-left: var(--spacing-37);
    margin-right: var(--spacing-37);
  }

  .xl--my--37 {
    margin-top: var(--spacing-37);
    margin-bottom: var(--spacing-37);
  }

  .xl--p--37 {
    padding: var(--spacing-37);
  }

  .xl--pt--37 {
    padding-top: var(--spacing-37);
  }

  .xl--pb--37 {
    padding-bottom: var(--spacing-37);
  }

  .xl--pl--37 {
    padding-left: var(--spacing-37);
  }

  .xl--pr--37 {
    padding-right: var(--spacing-37);
  }

  .xl--px--37 {
    padding-left: var(--spacing-37);
    padding-right: var(--spacing-37);
  }

  .xl--py--37 {
    padding-top: var(--spacing-37);
    padding-bottom: var(--spacing-37);
  }

  .xl--w--37 {
    width: var(--spacing-37);
  }

  .xl--max-w--37 {
    max-width: var(--spacing-37);
  }

  .xl--h--37 {
    height: var(--spacing-37);
  }

  .xl--max-h--37 {
    max-height: var(--spacing-37);
  }

  .xl--gap--37 {
    gap: var(--spacing-37);
  }

  .xl--row-gap--37 {
    row-gap: var(--spacing-37);
  }

  .xl--col-gap--37 {
    -moz-column-gap: var(--spacing-37);
    column-gap: var(--spacing-37);
  }

  .xl--top--37 {
    top: var(--spacing-37);
  }

  .xl--right--37 {
    right: var(--spacing-37);
  }

  .xl--bottom--37 {
    bottom: var(--spacing-37);
  }

  .xl--left--37 {
    left: var(--spacing-37);
  }

  .xl--inset--37 {
    top: var(--spacing-37);
    right: var(--spacing-37);
    bottom: var(--spacing-37);
    left: var(--spacing-37);
  }

  .xl--m--38 {
    margin: var(--spacing-38);
  }

  .xl--mt--38 {
    margin-top: var(--spacing-38);
  }

  .xl--mb--38 {
    margin-bottom: var(--spacing-38);
  }

  .xl--ml--38 {
    margin-left: var(--spacing-38);
  }

  .xl--mr--38 {
    margin-right: var(--spacing-38);
  }

  .xl--mx--38 {
    margin-left: var(--spacing-38);
    margin-right: var(--spacing-38);
  }

  .xl--my--38 {
    margin-top: var(--spacing-38);
    margin-bottom: var(--spacing-38);
  }

  .xl--p--38 {
    padding: var(--spacing-38);
  }

  .xl--pt--38 {
    padding-top: var(--spacing-38);
  }

  .xl--pb--38 {
    padding-bottom: var(--spacing-38);
  }

  .xl--pl--38 {
    padding-left: var(--spacing-38);
  }

  .xl--pr--38 {
    padding-right: var(--spacing-38);
  }

  .xl--px--38 {
    padding-left: var(--spacing-38);
    padding-right: var(--spacing-38);
  }

  .xl--py--38 {
    padding-top: var(--spacing-38);
    padding-bottom: var(--spacing-38);
  }

  .xl--w--38 {
    width: var(--spacing-38);
  }

  .xl--max-w--38 {
    max-width: var(--spacing-38);
  }

  .xl--h--38 {
    height: var(--spacing-38);
  }

  .xl--max-h--38 {
    max-height: var(--spacing-38);
  }

  .xl--gap--38 {
    gap: var(--spacing-38);
  }

  .xl--row-gap--38 {
    row-gap: var(--spacing-38);
  }

  .xl--col-gap--38 {
    -moz-column-gap: var(--spacing-38);
    column-gap: var(--spacing-38);
  }

  .xl--top--38 {
    top: var(--spacing-38);
  }

  .xl--right--38 {
    right: var(--spacing-38);
  }

  .xl--bottom--38 {
    bottom: var(--spacing-38);
  }

  .xl--left--38 {
    left: var(--spacing-38);
  }

  .xl--inset--38 {
    top: var(--spacing-38);
    right: var(--spacing-38);
    bottom: var(--spacing-38);
    left: var(--spacing-38);
  }

  .xl--m--39 {
    margin: var(--spacing-39);
  }

  .xl--mt--39 {
    margin-top: var(--spacing-39);
  }

  .xl--mb--39 {
    margin-bottom: var(--spacing-39);
  }

  .xl--ml--39 {
    margin-left: var(--spacing-39);
  }

  .xl--mr--39 {
    margin-right: var(--spacing-39);
  }

  .xl--mx--39 {
    margin-left: var(--spacing-39);
    margin-right: var(--spacing-39);
  }

  .xl--my--39 {
    margin-top: var(--spacing-39);
    margin-bottom: var(--spacing-39);
  }

  .xl--p--39 {
    padding: var(--spacing-39);
  }

  .xl--pt--39 {
    padding-top: var(--spacing-39);
  }

  .xl--pb--39 {
    padding-bottom: var(--spacing-39);
  }

  .xl--pl--39 {
    padding-left: var(--spacing-39);
  }

  .xl--pr--39 {
    padding-right: var(--spacing-39);
  }

  .xl--px--39 {
    padding-left: var(--spacing-39);
    padding-right: var(--spacing-39);
  }

  .xl--py--39 {
    padding-top: var(--spacing-39);
    padding-bottom: var(--spacing-39);
  }

  .xl--w--39 {
    width: var(--spacing-39);
  }

  .xl--max-w--39 {
    max-width: var(--spacing-39);
  }

  .xl--h--39 {
    height: var(--spacing-39);
  }

  .xl--max-h--39 {
    max-height: var(--spacing-39);
  }

  .xl--gap--39 {
    gap: var(--spacing-39);
  }

  .xl--row-gap--39 {
    row-gap: var(--spacing-39);
  }

  .xl--col-gap--39 {
    -moz-column-gap: var(--spacing-39);
    column-gap: var(--spacing-39);
  }

  .xl--top--39 {
    top: var(--spacing-39);
  }

  .xl--right--39 {
    right: var(--spacing-39);
  }

  .xl--bottom--39 {
    bottom: var(--spacing-39);
  }

  .xl--left--39 {
    left: var(--spacing-39);
  }

  .xl--inset--39 {
    top: var(--spacing-39);
    right: var(--spacing-39);
    bottom: var(--spacing-39);
    left: var(--spacing-39);
  }

  .xl--m--40 {
    margin: var(--spacing-40);
  }

  .xl--mt--40 {
    margin-top: var(--spacing-40);
  }

  .xl--mb--40 {
    margin-bottom: var(--spacing-40);
  }

  .xl--ml--40 {
    margin-left: var(--spacing-40);
  }

  .xl--mr--40 {
    margin-right: var(--spacing-40);
  }

  .xl--mx--40 {
    margin-left: var(--spacing-40);
    margin-right: var(--spacing-40);
  }

  .xl--my--40 {
    margin-top: var(--spacing-40);
    margin-bottom: var(--spacing-40);
  }

  .xl--p--40 {
    padding: var(--spacing-40);
  }

  .xl--pt--40 {
    padding-top: var(--spacing-40);
  }

  .xl--pb--40 {
    padding-bottom: var(--spacing-40);
  }

  .xl--pl--40 {
    padding-left: var(--spacing-40);
  }

  .xl--pr--40 {
    padding-right: var(--spacing-40);
  }

  .xl--px--40 {
    padding-left: var(--spacing-40);
    padding-right: var(--spacing-40);
  }

  .xl--py--40 {
    padding-top: var(--spacing-40);
    padding-bottom: var(--spacing-40);
  }

  .xl--w--40 {
    width: var(--spacing-40);
  }

  .xl--max-w--40 {
    max-width: var(--spacing-40);
  }

  .xl--h--40 {
    height: var(--spacing-40);
  }

  .xl--max-h--40 {
    max-height: var(--spacing-40);
  }

  .xl--gap--40 {
    gap: var(--spacing-40);
  }

  .xl--row-gap--40 {
    row-gap: var(--spacing-40);
  }

  .xl--col-gap--40 {
    -moz-column-gap: var(--spacing-40);
    column-gap: var(--spacing-40);
  }

  .xl--top--40 {
    top: var(--spacing-40);
  }

  .xl--right--40 {
    right: var(--spacing-40);
  }

  .xl--bottom--40 {
    bottom: var(--spacing-40);
  }

  .xl--left--40 {
    left: var(--spacing-40);
  }

  .xl--inset--40 {
    top: var(--spacing-40);
    right: var(--spacing-40);
    bottom: var(--spacing-40);
    left: var(--spacing-40);
  }

  .xl--m--41 {
    margin: var(--spacing-41);
  }

  .xl--mt--41 {
    margin-top: var(--spacing-41);
  }

  .xl--mb--41 {
    margin-bottom: var(--spacing-41);
  }

  .xl--ml--41 {
    margin-left: var(--spacing-41);
  }

  .xl--mr--41 {
    margin-right: var(--spacing-41);
  }

  .xl--mx--41 {
    margin-left: var(--spacing-41);
    margin-right: var(--spacing-41);
  }

  .xl--my--41 {
    margin-top: var(--spacing-41);
    margin-bottom: var(--spacing-41);
  }

  .xl--p--41 {
    padding: var(--spacing-41);
  }

  .xl--pt--41 {
    padding-top: var(--spacing-41);
  }

  .xl--pb--41 {
    padding-bottom: var(--spacing-41);
  }

  .xl--pl--41 {
    padding-left: var(--spacing-41);
  }

  .xl--pr--41 {
    padding-right: var(--spacing-41);
  }

  .xl--px--41 {
    padding-left: var(--spacing-41);
    padding-right: var(--spacing-41);
  }

  .xl--py--41 {
    padding-top: var(--spacing-41);
    padding-bottom: var(--spacing-41);
  }

  .xl--w--41 {
    width: var(--spacing-41);
  }

  .xl--max-w--41 {
    max-width: var(--spacing-41);
  }

  .xl--h--41 {
    height: var(--spacing-41);
  }

  .xl--max-h--41 {
    max-height: var(--spacing-41);
  }

  .xl--gap--41 {
    gap: var(--spacing-41);
  }

  .xl--row-gap--41 {
    row-gap: var(--spacing-41);
  }

  .xl--col-gap--41 {
    -moz-column-gap: var(--spacing-41);
    column-gap: var(--spacing-41);
  }

  .xl--top--41 {
    top: var(--spacing-41);
  }

  .xl--right--41 {
    right: var(--spacing-41);
  }

  .xl--bottom--41 {
    bottom: var(--spacing-41);
  }

  .xl--left--41 {
    left: var(--spacing-41);
  }

  .xl--inset--41 {
    top: var(--spacing-41);
    right: var(--spacing-41);
    bottom: var(--spacing-41);
    left: var(--spacing-41);
  }

  .xl--m--42 {
    margin: var(--spacing-42);
  }

  .xl--mt--42 {
    margin-top: var(--spacing-42);
  }

  .xl--mb--42 {
    margin-bottom: var(--spacing-42);
  }

  .xl--ml--42 {
    margin-left: var(--spacing-42);
  }

  .xl--mr--42 {
    margin-right: var(--spacing-42);
  }

  .xl--mx--42 {
    margin-left: var(--spacing-42);
    margin-right: var(--spacing-42);
  }

  .xl--my--42 {
    margin-top: var(--spacing-42);
    margin-bottom: var(--spacing-42);
  }

  .xl--p--42 {
    padding: var(--spacing-42);
  }

  .xl--pt--42 {
    padding-top: var(--spacing-42);
  }

  .xl--pb--42 {
    padding-bottom: var(--spacing-42);
  }

  .xl--pl--42 {
    padding-left: var(--spacing-42);
  }

  .xl--pr--42 {
    padding-right: var(--spacing-42);
  }

  .xl--px--42 {
    padding-left: var(--spacing-42);
    padding-right: var(--spacing-42);
  }

  .xl--py--42 {
    padding-top: var(--spacing-42);
    padding-bottom: var(--spacing-42);
  }

  .xl--w--42 {
    width: var(--spacing-42);
  }

  .xl--max-w--42 {
    max-width: var(--spacing-42);
  }

  .xl--h--42 {
    height: var(--spacing-42);
  }

  .xl--max-h--42 {
    max-height: var(--spacing-42);
  }

  .xl--gap--42 {
    gap: var(--spacing-42);
  }

  .xl--row-gap--42 {
    row-gap: var(--spacing-42);
  }

  .xl--col-gap--42 {
    -moz-column-gap: var(--spacing-42);
    column-gap: var(--spacing-42);
  }

  .xl--top--42 {
    top: var(--spacing-42);
  }

  .xl--right--42 {
    right: var(--spacing-42);
  }

  .xl--bottom--42 {
    bottom: var(--spacing-42);
  }

  .xl--left--42 {
    left: var(--spacing-42);
  }

  .xl--inset--42 {
    top: var(--spacing-42);
    right: var(--spacing-42);
    bottom: var(--spacing-42);
    left: var(--spacing-42);
  }

  .xl--m--43 {
    margin: var(--spacing-43);
  }

  .xl--mt--43 {
    margin-top: var(--spacing-43);
  }

  .xl--mb--43 {
    margin-bottom: var(--spacing-43);
  }

  .xl--ml--43 {
    margin-left: var(--spacing-43);
  }

  .xl--mr--43 {
    margin-right: var(--spacing-43);
  }

  .xl--mx--43 {
    margin-left: var(--spacing-43);
    margin-right: var(--spacing-43);
  }

  .xl--my--43 {
    margin-top: var(--spacing-43);
    margin-bottom: var(--spacing-43);
  }

  .xl--p--43 {
    padding: var(--spacing-43);
  }

  .xl--pt--43 {
    padding-top: var(--spacing-43);
  }

  .xl--pb--43 {
    padding-bottom: var(--spacing-43);
  }

  .xl--pl--43 {
    padding-left: var(--spacing-43);
  }

  .xl--pr--43 {
    padding-right: var(--spacing-43);
  }

  .xl--px--43 {
    padding-left: var(--spacing-43);
    padding-right: var(--spacing-43);
  }

  .xl--py--43 {
    padding-top: var(--spacing-43);
    padding-bottom: var(--spacing-43);
  }

  .xl--w--43 {
    width: var(--spacing-43);
  }

  .xl--max-w--43 {
    max-width: var(--spacing-43);
  }

  .xl--h--43 {
    height: var(--spacing-43);
  }

  .xl--max-h--43 {
    max-height: var(--spacing-43);
  }

  .xl--gap--43 {
    gap: var(--spacing-43);
  }

  .xl--row-gap--43 {
    row-gap: var(--spacing-43);
  }

  .xl--col-gap--43 {
    -moz-column-gap: var(--spacing-43);
    column-gap: var(--spacing-43);
  }

  .xl--top--43 {
    top: var(--spacing-43);
  }

  .xl--right--43 {
    right: var(--spacing-43);
  }

  .xl--bottom--43 {
    bottom: var(--spacing-43);
  }

  .xl--left--43 {
    left: var(--spacing-43);
  }

  .xl--inset--43 {
    top: var(--spacing-43);
    right: var(--spacing-43);
    bottom: var(--spacing-43);
    left: var(--spacing-43);
  }

  .xl--m--44 {
    margin: var(--spacing-44);
  }

  .xl--mt--44 {
    margin-top: var(--spacing-44);
  }

  .xl--mb--44 {
    margin-bottom: var(--spacing-44);
  }

  .xl--ml--44 {
    margin-left: var(--spacing-44);
  }

  .xl--mr--44 {
    margin-right: var(--spacing-44);
  }

  .xl--mx--44 {
    margin-left: var(--spacing-44);
    margin-right: var(--spacing-44);
  }

  .xl--my--44 {
    margin-top: var(--spacing-44);
    margin-bottom: var(--spacing-44);
  }

  .xl--p--44 {
    padding: var(--spacing-44);
  }

  .xl--pt--44 {
    padding-top: var(--spacing-44);
  }

  .xl--pb--44 {
    padding-bottom: var(--spacing-44);
  }

  .xl--pl--44 {
    padding-left: var(--spacing-44);
  }

  .xl--pr--44 {
    padding-right: var(--spacing-44);
  }

  .xl--px--44 {
    padding-left: var(--spacing-44);
    padding-right: var(--spacing-44);
  }

  .xl--py--44 {
    padding-top: var(--spacing-44);
    padding-bottom: var(--spacing-44);
  }

  .xl--w--44 {
    width: var(--spacing-44);
  }

  .xl--max-w--44 {
    max-width: var(--spacing-44);
  }

  .xl--h--44 {
    height: var(--spacing-44);
  }

  .xl--max-h--44 {
    max-height: var(--spacing-44);
  }

  .xl--gap--44 {
    gap: var(--spacing-44);
  }

  .xl--row-gap--44 {
    row-gap: var(--spacing-44);
  }

  .xl--col-gap--44 {
    -moz-column-gap: var(--spacing-44);
    column-gap: var(--spacing-44);
  }

  .xl--top--44 {
    top: var(--spacing-44);
  }

  .xl--right--44 {
    right: var(--spacing-44);
  }

  .xl--bottom--44 {
    bottom: var(--spacing-44);
  }

  .xl--left--44 {
    left: var(--spacing-44);
  }

  .xl--inset--44 {
    top: var(--spacing-44);
    right: var(--spacing-44);
    bottom: var(--spacing-44);
    left: var(--spacing-44);
  }

  .xl--m--45 {
    margin: var(--spacing-45);
  }

  .xl--mt--45 {
    margin-top: var(--spacing-45);
  }

  .xl--mb--45 {
    margin-bottom: var(--spacing-45);
  }

  .xl--ml--45 {
    margin-left: var(--spacing-45);
  }

  .xl--mr--45 {
    margin-right: var(--spacing-45);
  }

  .xl--mx--45 {
    margin-left: var(--spacing-45);
    margin-right: var(--spacing-45);
  }

  .xl--my--45 {
    margin-top: var(--spacing-45);
    margin-bottom: var(--spacing-45);
  }

  .xl--p--45 {
    padding: var(--spacing-45);
  }

  .xl--pt--45 {
    padding-top: var(--spacing-45);
  }

  .xl--pb--45 {
    padding-bottom: var(--spacing-45);
  }

  .xl--pl--45 {
    padding-left: var(--spacing-45);
  }

  .xl--pr--45 {
    padding-right: var(--spacing-45);
  }

  .xl--px--45 {
    padding-left: var(--spacing-45);
    padding-right: var(--spacing-45);
  }

  .xl--py--45 {
    padding-top: var(--spacing-45);
    padding-bottom: var(--spacing-45);
  }

  .xl--w--45 {
    width: var(--spacing-45);
  }

  .xl--max-w--45 {
    max-width: var(--spacing-45);
  }

  .xl--h--45 {
    height: var(--spacing-45);
  }

  .xl--max-h--45 {
    max-height: var(--spacing-45);
  }

  .xl--gap--45 {
    gap: var(--spacing-45);
  }

  .xl--row-gap--45 {
    row-gap: var(--spacing-45);
  }

  .xl--col-gap--45 {
    -moz-column-gap: var(--spacing-45);
    column-gap: var(--spacing-45);
  }

  .xl--top--45 {
    top: var(--spacing-45);
  }

  .xl--right--45 {
    right: var(--spacing-45);
  }

  .xl--bottom--45 {
    bottom: var(--spacing-45);
  }

  .xl--left--45 {
    left: var(--spacing-45);
  }

  .xl--inset--45 {
    top: var(--spacing-45);
    right: var(--spacing-45);
    bottom: var(--spacing-45);
    left: var(--spacing-45);
  }

  .xl--m--46 {
    margin: var(--spacing-46);
  }

  .xl--mt--46 {
    margin-top: var(--spacing-46);
  }

  .xl--mb--46 {
    margin-bottom: var(--spacing-46);
  }

  .xl--ml--46 {
    margin-left: var(--spacing-46);
  }

  .xl--mr--46 {
    margin-right: var(--spacing-46);
  }

  .xl--mx--46 {
    margin-left: var(--spacing-46);
    margin-right: var(--spacing-46);
  }

  .xl--my--46 {
    margin-top: var(--spacing-46);
    margin-bottom: var(--spacing-46);
  }

  .xl--p--46 {
    padding: var(--spacing-46);
  }

  .xl--pt--46 {
    padding-top: var(--spacing-46);
  }

  .xl--pb--46 {
    padding-bottom: var(--spacing-46);
  }

  .xl--pl--46 {
    padding-left: var(--spacing-46);
  }

  .xl--pr--46 {
    padding-right: var(--spacing-46);
  }

  .xl--px--46 {
    padding-left: var(--spacing-46);
    padding-right: var(--spacing-46);
  }

  .xl--py--46 {
    padding-top: var(--spacing-46);
    padding-bottom: var(--spacing-46);
  }

  .xl--w--46 {
    width: var(--spacing-46);
  }

  .xl--max-w--46 {
    max-width: var(--spacing-46);
  }

  .xl--h--46 {
    height: var(--spacing-46);
  }

  .xl--max-h--46 {
    max-height: var(--spacing-46);
  }

  .xl--gap--46 {
    gap: var(--spacing-46);
  }

  .xl--row-gap--46 {
    row-gap: var(--spacing-46);
  }

  .xl--col-gap--46 {
    -moz-column-gap: var(--spacing-46);
    column-gap: var(--spacing-46);
  }

  .xl--top--46 {
    top: var(--spacing-46);
  }

  .xl--right--46 {
    right: var(--spacing-46);
  }

  .xl--bottom--46 {
    bottom: var(--spacing-46);
  }

  .xl--left--46 {
    left: var(--spacing-46);
  }

  .xl--inset--46 {
    top: var(--spacing-46);
    right: var(--spacing-46);
    bottom: var(--spacing-46);
    left: var(--spacing-46);
  }

  .xl--m--47 {
    margin: var(--spacing-47);
  }

  .xl--mt--47 {
    margin-top: var(--spacing-47);
  }

  .xl--mb--47 {
    margin-bottom: var(--spacing-47);
  }

  .xl--ml--47 {
    margin-left: var(--spacing-47);
  }

  .xl--mr--47 {
    margin-right: var(--spacing-47);
  }

  .xl--mx--47 {
    margin-left: var(--spacing-47);
    margin-right: var(--spacing-47);
  }

  .xl--my--47 {
    margin-top: var(--spacing-47);
    margin-bottom: var(--spacing-47);
  }

  .xl--p--47 {
    padding: var(--spacing-47);
  }

  .xl--pt--47 {
    padding-top: var(--spacing-47);
  }

  .xl--pb--47 {
    padding-bottom: var(--spacing-47);
  }

  .xl--pl--47 {
    padding-left: var(--spacing-47);
  }

  .xl--pr--47 {
    padding-right: var(--spacing-47);
  }

  .xl--px--47 {
    padding-left: var(--spacing-47);
    padding-right: var(--spacing-47);
  }

  .xl--py--47 {
    padding-top: var(--spacing-47);
    padding-bottom: var(--spacing-47);
  }

  .xl--w--47 {
    width: var(--spacing-47);
  }

  .xl--max-w--47 {
    max-width: var(--spacing-47);
  }

  .xl--h--47 {
    height: var(--spacing-47);
  }

  .xl--max-h--47 {
    max-height: var(--spacing-47);
  }

  .xl--gap--47 {
    gap: var(--spacing-47);
  }

  .xl--row-gap--47 {
    row-gap: var(--spacing-47);
  }

  .xl--col-gap--47 {
    -moz-column-gap: var(--spacing-47);
    column-gap: var(--spacing-47);
  }

  .xl--top--47 {
    top: var(--spacing-47);
  }

  .xl--right--47 {
    right: var(--spacing-47);
  }

  .xl--bottom--47 {
    bottom: var(--spacing-47);
  }

  .xl--left--47 {
    left: var(--spacing-47);
  }

  .xl--inset--47 {
    top: var(--spacing-47);
    right: var(--spacing-47);
    bottom: var(--spacing-47);
    left: var(--spacing-47);
  }

  .xl--m--48 {
    margin: var(--spacing-48);
  }

  .xl--mt--48 {
    margin-top: var(--spacing-48);
  }

  .xl--mb--48 {
    margin-bottom: var(--spacing-48);
  }

  .xl--ml--48 {
    margin-left: var(--spacing-48);
  }

  .xl--mr--48 {
    margin-right: var(--spacing-48);
  }

  .xl--mx--48 {
    margin-left: var(--spacing-48);
    margin-right: var(--spacing-48);
  }

  .xl--my--48 {
    margin-top: var(--spacing-48);
    margin-bottom: var(--spacing-48);
  }

  .xl--p--48 {
    padding: var(--spacing-48);
  }

  .xl--pt--48 {
    padding-top: var(--spacing-48);
  }

  .xl--pb--48 {
    padding-bottom: var(--spacing-48);
  }

  .xl--pl--48 {
    padding-left: var(--spacing-48);
  }

  .xl--pr--48 {
    padding-right: var(--spacing-48);
  }

  .xl--px--48 {
    padding-left: var(--spacing-48);
    padding-right: var(--spacing-48);
  }

  .xl--py--48 {
    padding-top: var(--spacing-48);
    padding-bottom: var(--spacing-48);
  }

  .xl--w--48 {
    width: var(--spacing-48);
  }

  .xl--max-w--48 {
    max-width: var(--spacing-48);
  }

  .xl--h--48 {
    height: var(--spacing-48);
  }

  .xl--max-h--48 {
    max-height: var(--spacing-48);
  }

  .xl--gap--48 {
    gap: var(--spacing-48);
  }

  .xl--row-gap--48 {
    row-gap: var(--spacing-48);
  }

  .xl--col-gap--48 {
    -moz-column-gap: var(--spacing-48);
    column-gap: var(--spacing-48);
  }

  .xl--top--48 {
    top: var(--spacing-48);
  }

  .xl--right--48 {
    right: var(--spacing-48);
  }

  .xl--bottom--48 {
    bottom: var(--spacing-48);
  }

  .xl--left--48 {
    left: var(--spacing-48);
  }

  .xl--inset--48 {
    top: var(--spacing-48);
    right: var(--spacing-48);
    bottom: var(--spacing-48);
    left: var(--spacing-48);
  }

  .xl--m--49 {
    margin: var(--spacing-49);
  }

  .xl--mt--49 {
    margin-top: var(--spacing-49);
  }

  .xl--mb--49 {
    margin-bottom: var(--spacing-49);
  }

  .xl--ml--49 {
    margin-left: var(--spacing-49);
  }

  .xl--mr--49 {
    margin-right: var(--spacing-49);
  }

  .xl--mx--49 {
    margin-left: var(--spacing-49);
    margin-right: var(--spacing-49);
  }

  .xl--my--49 {
    margin-top: var(--spacing-49);
    margin-bottom: var(--spacing-49);
  }

  .xl--p--49 {
    padding: var(--spacing-49);
  }

  .xl--pt--49 {
    padding-top: var(--spacing-49);
  }

  .xl--pb--49 {
    padding-bottom: var(--spacing-49);
  }

  .xl--pl--49 {
    padding-left: var(--spacing-49);
  }

  .xl--pr--49 {
    padding-right: var(--spacing-49);
  }

  .xl--px--49 {
    padding-left: var(--spacing-49);
    padding-right: var(--spacing-49);
  }

  .xl--py--49 {
    padding-top: var(--spacing-49);
    padding-bottom: var(--spacing-49);
  }

  .xl--w--49 {
    width: var(--spacing-49);
  }

  .xl--max-w--49 {
    max-width: var(--spacing-49);
  }

  .xl--h--49 {
    height: var(--spacing-49);
  }

  .xl--max-h--49 {
    max-height: var(--spacing-49);
  }

  .xl--gap--49 {
    gap: var(--spacing-49);
  }

  .xl--row-gap--49 {
    row-gap: var(--spacing-49);
  }

  .xl--col-gap--49 {
    -moz-column-gap: var(--spacing-49);
    column-gap: var(--spacing-49);
  }

  .xl--top--49 {
    top: var(--spacing-49);
  }

  .xl--right--49 {
    right: var(--spacing-49);
  }

  .xl--bottom--49 {
    bottom: var(--spacing-49);
  }

  .xl--left--49 {
    left: var(--spacing-49);
  }

  .xl--inset--49 {
    top: var(--spacing-49);
    right: var(--spacing-49);
    bottom: var(--spacing-49);
    left: var(--spacing-49);
  }

  .xl--m--50 {
    margin: var(--spacing-50);
  }

  .xl--mt--50 {
    margin-top: var(--spacing-50);
  }

  .xl--mb--50 {
    margin-bottom: var(--spacing-50);
  }

  .xl--ml--50 {
    margin-left: var(--spacing-50);
  }

  .xl--mr--50 {
    margin-right: var(--spacing-50);
  }

  .xl--mx--50 {
    margin-left: var(--spacing-50);
    margin-right: var(--spacing-50);
  }

  .xl--my--50 {
    margin-top: var(--spacing-50);
    margin-bottom: var(--spacing-50);
  }

  .xl--p--50 {
    padding: var(--spacing-50);
  }

  .xl--pt--50 {
    padding-top: var(--spacing-50);
  }

  .xl--pb--50 {
    padding-bottom: var(--spacing-50);
  }

  .xl--pl--50 {
    padding-left: var(--spacing-50);
  }

  .xl--pr--50 {
    padding-right: var(--spacing-50);
  }

  .xl--px--50 {
    padding-left: var(--spacing-50);
    padding-right: var(--spacing-50);
  }

  .xl--py--50 {
    padding-top: var(--spacing-50);
    padding-bottom: var(--spacing-50);
  }

  .xl--w--50 {
    width: var(--spacing-50);
  }

  .xl--max-w--50 {
    max-width: var(--spacing-50);
  }

  .xl--h--50 {
    height: var(--spacing-50);
  }

  .xl--max-h--50 {
    max-height: var(--spacing-50);
  }

  .xl--gap--50 {
    gap: var(--spacing-50);
  }

  .xl--row-gap--50 {
    row-gap: var(--spacing-50);
  }

  .xl--col-gap--50 {
    -moz-column-gap: var(--spacing-50);
    column-gap: var(--spacing-50);
  }

  .xl--top--50 {
    top: var(--spacing-50);
  }

  .xl--right--50 {
    right: var(--spacing-50);
  }

  .xl--bottom--50 {
    bottom: var(--spacing-50);
  }

  .xl--left--50 {
    left: var(--spacing-50);
  }

  .xl--inset--50 {
    top: var(--spacing-50);
    right: var(--spacing-50);
    bottom: var(--spacing-50);
    left: var(--spacing-50);
  }
}