.gap0 {
  gap: var(--spacing-none);
}
.gap1 {
  gap: var(--spacing-extra-small);
}
.gap2 {
  gap: var(--spacing-small);
}
.gap3 {
  gap: var(--spacing-medium);
}
.gap4 {
  gap: var(--spacing-large);
}
.gap5 {
  gap: var(--spacing-extra-large);
}
.gap6 {
  gap: var(--spacing-extra-extra-large);
}
.gap7 {
  gap: var(--spacing-extra-extra-extra-large);
}

.emgap {
  gap: 1em;
}

.pa0 {
  padding: var(--spacing-none);
}
.pa1 {
  padding: var(--spacing-extra-small);
}
.pa2 {
  padding: var(--spacing-small);
}
.pa3 {
  padding: var(--spacing-medium);
}
.pa4 {
  padding: var(--spacing-large);
}

.ph0 {
  padding-inline: var(--spacing-none);
}
.ph1 {
  padding-inline: var(--spacing-extra-small);
}
.ph2 {
  padding-inline: var(--spacing-small);
}
.ph3 {
  padding-inline: var(--spacing-medium);
}
.ph4 {
  padding-inline: var(--spacing-large);
}

.pt0 {
  padding-top: var(--spacing-none);
}
.pt1 {
  padding-top: var(--spacing-extra-small);
}
.pt2 {
  padding-top: var(--spacing-small);
}
.pt3 {
  padding-top: var(--spacing-medium);
}
.pt4 {
  padding-top: var(--spacing-large);
}

.pr0 {
  padding-right: var(--spacing-none);
}
.pr1 {
  padding-right: var(--spacing-extra-small);
}
.pr2 {
  padding-right: var(--spacing-small);
}
.pr3 {
  padding-right: var(--spacing-medium);
}
.pr4 {
  padding-right: var(--spacing-large);
}

.pb0 {
  padding-bottom: var(--spacing-none);
}
.pb1 {
  padding-bottom: var(--spacing-extra-small);
}
.pb2 {
  padding-bottom: var(--spacing-small);
}
.pb3 {
  padding-bottom: var(--spacing-medium);
}
.pb4 {
  padding-bottom: var(--spacing-large);
}

.pl0 {
  padding-left: var(--spacing-none);
}
.pl1 {
  padding-left: var(--spacing-extra-small);
}
.pl2 {
  padding-left: var(--spacing-small);
}
.pl3 {
  padding-left: var(--spacing-medium);
}
.pl4 {
  padding-left: var(--spacing-large);
}

.ma0 {
  margin: var(--spacing-none);
}
.ma1 {
  margin: var(--spacing-extra-small);
}
.ma2 {
  margin: var(--spacing-small);
}
.ma3 {
  margin: var(--spacing-medium);
}
.ma4 {
  margin: var(--spacing-large);
}

.mt0 {
  margin-top: var(--spacing-none);
}
.mt1 {
  margin-top: var(--spacing-extra-small);
}
.mt2 {
  margin-top: var(--spacing-small);
}
.mt3 {
  margin-top: var(--spacing-medium);
}
.mt4 {
  margin-top: var(--spacing-large);
}

.mr0 {
  margin-right: var(--spacing-none);
}
.mr1 {
  margin-right: var(--spacing-extra-small);
}
.mr2 {
  margin-right: var(--spacing-small);
}
.mr3 {
  margin-right: var(--spacing-medium);
}
.mr4 {
  margin-right: var(--spacing-large);
}

.mb0 {
  margin-bottom: var(--spacing-none);
}
.mb1 {
  margin-bottom: var(--spacing-extra-small);
}
.mb2 {
  margin-bottom: var(--spacing-small);
}
.mb3 {
  margin-bottom: var(--spacing-medium);
}
.mb4 {
  margin-bottom: var(--spacing-large);
}

.ml0 {
  margin-left: var(--spacing-none);
}
.ml1 {
  margin-left: var(--spacing-extra-small);
}
.ml2 {
  margin-left: var(--spacing-small);
}
.ml3 {
  margin-left: var(--spacing-medium);
}
.ml4 {
  margin-left: var(--spacing-large);
}

.flex {
  display: flex;
}
.flex-column {
  flex-direction: column;
}
.flex-row {
  flex-direction: row;
}

@media screen and (min-width: 30em) {
  .flex-row-ns {
    flex-direction: row;
  }
}

.items-center {
  align-items: center;
}
.items-end {
  align-items: end;
}
.justify-center {
  justify-content: center;
}
.justify-end {
  justify-content: end;
}
.justify-between {
  justify-content: space-between;
}

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

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

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

.min-vh-50 {
  min-height: 50vh;
}

.min-vh-100 {
  min-height: 100vh;
}

.nw {
  white-space: nowrap;
}

.list {
  list-style: none;
}

.measure-narrow {
  max-width: 20em;
}

.measure {
  max-width: 30em;
}

.measure-wide {
  max-width: 40em;
}

.mw-narrow {
  max-width: 32rem;
  width: 100%;
}

.mw {
  max-width: 48rem;
  width: 100%;
}

.mw-wide {
  max-width: 64rem;
  width: 100%;
}

.br1 {
  border-radius: 0.5rem;
}

.br-100 {
  border-radius: 9999px;
}

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