/* Navigation related breakpoints */
/* Grid related breakpoints */
/* Navigation related breakpoints */
/* Grid related breakpoints */
.u-full-width {
  border-image-source: linear-gradient(var(--color-background), var(--color-background));
  border-image-outset: 0 50vw;
  border-image-slice: fill 0;
}

.u-theme-gray {
  --color-background: var(--color--light-gray);
  --color-text-neutral-loud: var(--color--black);
  --color-text-neutral: var(--color--gray-5);
  --color-text-neutral-muted: var(--color--gray-10);
  --color-primary-loud: var(--color--green-dark);
  --color-primary: var(--color--green);
  --color-primary-muted: var(--color--green-light);
  background-color: var(--color-background);
  color: var(--color-text-neutral);
}

.u-theme-dark-gray {
  --color-background: var(--color--gray-10);
  --color-text-neutral-loud: var(--color--white);
  --color-text-neutral: var(--color--gray-90);
  --color-text-neutral-muted: var(--color--gray-70);
  --color-primary-loud: var(--color--white);
  --color-primary: var(--color--white);
  --color-primary-muted: var(--color--white);
  background-color: var(--color-background);
  color: var(--color-text-neutral);
}

.u-theme-green {
  --color-background: var(--color--green);
  --color-text-neutral-loud: var(--color--white);
  --color-text-neutral: var(--color--white);
  --color-text-neutral-muted: var(--color--white);
  --color-primary-loud: var(--color--white);
  --color-primary: var(--color--white);
  --color-primary-muted: var(--color--white);
  background-color: var(--color-background);
  color: var(--color-text-neutral);
}

.u-theme-yellow {
  --color-background: var(--color--yellow);
  --color-text-neutral-loud: var(--color--black);
  --color-text-neutral: var(--color--gray-5);
  --color-text-neutral-muted: var(--color--gray-10);
  --color-primary-loud: var(--color--green-dark);
  --color-primary: var(--color--green);
  --color-primary-muted: var(--color--green-light);
  background-color: var(--color-background);
  color: var(--color-text-neutral);
}

.u-theme-orange {
  --color-background: var(--color--orange-dark);
  --color-text-neutral-loud: var(--color--white);
  --color-text-neutral: var(--color--white);
  --color-text-neutral-muted: var(--color--white);
  --color-primary-loud: var(--color--white);
  --color-primary: var(--color--white);
  --color-primary-muted: var(--color--white);
  background-color: var(--color-background);
  color: var(--color-text-neutral);
}

.u-theme-black {
  --color-background: var(--color--black);
  --color-text-neutral-loud: var(--color--white);
  --color-text-neutral: var(--color--gray-90);
  --color-text-neutral-muted: var(--color--gray-70);
  --color-primary-loud: var(--color--white);
  --color-primary: var(--color--white);
  --color-primary-muted: var(--color--white);
  background-color: var(--color-background);
  color: var(--color-text-neutral);
}

.u-px {
  padding-inline: var(--sp);
}

.u-py {
  padding-block: var(--sp2);
}
@media (min-width: 62.5rem) {
  .u-py {
    padding-block: var(--sp4);
  }
}

.u-pt {
  padding-top: var(--sp2);
}
@media (min-width: 62.5rem) {
  .u-pt {
    padding-top: var(--sp4);
  }
}

.u-pb {
  padding-bottom: var(--sp2);
}
@media (min-width: 62.5rem) {
  .u-pb {
    padding-bottom: var(--sp4);
  }
}

.u-py-1 {
  padding-block: var(--sp1);
}

.u-py-2 {
  padding-block: var(--sp2);
}

.u-py-3 {
  padding-block: var(--sp3);
}

.u-py-4 {
  padding-block: var(--sp4);
}

.u-py-5 {
  padding-block: var(--sp5);
}

.u-my {
  margin-block: var(--sp2);
}
@media (min-width: 62.5rem) {
  .u-my {
    margin-block: var(--sp4);
  }
}

.u-mt {
  margin-top: var(--sp2);
}
@media (min-width: 62.5rem) {
  .u-mt {
    margin-top: var(--sp4);
  }
}

.u-mb {
  margin-bottom: var(--sp2);
}
@media (min-width: 62.5rem) {
  .u-mb {
    margin-bottom: var(--sp4);
  }
}

.u-my-1 {
  margin-block: var(--sp1);
}

.u-my-2 {
  margin-block: var(--sp2);
}

.u-my-3 {
  margin-block: var(--sp3);
}

.u-my-4 {
  margin-block: var(--sp4);
}

.u-my-5 {
  margin-block: var(--sp5);
}

.hidden {
  display: none;
}

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