/* Variables */

:root {
  --spacing-none: 0;
  --spacing-extra-small: .25rem;
  --spacing-small: .5rem;
  --spacing-medium: 1rem;
  --spacing-large: 2rem;
  --spacing-extra-large: 4rem;
  --spacing-extra-extra-large: 8rem;
  --spacing-extra-extra-extra-large: 16rem;
}

/*

   An eight step powers of two scale ranging from 0 to 16rem.

   Base:
     p = padding
     m = margin

   Modifiers:
     a = all
     h = horizontal
     v = vertical
     t = top
     r = right
     b = bottom
     l = left

     0 = none
     1 = 1st step in spacing scale
     2 = 2nd step in spacing scale
     3 = 3rd step in spacing scale
     4 = 4th step in spacing scale
     5 = 5th step in spacing scale
     6 = 6th step in spacing scale
     7 = 7th step in spacing scale

   Media Query Extensions:
     -ns = not-small
     -m  = medium       -ml = mobile landscape
     -l  = large

*/


.pa0 { padding: var(--spacing-none); }
.pa0s { padding: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
.pa1 { padding: var(--spacing-extra-small); }
.pa1s { padding: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
.pa2 { padding: var(--spacing-small); }
.pa2s { padding: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
.pa3 { padding: var(--spacing-medium); }
.pa3s { padding: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
.pa4 { padding: var(--spacing-large); }
.pa4s { padding: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
.pa5 { padding: var(--spacing-extra-large); }
.pa5s { padding: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
.pa6 { padding: var(--spacing-extra-extra-large); }
.pa6s { padding: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
.pa7 { padding: var(--spacing-extra-extra-extra-large); }

.pl0 { padding-left: var(--spacing-none); }
.pl0s { padding-left: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
.pl1 { padding-left: var(--spacing-extra-small); }
.pl1s { padding-left: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
.pl2 { padding-left: var(--spacing-small); }
.pl2s { padding-left: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
.pl3 { padding-left: var(--spacing-medium); }
.pl3s { padding-left: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
.pl4 { padding-left: var(--spacing-large); }
.pl4s { padding-left: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
.pl5 { padding-left: var(--spacing-extra-large); }
.pl5s { padding-left: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
.pl6 { padding-left: var(--spacing-extra-extra-large); }
.pl6s { padding-left: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
.pl7 { padding-left: var(--spacing-extra-extra-extra-large); }

.pr0 { padding-right: var(--spacing-none); }
.pr0s { padding-right: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
.pr1 { padding-right: var(--spacing-extra-small); }
.pr1s { padding-right: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
.pr2 { padding-right: var(--spacing-small); }
.pr2s { padding-right: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
.pr3 { padding-right: var(--spacing-medium); }
.pr3s { padding-right: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
.pr4 { padding-right: var(--spacing-large); }
.pr4s { padding-right: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
.pr5 { padding-right: var(--spacing-extra-large); }
.pr5s { padding-right: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
.pr6 { padding-right: var(--spacing-extra-extra-large); }
.pr6s { padding-right: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
.pr7 { padding-right: var(--spacing-extra-extra-extra-large); }

.pb0 { padding-bottom: var(--spacing-none); }
.pb0s { padding-bottom: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
.pb1 { padding-bottom: var(--spacing-extra-small); }
.pb1s { padding-bottom: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
.pb2 { padding-bottom: var(--spacing-small); }
.pb2s { padding-bottom: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
.pb3 { padding-bottom: var(--spacing-medium); }
.pb3s { padding-bottom: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
.pb4 { padding-bottom: var(--spacing-large); }
.pb4s { padding-bottom: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
.pb5 { padding-bottom: var(--spacing-extra-large); }
.pb5s { padding-bottom: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
.pb6 { padding-bottom: var(--spacing-extra-extra-large); }
.pb6s { padding-bottom: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
.pb7 { padding-bottom: var(--spacing-extra-extra-extra-large); }

.pt0 { padding-top: var(--spacing-none); }
.pt0s { padding-top: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
.pt1 { padding-top: var(--spacing-extra-small); }
.pt1s { padding-top: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
.pt2 { padding-top: var(--spacing-small); }
.pt2s { padding-top: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
.pt3 { padding-top: var(--spacing-medium); }
.pt3s { padding-top: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
.pt4 { padding-top: var(--spacing-large); }
.pt4s { padding-top: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
.pt5 { padding-top: var(--spacing-extra-large); }
.pt5s { padding-top: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
.pt6 { padding-top: var(--spacing-extra-extra-large); }
.pt6s { padding-top: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
.pt7 { padding-top: var(--spacing-extra-extra-extra-large); }

.pv0 {
  padding-top: var(--spacing-none);
  padding-bottom: var(--spacing-none);
}
.pv0s {
  padding-top: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2);
  padding-bottom: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2);
}
.pv1 {
  padding-top: var(--spacing-extra-small);
  padding-bottom: var(--spacing-extra-small);
}
.pv1s {
  padding-top: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
  padding-bottom: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
}
.pv2 {
  padding-top: var(--spacing-small);
  padding-bottom: var(--spacing-small);
}
.pv2s {
  padding-top: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
  padding-bottom: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
}
.pv3 {
  padding-top: var(--spacing-medium);
  padding-bottom: var(--spacing-medium);
}
.pv3s {
  padding-top: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
  padding-bottom: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
}
.pv4 {
  padding-top: var(--spacing-large);
  padding-bottom: var(--spacing-large);
}
.pv4s {
  padding-top: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
  padding-bottom: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
}
.pv5 {
  padding-top: var(--spacing-extra-large);
  padding-bottom: var(--spacing-extra-large);
}
.pv5s {
  padding-top: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
  padding-bottom: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
}
.pv6 {
  padding-top: var(--spacing-extra-extra-large);
  padding-bottom: var(--spacing-extra-extra-large);
}
.pv6s {
  padding-top: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
  padding-bottom: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
}
.pv7 {
  padding-top: var(--spacing-extra-extra-extra-large);
  padding-bottom: var(--spacing-extra-extra-extra-large);
}

.ph0 {
  padding-left: var(--spacing-none);
  padding-right: var(--spacing-none);
}
.ph0s {
  padding-left: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2);
  padding-right: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2);
}
.ph1 {
  padding-left: var(--spacing-extra-small);
  padding-right: var(--spacing-extra-small);
}
.ph1s {
  padding-left: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
  padding-right: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
}
.ph2 {
  padding-left: var(--spacing-small);
  padding-right: var(--spacing-small);
}
.ph2s {
  padding-left: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
  padding-right: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
}
.ph3 {
  padding-left: var(--spacing-medium);
  padding-right: var(--spacing-medium);
}
.ph3s {
  padding-left: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
  padding-right: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
}
.ph4 {
  padding-left: var(--spacing-large);
  padding-right: var(--spacing-large);
}
.ph4s {
  padding-left: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
  padding-right: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
}
.ph5 {
  padding-left: var(--spacing-extra-large);
  padding-right: var(--spacing-extra-large);
}
.ph5s {
  padding-left: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
  padding-right: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
}
.ph6 {
  padding-left: var(--spacing-extra-extra-large);
  padding-right: var(--spacing-extra-extra-large);
}
.ph6s {
  padding-left: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
  padding-right: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
}

.ph7 {
  padding-left: var(--spacing-extra-extra-extra-large);
  padding-right: var(--spacing-extra-extra-extra-large);
}

.ma0 { margin: var(--spacing-none); }
.ma0s { margin: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
.ma1 { margin: var(--spacing-extra-small); }
.ma1s { margin: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
.ma2 { margin: var(--spacing-small); }
.ma2s { margin: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
.ma3 { margin: var(--spacing-medium); }
.ma3s { margin: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
.ma4 { margin: var(--spacing-large); }
.ma4s { margin: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
.ma5 { margin: var(--spacing-extra-large); }
.ma5s { margin: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
.ma6 { margin: var(--spacing-extra-extra-large); }
.ma6s { margin: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
.ma7 { margin: var(--spacing-extra-extra-extra-large); }

.ml0 { margin-left: var(--spacing-none); }
.ml0s { margin-left: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
.ml1 { margin-left: var(--spacing-extra-small); }
.ml1s { margin-left: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
.ml2 { margin-left: var(--spacing-small); }
.ml2s { margin-left: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
.ml3 { margin-left: var(--spacing-medium); }
.ml3s { margin-left: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
.ml4 { margin-left: var(--spacing-large); }
.ml4s { margin-left: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
.ml5 { margin-left: var(--spacing-extra-large); }
.ml5s { margin-left: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
.ml6 { margin-left: var(--spacing-extra-extra-large); }
.ml6s { margin-left: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
.ml7 { margin-left: var(--spacing-extra-extra-extra-large); }

.mr0 { margin-right: var(--spacing-none); }
.mr0s { margin-right: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
.mr1 { margin-right: var(--spacing-extra-small); }
.mr1s { margin-right: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
.mr2 { margin-right: var(--spacing-small); }
.mr2s { margin-right: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
.mr3 { margin-right: var(--spacing-medium); }
.mr3s { margin-right: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
.mr4 { margin-right: var(--spacing-large); }
.mr4s { margin-right: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
.mr5 { margin-right: var(--spacing-extra-large); }
.mr5s { margin-right: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
.mr6 { margin-right: var(--spacing-extra-extra-large); }
.mr6s { margin-right: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
.mr7 { margin-right: var(--spacing-extra-extra-extra-large); }

.mb0 { margin-bottom: var(--spacing-none); }
.mb0s { margin-bottom: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
.mb1 { margin-bottom: var(--spacing-extra-small); }
.mb1s { margin-bottom: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
.mb2 { margin-bottom: var(--spacing-small); }
.mb2s { margin-bottom: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
.mb3 { margin-bottom: var(--spacing-medium); }
.mb3s { margin-bottom: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
.mb4 { margin-bottom: var(--spacing-large); }
.mb4s { margin-bottom: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
.mb5 { margin-bottom: var(--spacing-extra-large); }
.mb5s { margin-bottom: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
.mb6 { margin-bottom: var(--spacing-extra-extra-large); }
.mb6s { margin-bottom: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
.mb7 { margin-bottom: var(--spacing-extra-extra-extra-large); }

.mt0 { margin-top: var(--spacing-none); }
.mt0s { margin-top: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
.mt1 { margin-top: var(--spacing-extra-small); }
.mt1s { margin-top: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
.mt2 { margin-top: var(--spacing-small); }
.mt2s { margin-top: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
.mt3 { margin-top: var(--spacing-medium); }
.mt3s { margin-top: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
.mt4 { margin-top: var(--spacing-large); }
.mt4s { margin-top: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
.mt5 { margin-top: var(--spacing-extra-large); }
.mt5s { margin-top: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
.mt6 { margin-top: var(--spacing-extra-extra-large); }
.mt6s { margin-top: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
.mt7 { margin-top: var(--spacing-extra-extra-extra-large); }

.mv0 {
  margin-top: var(--spacing-none);
  margin-bottom: var(--spacing-none);
}
.mv0s {
  margin-top: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2);
  margin-bottom: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2);
}
.mv1 {
  margin-top: var(--spacing-extra-small);
  margin-bottom: var(--spacing-extra-small);
}
.mv1s {
  margin-top: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
  margin-bottom: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
}
.mv2 {
  margin-top: var(--spacing-small);
  margin-bottom: var(--spacing-small);
}
.mv2s {
  margin-top: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
  margin-bottom: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
}
.mv3 {
  margin-top: var(--spacing-medium);
  margin-bottom: var(--spacing-medium);
}
.mv3s {
  margin-top: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
  margin-bottom: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
}
.mv4 {
  margin-top: var(--spacing-large);
  margin-bottom: var(--spacing-large);
}
.mv4s {
  margin-top: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
  margin-bottom: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
}
.mv5 {
  margin-top: var(--spacing-extra-large);
  margin-bottom: var(--spacing-extra-large);
}
.mv5s {
  margin-top: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
  margin-bottom: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
}
.mv6 {
  margin-top: var(--spacing-extra-extra-large);
  margin-bottom: var(--spacing-extra-extra-large);
}
.mv6s {
  margin-top: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
  margin-bottom: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
}
.mv7 {
  margin-top: var(--spacing-extra-extra-extra-large);
  margin-bottom: var(--spacing-extra-extra-extra-large);
}

.mh0 {
  margin-left: var(--spacing-none);
  margin-right: var(--spacing-none);
}
.mh0s {
  margin-left: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2);
  margin-right: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2);
}
.mh1 {
  margin-left: var(--spacing-extra-small);
  margin-right: var(--spacing-extra-small);
}
.mh1s {
  margin-left: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
  margin-right: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
}
.mh2 {
  margin-left: var(--spacing-small);
  margin-right: var(--spacing-small);
}
.mh2s {
  margin-left: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
  margin-right: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
}
.mh3 {
  margin-left: var(--spacing-medium);
  margin-right: var(--spacing-medium);
}
.mh3s {
  margin-left: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
  margin-right: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
}
.mh4 {
  margin-left: var(--spacing-large);
  margin-right: var(--spacing-large);
}
.mh4s {
  margin-left: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
  margin-right: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
}
.mh5 {
  margin-left: var(--spacing-extra-large);
  margin-right: var(--spacing-extra-large);
}
.mh5s {
  margin-left: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
  margin-right: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
}
.mh6 {
  margin-left: var(--spacing-extra-extra-large);
  margin-right: var(--spacing-extra-extra-large);
}
.mh6s {
  margin-left: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
  margin-right: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
}

.mh7 {
  margin-left: var(--spacing-extra-extra-extra-large);
  margin-right: var(--spacing-extra-extra-extra-large);
}

@media screen and (min-width: 30em) {
  .pa0-ns { padding: var(--spacing-none); }
  .pa0s-ns { padding: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
  .pa1-ns { padding: var(--spacing-extra-small); }
  .pa1s-ns { padding: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .pa2-ns { padding: var(--spacing-small); }
  .pa2s-ns { padding: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .pa3-ns { padding: var(--spacing-medium); }
  .pa3s-ns { padding: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .pa4-ns { padding: var(--spacing-large); }
  .pa4s-ns { padding: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .pa5-ns { padding: var(--spacing-extra-large); }
  .pa5s-ns { padding: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .pa6-ns { padding: var(--spacing-extra-extra-large); }
  .pa6s-ns { padding: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .pa7-ns { padding: var(--spacing-extra-extra-extra-large); }

  .pl0-ns { padding-left: var(--spacing-none); }
  .pl0s-ns { padding-left: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
  .pl1-ns { padding-left: var(--spacing-extra-small); }
  .pl1s-ns { padding-left: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .pl2-ns { padding-left: var(--spacing-small); }
  .pl2s-ns { padding-left: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .pl3-ns { padding-left: var(--spacing-medium); }
  .pl3s-ns { padding-left: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .pl4-ns { padding-left: var(--spacing-large); }
  .pl4s-ns { padding-left: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .pl5-ns { padding-left: var(--spacing-extra-large); }
  .pl5s-ns { padding-left: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .pl6-ns { padding-left: var(--spacing-extra-extra-large); }
  .pl6s-ns { padding-left: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .pl7-ns { padding-left: var(--spacing-extra-extra-extra-large); }

  .pr0-ns { padding-right: var(--spacing-none); }
  .pr0s-ns { padding-right: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
  .pr1-ns { padding-right: var(--spacing-extra-small); }
  .pr1s-ns { padding-right: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .pr2-ns { padding-right: var(--spacing-small); }
  .pr2s-ns { padding-right: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .pr3-ns { padding-right: var(--spacing-medium); }
  .pr3s-ns { padding-right: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .pr4-ns { padding-right: var(--spacing-large); }
  .pr4s-ns { padding-right: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .pr5-ns { padding-right: var(--spacing-extra-large); }
  .pr5s-ns { padding-right: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .pr6-ns { padding-right: var(--spacing-extra-extra-large); }
  .pr6s-ns { padding-right: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .pr7-ns { padding-right: var(--spacing-extra-extra-extra-large); }

  .pb0-ns { padding-bottom: var(--spacing-none); }
  .pb0s-ns { padding-bottom: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
  .pb1-ns { padding-bottom: var(--spacing-extra-small); }
  .pb1s-ns { padding-bottom: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .pb2-ns { padding-bottom: var(--spacing-small); }
  .pb2s-ns { padding-bottom: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .pb3-ns { padding-bottom: var(--spacing-medium); }
  .pb3s-ns { padding-bottom: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .pb4-ns { padding-bottom: var(--spacing-large); }
  .pb4s-ns { padding-bottom: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .pb5-ns { padding-bottom: var(--spacing-extra-large); }
  .pb5s-ns { padding-bottom: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .pb6-ns { padding-bottom: var(--spacing-extra-extra-large); }
  .pb6s-ns { padding-bottom: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .pb7-ns { padding-bottom: var(--spacing-extra-extra-extra-large); }

  .pt0-ns { padding-top: var(--spacing-none); }
  .pt0s-ns { padding-top: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
  .pt1-ns { padding-top: var(--spacing-extra-small); }
  .pt1s-ns { padding-top: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .pt2-ns { padding-top: var(--spacing-small); }
  .pt2s-ns { padding-top: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .pt3-ns { padding-top: var(--spacing-medium); }
  .pt3s-ns { padding-top: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .pt4-ns { padding-top: var(--spacing-large); }
  .pt4s-ns { padding-top: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .pt5-ns { padding-top: var(--spacing-extra-large); }
  .pt5s-ns { padding-top: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .pt6-ns { padding-top: var(--spacing-extra-extra-large); }
  .pt6s-ns { padding-top: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .pt7-ns { padding-top: var(--spacing-extra-extra-extra-large); }

  .pv0-ns {
    padding-top: var(--spacing-none);
    padding-bottom: var(--spacing-none);
  }
  .pv0s-ns {
    padding-top: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2);
    padding-bottom: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2);
  }
  .pv1-ns {
    padding-top: var(--spacing-extra-small);
    padding-bottom: var(--spacing-extra-small);
  }
  .pv1s-ns {
    padding-top: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
    padding-bottom: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
  }
  .pv2-ns {
    padding-top: var(--spacing-small);
    padding-bottom: var(--spacing-small);
  }
  .pv2s-ns {
    padding-top: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
    padding-bottom: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
  }
  .pv3-ns {
    padding-top: var(--spacing-medium);
    padding-bottom: var(--spacing-medium);
  }
  .pv3s-ns {
    padding-top: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
    padding-bottom: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
  }
  .pv4-ns {
    padding-top: var(--spacing-large);
    padding-bottom: var(--spacing-large);
  }
  .pv4s-ns {
    padding-top: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
    padding-bottom: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
  }
  .pv5-ns {
    padding-top: var(--spacing-extra-large);
    padding-bottom: var(--spacing-extra-large);
  }
  .pv5s-ns {
    padding-top: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
    padding-bottom: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
  }
  .pv6-ns {
    padding-top: var(--spacing-extra-extra-large);
    padding-bottom: var(--spacing-extra-extra-large);
  }
  .pv6s-ns {
    padding-top: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
    padding-bottom: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
  }
  .pv7-ns {
    padding-top: var(--spacing-extra-extra-extra-large);
    padding-bottom: var(--spacing-extra-extra-extra-large);
  }

  .ph0-ns {
    padding-left: var(--spacing-none);
    padding-right: var(--spacing-none);
  }
  .ph0s-ns {
    padding-left: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2);
    padding-right: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2);
  }
  .ph1-ns {
    padding-left: var(--spacing-extra-small);
    padding-right: var(--spacing-extra-small);
  }
  .ph1s-ns {
    padding-left: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
    padding-right: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
  }
  .ph2-ns {
    padding-left: var(--spacing-small);
    padding-right: var(--spacing-small);
  }
  .ph2s-ns {
    padding-left: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
    padding-right: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
  }
  .ph3-ns {
    padding-left: var(--spacing-medium);
    padding-right: var(--spacing-medium);
  }
  .ph3s-ns {
    padding-left: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
    padding-right: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
  }
  .ph4-ns {
    padding-left: var(--spacing-large);
    padding-right: var(--spacing-large);
  }
  .ph4s-ns {
    padding-left: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
    padding-right: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
  }
  .ph5-ns {
    padding-left: var(--spacing-extra-large);
    padding-right: var(--spacing-extra-large);
  }
  .ph5s-ns {
    padding-left: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
    padding-right: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
  }
  .ph6-ns {
    padding-left: var(--spacing-extra-extra-large);
    padding-right: var(--spacing-extra-extra-large);
  }
  .ph6s-ns {
    padding-left: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
    padding-right: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
  }

  .ph7-ns {
    padding-left: var(--spacing-extra-extra-extra-large);
    padding-right: var(--spacing-extra-extra-extra-large);
  }

  .ma0-ns { margin: var(--spacing-none); }
  .ma0s-ns { margin: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
  .ma1-ns { margin: var(--spacing-extra-small); }
  .ma1s-ns { margin: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .ma2-ns { margin: var(--spacing-small); }
  .ma2s-ns { margin: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .ma3-ns { margin: var(--spacing-medium); }
  .ma3s-ns { margin: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .ma4-ns { margin: var(--spacing-large); }
  .ma4s-ns { margin: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .ma5-ns { margin: var(--spacing-extra-large); }
  .ma5s-ns { margin: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .ma6-ns { margin: var(--spacing-extra-extra-large); }
  .ma6s-ns { margin: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .ma7-ns { margin: var(--spacing-extra-extra-extra-large); }

  .ml0-ns { margin-left: var(--spacing-none); }
  .ml0s-ns { margin-left: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
  .ml1-ns { margin-left: var(--spacing-extra-small); }
  .ml1s-ns { margin-left: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .ml2-ns { margin-left: var(--spacing-small); }
  .ml2s-ns { margin-left: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .ml3-ns { margin-left: var(--spacing-medium); }
  .ml3s-ns { margin-left: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .ml4-ns { margin-left: var(--spacing-large); }
  .ml4s-ns { margin-left: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .ml5-ns { margin-left: var(--spacing-extra-large); }
  .ml5s-ns { margin-left: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .ml6-ns { margin-left: var(--spacing-extra-extra-large); }
  .ml6s-ns { margin-left: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .ml7-ns { margin-left: var(--spacing-extra-extra-extra-large); }

  .mr0-ns { margin-right: var(--spacing-none); }
  .mr0s-ns { margin-right: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
  .mr1-ns { margin-right: var(--spacing-extra-small); }
  .mr1s-ns { margin-right: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .mr2-ns { margin-right: var(--spacing-small); }
  .mr2s-ns { margin-right: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .mr3-ns { margin-right: var(--spacing-medium); }
  .mr3s-ns { margin-right: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .mr4-ns { margin-right: var(--spacing-large); }
  .mr4s-ns { margin-right: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .mr5-ns { margin-right: var(--spacing-extra-large); }
  .mr5s-ns { margin-right: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .mr6-ns { margin-right: var(--spacing-extra-extra-large); }
  .mr6s-ns { margin-right: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .mr7-ns { margin-right: var(--spacing-extra-extra-extra-large); }

  .mb0-ns { margin-bottom: var(--spacing-none); }
  .mb0s-ns { margin-bottom: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
  .mb1-ns { margin-bottom: var(--spacing-extra-small); }
  .mb1s-ns { margin-bottom: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .mb2-ns { margin-bottom: var(--spacing-small); }
  .mb2s-ns { margin-bottom: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .mb3-ns { margin-bottom: var(--spacing-medium); }
  .mb3s-ns { margin-bottom: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .mb4-ns { margin-bottom: var(--spacing-large); }
  .mb4s-ns { margin-bottom: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .mb5-ns { margin-bottom: var(--spacing-extra-large); }
  .mb5s-ns { margin-bottom: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .mb6-ns { margin-bottom: var(--spacing-extra-extra-large); }
  .mb6s-ns { margin-bottom: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .mb7-ns { margin-bottom: var(--spacing-extra-extra-extra-large); }

  .mt0-ns { margin-top: var(--spacing-none); }
  .mt0s-ns { margin-top: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
  .mt1-ns { margin-top: var(--spacing-extra-small); }
  .mt1s-ns { margin-top: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .mt2-ns { margin-top: var(--spacing-small); }
  .mt2s-ns { margin-top: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .mt3-ns { margin-top: var(--spacing-medium); }
  .mt3s-ns { margin-top: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .mt4-ns { margin-top: var(--spacing-large); }
  .mt4s-ns { margin-top: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .mt5-ns { margin-top: var(--spacing-extra-large); }
  .mt5s-ns { margin-top: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .mt6-ns { margin-top: var(--spacing-extra-extra-large); }
  .mt6s-ns { margin-top: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .mt7-ns { margin-top: var(--spacing-extra-extra-extra-large); }

  .mv0-ns {
    margin-top: var(--spacing-none);
    margin-bottom: var(--spacing-none);
  }
  .mv0s-ns {
    margin-top: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2);
    margin-bottom: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2);
  }
  .mv1-ns {
    margin-top: var(--spacing-extra-small);
    margin-bottom: var(--spacing-extra-small);
  }
  .mv1s-ns {
    margin-top: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
    margin-bottom: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
  }
  .mv2-ns {
    margin-top: var(--spacing-small);
    margin-bottom: var(--spacing-small);
  }
  .mv2s-ns {
    margin-top: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
    margin-bottom: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
  }
  .mv3-ns {
    margin-top: var(--spacing-medium);
    margin-bottom: var(--spacing-medium);
  }
  .mv3s-ns {
    margin-top: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
    margin-bottom: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
  }
  .mv4-ns {
    margin-top: var(--spacing-large);
    margin-bottom: var(--spacing-large);
  }
  .mv4s-ns {
    margin-top: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
    margin-bottom: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
  }
  .mv5-ns {
    margin-top: var(--spacing-extra-large);
    margin-bottom: var(--spacing-extra-large);
  }
  .mv5s-ns {
    margin-top: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
    margin-bottom: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
  }
  .mv6-ns {
    margin-top: var(--spacing-extra-extra-large);
    margin-bottom: var(--spacing-extra-extra-large);
  }
  .mv6s-ns {
    margin-top: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
    margin-bottom: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
  }
  .mv7-ns {
    margin-top: var(--spacing-extra-extra-extra-large);
    margin-bottom: var(--spacing-extra-extra-extra-large);
  }

  .mh0-ns {
    margin-left: var(--spacing-none);
    margin-right: var(--spacing-none);
  }
  .mh0s-ns {
    margin-left: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2);
    margin-right: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2);
  }
  .mh1-ns {
    margin-left: var(--spacing-extra-small);
    margin-right: var(--spacing-extra-small);
  }
  .mh1s-ns {
    margin-left: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
    margin-right: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
  }
  .mh2-ns {
    margin-left: var(--spacing-small);
    margin-right: var(--spacing-small);
  }
  .mh2s-ns {
    margin-left: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
    margin-right: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
  }
  .mh3-ns {
    margin-left: var(--spacing-medium);
    margin-right: var(--spacing-medium);
  }
  .mh3s-ns {
    margin-left: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
    margin-right: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
  }
  .mh4-ns {
    margin-left: var(--spacing-large);
    margin-right: var(--spacing-large);
  }
  .mh4s-ns {
    margin-left: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
    margin-right: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
  }
  .mh5-ns {
    margin-left: var(--spacing-extra-large);
    margin-right: var(--spacing-extra-large);
  }
  .mh5s-ns {
    margin-left: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
    margin-right: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
  }
  .mh6-ns {
    margin-left: var(--spacing-extra-extra-large);
    margin-right: var(--spacing-extra-extra-large);
  }
  .mh6s-ns {
    margin-left: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
    margin-right: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
  }

  .mh7-ns {
    margin-left: var(--spacing-extra-extra-extra-large);
    margin-right: var(--spacing-extra-extra-extra-large);
  }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
  .pa0-m { padding: var(--spacing-none); }
  .pa0s-m { padding: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
  .pa1-m { padding: var(--spacing-extra-small); }
  .pa1s-m { padding: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .pa2-m { padding: var(--spacing-small); }
  .pa2s-m { padding: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .pa3-m { padding: var(--spacing-medium); }
  .pa3s-m { padding: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .pa4-m { padding: var(--spacing-large); }
  .pa4s-m { padding: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .pa5-m { padding: var(--spacing-extra-large); }
  .pa5s-m { padding: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .pa6-m { padding: var(--spacing-extra-extra-large); }
  .pa6s-m { padding: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .pa7-m { padding: var(--spacing-extra-extra-extra-large); }

  .pl0-m { padding-left: var(--spacing-none); }
  .pl0s-m { padding-left: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
  .pl1-m { padding-left: var(--spacing-extra-small); }
  .pl1s-m { padding-left: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .pl2-m { padding-left: var(--spacing-small); }
  .pl2s-m { padding-left: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .pl3-m { padding-left: var(--spacing-medium); }
  .pl3s-m { padding-left: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .pl4-m { padding-left: var(--spacing-large); }
  .pl4s-m { padding-left: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .pl5-m { padding-left: var(--spacing-extra-large); }
  .pl5s-m { padding-left: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .pl6-m { padding-left: var(--spacing-extra-extra-large); }
  .pl6s-m { padding-left: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .pl7-m { padding-left: var(--spacing-extra-extra-extra-large); }

  .pr0-m { padding-right: var(--spacing-none); }
  .pr0s-m { padding-right: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
  .pr1-m { padding-right: var(--spacing-extra-small); }
  .pr1s-m { padding-right: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .pr2-m { padding-right: var(--spacing-small); }
  .pr2s-m { padding-right: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .pr3-m { padding-right: var(--spacing-medium); }
  .pr3s-m { padding-right: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .pr4-m { padding-right: var(--spacing-large); }
  .pr4s-m { padding-right: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .pr5-m { padding-right: var(--spacing-extra-large); }
  .pr5s-m { padding-right: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .pr6-m { padding-right: var(--spacing-extra-extra-large); }
  .pr6s-m { padding-right: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .pr7-m { padding-right: var(--spacing-extra-extra-extra-large); }

  .pb0-m { padding-bottom: var(--spacing-none); }
  .pb0s-m { padding-bottom: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
  .pb1-m { padding-bottom: var(--spacing-extra-small); }
  .pb1s-m { padding-bottom: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .pb2-m { padding-bottom: var(--spacing-small); }
  .pb2s-m { padding-bottom: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .pb3-m { padding-bottom: var(--spacing-medium); }
  .pb3s-m { padding-bottom: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .pb4-m { padding-bottom: var(--spacing-large); }
  .pb4s-m { padding-bottom: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .pb5-m { padding-bottom: var(--spacing-extra-large); }
  .pb5s-m { padding-bottom: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .pb6-m { padding-bottom: var(--spacing-extra-extra-large); }
  .pb6s-m { padding-bottom: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .pb7-m { padding-bottom: var(--spacing-extra-extra-extra-large); }

  .pt0-m { padding-top: var(--spacing-none); }
  .pt0s-m { padding-top: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
  .pt1-m { padding-top: var(--spacing-extra-small); }
  .pt1s-m { padding-top: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .pt2-m { padding-top: var(--spacing-small); }
  .pt2s-m { padding-top: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .pt3-m { padding-top: var(--spacing-medium); }
  .pt3s-m { padding-top: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .pt4-m { padding-top: var(--spacing-large); }
  .pt4s-m { padding-top: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .pt5-m { padding-top: var(--spacing-extra-large); }
  .pt5s-m { padding-top: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .pt6-m { padding-top: var(--spacing-extra-extra-large); }
  .pt6s-m { padding-top: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .pt7-m { padding-top: var(--spacing-extra-extra-extra-large); }

  .pv0-m {
    padding-top: var(--spacing-none);
    padding-bottom: var(--spacing-none);
  }
  .pv0s-m {
    padding-top: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2);
    padding-bottom: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2);
  }
  .pv1-m {
    padding-top: var(--spacing-extra-small);
    padding-bottom: var(--spacing-extra-small);
  }
  .pv1s-m {
    padding-top: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
    padding-bottom: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
  }
  .pv2-m {
    padding-top: var(--spacing-small);
    padding-bottom: var(--spacing-small);
  }
  .pv2s-m {
    padding-top: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
    padding-bottom: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
  }
  .pv3-m {
    padding-top: var(--spacing-medium);
    padding-bottom: var(--spacing-medium);
  }
  .pv3s-m {
    padding-top: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
    padding-bottom: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
  }
  .pv4-m {
    padding-top: var(--spacing-large);
    padding-bottom: var(--spacing-large);
  }
  .pv4s-m {
    padding-top: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
    padding-bottom: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
  }
  .pv5-m {
    padding-top: var(--spacing-extra-large);
    padding-bottom: var(--spacing-extra-large);
  }
  .pv5s-m {
    padding-top: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
    padding-bottom: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
  }
  .pv6-m {
    padding-top: var(--spacing-extra-extra-large);
    padding-bottom: var(--spacing-extra-extra-large);
  }
  .pv6s-m {
    padding-top: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
    padding-bottom: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
  }
  .pv7-m {
    padding-top: var(--spacing-extra-extra-extra-large);
    padding-bottom: var(--spacing-extra-extra-extra-large);
  }

  .ph0-m {
    padding-left: var(--spacing-none);
    padding-right: var(--spacing-none);
  }
  .ph0s-m {
    padding-left: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2);
    padding-right: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2);
  }
  .ph1-m {
    padding-left: var(--spacing-extra-small);
    padding-right: var(--spacing-extra-small);
  }
  .ph1s-m {
    padding-left: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
    padding-right: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
  }
  .ph2-m {
    padding-left: var(--spacing-small);
    padding-right: var(--spacing-small);
  }
  .ph2s-m {
    padding-left: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
    padding-right: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
  }
  .ph3-m {
    padding-left: var(--spacing-medium);
    padding-right: var(--spacing-medium);
  }
  .ph3s-m {
    padding-left: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
    padding-right: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
  }
  .ph4-m {
    padding-left: var(--spacing-large);
    padding-right: var(--spacing-large);
  }
  .ph4s-m {
    padding-left: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
    padding-right: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
  }
  .ph5-m {
    padding-left: var(--spacing-extra-large);
    padding-right: var(--spacing-extra-large);
  }
  .ph5s-m {
    padding-left: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
    padding-right: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
  }
  .ph6-m {
    padding-left: var(--spacing-extra-extra-large);
    padding-right: var(--spacing-extra-extra-large);
  }
  .ph6s-m {
    padding-left: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
    padding-right: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
  }

  .ph7-m {
    padding-left: var(--spacing-extra-extra-extra-large);
    padding-right: var(--spacing-extra-extra-extra-large);
  }

  .ma0-m { margin: var(--spacing-none); }
  .ma0s-m { margin: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
  .ma1-m { margin: var(--spacing-extra-small); }
  .ma1s-m { margin: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .ma2-m { margin: var(--spacing-small); }
  .ma2s-m { margin: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .ma3-m { margin: var(--spacing-medium); }
  .ma3s-m { margin: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .ma4-m { margin: var(--spacing-large); }
  .ma4s-m { margin: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .ma5-m { margin: var(--spacing-extra-large); }
  .ma5s-m { margin: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .ma6-m { margin: var(--spacing-extra-extra-large); }
  .ma6s-m { margin: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .ma7-m { margin: var(--spacing-extra-extra-extra-large); }

  .ml0-m { margin-left: var(--spacing-none); }
  .ml0s-m { margin-left: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
  .ml1-m { margin-left: var(--spacing-extra-small); }
  .ml1s-m { margin-left: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .ml2-m { margin-left: var(--spacing-small); }
  .ml2s-m { margin-left: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .ml3-m { margin-left: var(--spacing-medium); }
  .ml3s-m { margin-left: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .ml4-m { margin-left: var(--spacing-large); }
  .ml4s-m { margin-left: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .ml5-m { margin-left: var(--spacing-extra-large); }
  .ml5s-m { margin-left: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .ml6-m { margin-left: var(--spacing-extra-extra-large); }
  .ml6s-m { margin-left: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .ml7-m { margin-left: var(--spacing-extra-extra-extra-large); }

  .mr0-m { margin-right: var(--spacing-none); }
  .mr0s-m { margin-right: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
  .mr1-m { margin-right: var(--spacing-extra-small); }
  .mr1s-m { margin-right: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .mr2-m { margin-right: var(--spacing-small); }
  .mr2s-m { margin-right: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .mr3-m { margin-right: var(--spacing-medium); }
  .mr3s-m { margin-right: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .mr4-m { margin-right: var(--spacing-large); }
  .mr4s-m { margin-right: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .mr5-m { margin-right: var(--spacing-extra-large); }
  .mr5s-m { margin-right: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .mr6-m { margin-right: var(--spacing-extra-extra-large); }
  .mr6s-m { margin-right: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .mr7-m { margin-right: var(--spacing-extra-extra-extra-large); }

  .mb0-m { margin-bottom: var(--spacing-none); }
  .mb0s-m { margin-bottom: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
  .mb1-m { margin-bottom: var(--spacing-extra-small); }
  .mb1s-m { margin-bottom: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .mb2-m { margin-bottom: var(--spacing-small); }
  .mb2s-m { margin-bottom: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .mb3-m { margin-bottom: var(--spacing-medium); }
  .mb3s-m { margin-bottom: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .mb4-m { margin-bottom: var(--spacing-large); }
  .mb4s-m { margin-bottom: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .mb5-m { margin-bottom: var(--spacing-extra-large); }
  .mb5s-m { margin-bottom: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .mb6-m { margin-bottom: var(--spacing-extra-extra-large); }
  .mb6s-m { margin-bottom: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .mb7-m { margin-bottom: var(--spacing-extra-extra-extra-large); }

  .mt0-m { margin-top: var(--spacing-none); }
  .mt0s-m { margin-top: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
  .mt1-m { margin-top: var(--spacing-extra-small); }
  .mt1s-m { margin-top: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .mt2-m { margin-top: var(--spacing-small); }
  .mt2s-m { margin-top: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .mt3-m { margin-top: var(--spacing-medium); }
  .mt3s-m { margin-top: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .mt4-m { margin-top: var(--spacing-large); }
  .mt4s-m { margin-top: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .mt5-m { margin-top: var(--spacing-extra-large); }
  .mt5s-m { margin-top: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .mt6-m { margin-top: var(--spacing-extra-extra-large); }
  .mt6s-m { margin-top: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .mt7-m { margin-top: var(--spacing-extra-extra-extra-large); }

  .mv0-m {
    margin-top: var(--spacing-none);
    margin-bottom: var(--spacing-none);
  }
  .mv0s-m {
    margin-top: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2);
    margin-bottom: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2);
  }
  .mv1-m {
    margin-top: var(--spacing-extra-small);
    margin-bottom: var(--spacing-extra-small);
  }
  .mv1s-m {
    margin-top: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
    margin-bottom: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
  }
  .mv2-m {
    margin-top: var(--spacing-small);
    margin-bottom: var(--spacing-small);
  }
  .mv2s-m {
    margin-top: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
    margin-bottom: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
  }
  .mv3-m {
    margin-top: var(--spacing-medium);
    margin-bottom: var(--spacing-medium);
  }
  .mv3s-m {
    margin-top: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
    margin-bottom: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
  }
  .mv4-m {
    margin-top: var(--spacing-large);
    margin-bottom: var(--spacing-large);
  }
  .mv4s-m {
    margin-top: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
    margin-bottom: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
  }
  .mv5-m {
    margin-top: var(--spacing-extra-large);
    margin-bottom: var(--spacing-extra-large);
  }
  .mv5s-m {
    margin-top: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
    margin-bottom: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
  }
  .mv6-m {
    margin-top: var(--spacing-extra-extra-large);
    margin-bottom: var(--spacing-extra-extra-large);
  }
  .mv6s-m {
    margin-top: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
    margin-bottom: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
  }
  .mv7-m {
    margin-top: var(--spacing-extra-extra-extra-large);
    margin-bottom: var(--spacing-extra-extra-extra-large);
  }

  .mh0-m {
    margin-left: var(--spacing-none);
    margin-right: var(--spacing-none);
  }
  .mh0s-m {
    margin-left: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2);
    margin-right: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2);
  }
  .mh1-m {
    margin-left: var(--spacing-extra-small);
    margin-right: var(--spacing-extra-small);
  }
  .mh1s-m {
    margin-left: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
    margin-right: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
  }
  .mh2-m {
    margin-left: var(--spacing-small);
    margin-right: var(--spacing-small);
  }
  .mh2s-m {
    margin-left: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
    margin-right: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
  }
  .mh3-m {
    margin-left: var(--spacing-medium);
    margin-right: var(--spacing-medium);
  }
  .mh3s-m {
    margin-left: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
    margin-right: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
  }
  .mh4-m {
    margin-left: var(--spacing-large);
    margin-right: var(--spacing-large);
  }
  .mh4s-m {
    margin-left: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
    margin-right: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
  }
  .mh5-m {
    margin-left: var(--spacing-extra-large);
    margin-right: var(--spacing-extra-large);
  }
  .mh5s-m {
    margin-left: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
    margin-right: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
  }
  .mh6-m {
    margin-left: var(--spacing-extra-extra-large);
    margin-right: var(--spacing-extra-extra-large);
  }
  .mh6s-m {
    margin-left: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
    margin-right: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
  }

  .mh7-m {
    margin-left: var(--spacing-extra-extra-extra-large);
    margin-right: var(--spacing-extra-extra-extra-large);
  }

}

@media screen and (max-width: 60em) and (orientation: landscape) {
  .pa0-ml { padding: var(--spacing-none); }
  .pa0s-ml { padding: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
  .pa1-ml { padding: var(--spacing-extra-small); }
  .pa1s-ml { padding: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .pa2-ml { padding: var(--spacing-small); }
  .pa2s-ml { padding: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .pa3-ml { padding: var(--spacing-medium); }
  .pa3s-ml { padding: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .pa4-ml { padding: var(--spacing-large); }
  .pa4s-ml { padding: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .pa5-ml { padding: var(--spacing-extra-large); }
  .pa5s-ml { padding: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .pa6-ml { padding: var(--spacing-extra-extra-large); }
  .pa6s-ml { padding: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .pa7-ml { padding: var(--spacing-extra-extra-extra-large); }

  .pl0-ml { padding-left: var(--spacing-none); }
  .pl0s-ml { padding-left: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
  .pl1-ml { padding-left: var(--spacing-extra-small); }
  .pl1s-ml { padding-left: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .pl2-ml { padding-left: var(--spacing-small); }
  .pl2s-ml { padding-left: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .pl3-ml { padding-left: var(--spacing-medium); }
  .pl3s-ml { padding-left: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .pl4-ml { padding-left: var(--spacing-large); }
  .pl4s-ml { padding-left: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .pl5-ml { padding-left: var(--spacing-extra-large); }
  .pl5s-ml { padding-left: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .pl6-ml { padding-left: var(--spacing-extra-extra-large); }
  .pl6s-ml { padding-left: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .pl7-ml { padding-left: var(--spacing-extra-extra-extra-large); }

  .pr0-ml { padding-right: var(--spacing-none); }
  .pr0s-ml { padding-right: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
  .pr1-ml { padding-right: var(--spacing-extra-small); }
  .pr1s-ml { padding-right: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .pr2-ml { padding-right: var(--spacing-small); }
  .pr2s-ml { padding-right: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .pr3-ml { padding-right: var(--spacing-medium); }
  .pr3s-ml { padding-right: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .pr4-ml { padding-right: var(--spacing-large); }
  .pr4s-ml { padding-right: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .pr5-ml { padding-right: var(--spacing-extra-large); }
  .pr5s-ml { padding-right: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .pr6-ml { padding-right: var(--spacing-extra-extra-large); }
  .pr6s-ml { padding-right: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .pr7-ml { padding-right: var(--spacing-extra-extra-extra-large); }

  .pb0-ml { padding-bottom: var(--spacing-none); }
  .pb0s-ml { padding-bottom: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
  .pb1-ml { padding-bottom: var(--spacing-extra-small); }
  .pb1s-ml { padding-bottom: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .pb2-ml { padding-bottom: var(--spacing-small); }
  .pb2s-ml { padding-bottom: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .pb3-ml { padding-bottom: var(--spacing-medium); }
  .pb3s-ml { padding-bottom: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .pb4-ml { padding-bottom: var(--spacing-large); }
  .pb4s-ml { padding-bottom: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .pb5-ml { padding-bottom: var(--spacing-extra-large); }
  .pb5s-ml { padding-bottom: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .pb6-ml { padding-bottom: var(--spacing-extra-extra-large); }
  .pb6s-ml { padding-bottom: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .pb7-ml { padding-bottom: var(--spacing-extra-extra-extra-large); }

  .pt0-ml { padding-top: var(--spacing-none); }
  .pt0s-ml { padding-top: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
  .pt1-ml { padding-top: var(--spacing-extra-small); }
  .pt1s-ml { padding-top: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .pt2-ml { padding-top: var(--spacing-small); }
  .pt2s-ml { padding-top: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .pt3-ml { padding-top: var(--spacing-medium); }
  .pt3s-ml { padding-top: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .pt4-ml { padding-top: var(--spacing-large); }
  .pt4s-ml { padding-top: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .pt5-ml { padding-top: var(--spacing-extra-large); }
  .pt5s-ml { padding-top: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .pt6-ml { padding-top: var(--spacing-extra-extra-large); }
  .pt6s-ml { padding-top: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .pt7-ml { padding-top: var(--spacing-extra-extra-extra-large); }

  .pv0-ml {
    padding-top: var(--spacing-none);
    padding-bottom: var(--spacing-none);
  }
  .pv0s-ml {
    padding-top: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2);
    padding-bottom: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2);
  }
  .pv1-ml {
    padding-top: var(--spacing-extra-small);
    padding-bottom: var(--spacing-extra-small);
  }
  .pv1s-ml {
    padding-top: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
    padding-bottom: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
  }
  .pv2-ml {
    padding-top: var(--spacing-small);
    padding-bottom: var(--spacing-small);
  }
  .pv2s-ml {
    padding-top: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
    padding-bottom: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
  }
  .pv3-ml {
    padding-top: var(--spacing-medium);
    padding-bottom: var(--spacing-medium);
  }
  .pv3s-ml {
    padding-top: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
    padding-bottom: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
  }
  .pv4-ml {
    padding-top: var(--spacing-large);
    padding-bottom: var(--spacing-large);
  }
  .pv4s-ml {
    padding-top: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
    padding-bottom: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
  }
  .pv5-ml {
    padding-top: var(--spacing-extra-large);
    padding-bottom: var(--spacing-extra-large);
  }
  .pv5s-ml {
    padding-top: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
    padding-bottom: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
  }
  .pv6-ml {
    padding-top: var(--spacing-extra-extra-large);
    padding-bottom: var(--spacing-extra-extra-large);
  }
  .pv6s-ml {
    padding-top: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
    padding-bottom: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
  }
  .pv7-ml {
    padding-top: var(--spacing-extra-extra-extra-large);
    padding-bottom: var(--spacing-extra-extra-extra-large);
  }

  .ph0-ml {
    padding-left: var(--spacing-none);
    padding-right: var(--spacing-none);
  }
  .ph0s-ml {
    padding-left: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2);
    padding-right: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2);
  }
  .ph1-ml {
    padding-left: var(--spacing-extra-small);
    padding-right: var(--spacing-extra-small);
  }
  .ph1s-ml {
    padding-left: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
    padding-right: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
  }
  .ph2-ml {
    padding-left: var(--spacing-small);
    padding-right: var(--spacing-small);
  }
  .ph2s-ml {
    padding-left: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
    padding-right: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
  }
  .ph3-ml {
    padding-left: var(--spacing-medium);
    padding-right: var(--spacing-medium);
  }
  .ph3s-ml {
    padding-left: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
    padding-right: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
  }
  .ph4-ml {
    padding-left: var(--spacing-large);
    padding-right: var(--spacing-large);
  }
  .ph4s-ml {
    padding-left: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
    padding-right: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
  }
  .ph5-ml {
    padding-left: var(--spacing-extra-large);
    padding-right: var(--spacing-extra-large);
  }
  .ph5s-ml {
    padding-left: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
    padding-right: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
  }
  .ph6-ml {
    padding-left: var(--spacing-extra-extra-large);
    padding-right: var(--spacing-extra-extra-large);
  }
  .ph6s-ml {
    padding-left: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
    padding-right: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
  }

  .ph7-ml {
    padding-left: var(--spacing-extra-extra-extra-large);
    padding-right: var(--spacing-extra-extra-extra-large);
  }

  .ma0-ml { margin: var(--spacing-none); }
  .ma0s-ml { margin: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
  .ma1-ml { margin: var(--spacing-extra-small); }
  .ma1s-ml { margin: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .ma2-ml { margin: var(--spacing-small); }
  .ma2s-ml { margin: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .ma3-ml { margin: var(--spacing-medium); }
  .ma3s-ml { margin: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .ma4-ml { margin: var(--spacing-large); }
  .ma4s-ml { margin: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .ma5-ml { margin: var(--spacing-extra-large); }
  .ma5s-ml { margin: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .ma6-ml { margin: var(--spacing-extra-extra-large); }
  .ma6s-ml { margin: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .ma7-ml { margin: var(--spacing-extra-extra-extra-large); }

  .ml0-ml { margin-left: var(--spacing-none); }
  .ml0s-ml { margin-left: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
  .ml1-ml { margin-left: var(--spacing-extra-small); }
  .ml1s-ml { margin-left: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .ml2-ml { margin-left: var(--spacing-small); }
  .ml2s-ml { margin-left: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .ml3-ml { margin-left: var(--spacing-medium); }
  .ml3s-ml { margin-left: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .ml4-ml { margin-left: var(--spacing-large); }
  .ml4s-ml { margin-left: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .ml5-ml { margin-left: var(--spacing-extra-large); }
  .ml5s-ml { margin-left: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .ml6-ml { margin-left: var(--spacing-extra-extra-large); }
  .ml6s-ml { margin-left: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .ml7-ml { margin-left: var(--spacing-extra-extra-extra-large); }

  .mr0-ml { margin-right: var(--spacing-none); }
  .mr0s-ml { margin-right: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
  .mr1-ml { margin-right: var(--spacing-extra-small); }
  .mr1s-ml { margin-right: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .mr2-ml { margin-right: var(--spacing-small); }
  .mr2s-ml { margin-right: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .mr3-ml { margin-right: var(--spacing-medium); }
  .mr3s-ml { margin-right: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .mr4-ml { margin-right: var(--spacing-large); }
  .mr4s-ml { margin-right: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .mr5-ml { margin-right: var(--spacing-extra-large); }
  .mr5s-ml { margin-right: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .mr6-ml { margin-right: var(--spacing-extra-extra-large); }
  .mr6s-ml { margin-right: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .mr7-ml { margin-right: var(--spacing-extra-extra-extra-large); }

  .mb0-ml { margin-bottom: var(--spacing-none); }
  .mb0s-ml { margin-bottom: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
  .mb1-ml { margin-bottom: var(--spacing-extra-small); }
  .mb1s-ml { margin-bottom: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .mb2-ml { margin-bottom: var(--spacing-small); }
  .mb2s-ml { margin-bottom: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .mb3-ml { margin-bottom: var(--spacing-medium); }
  .mb3s-ml { margin-bottom: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .mb4-ml { margin-bottom: var(--spacing-large); }
  .mb4s-ml { margin-bottom: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .mb5-ml { margin-bottom: var(--spacing-extra-large); }
  .mb5s-ml { margin-bottom: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .mb6-ml { margin-bottom: var(--spacing-extra-extra-large); }
  .mb6s-ml { margin-bottom: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .mb7-ml { margin-bottom: var(--spacing-extra-extra-extra-large); }

  .mt0-ml { margin-top: var(--spacing-none); }
  .mt0s-ml { margin-top: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
  .mt1-ml { margin-top: var(--spacing-extra-small); }
  .mt1s-ml { margin-top: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .mt2-ml { margin-top: var(--spacing-small); }
  .mt2s-ml { margin-top: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .mt3-ml { margin-top: var(--spacing-medium); }
  .mt3s-ml { margin-top: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .mt4-ml { margin-top: var(--spacing-large); }
  .mt4s-ml { margin-top: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .mt5-ml { margin-top: var(--spacing-extra-large); }
  .mt5s-ml { margin-top: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .mt6-ml { margin-top: var(--spacing-extra-extra-large); }
  .mt6s-ml { margin-top: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .mt7-ml { margin-top: var(--spacing-extra-extra-extra-large); }

  .mv0-ml {
    margin-top: var(--spacing-none);
    margin-bottom: var(--spacing-none);
  }
  .mv0s-ml {
    margin-top: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2);
    margin-bottom: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2);
  }
  .mv1-ml {
    margin-top: var(--spacing-extra-small);
    margin-bottom: var(--spacing-extra-small);
  }
  .mv1s-ml {
    margin-top: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
    margin-bottom: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
  }
  .mv2-ml {
    margin-top: var(--spacing-small);
    margin-bottom: var(--spacing-small);
  }
  .mv2s-ml {
    margin-top: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
    margin-bottom: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
  }
  .mv3-ml {
    margin-top: var(--spacing-medium);
    margin-bottom: var(--spacing-medium);
  }
  .mv3s-ml {
    margin-top: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
    margin-bottom: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
  }
  .mv4-ml {
    margin-top: var(--spacing-large);
    margin-bottom: var(--spacing-large);
  }
  .mv4s-ml {
    margin-top: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
    margin-bottom: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
  }
  .mv5-ml {
    margin-top: var(--spacing-extra-large);
    margin-bottom: var(--spacing-extra-large);
  }
  .mv5s-ml {
    margin-top: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
    margin-bottom: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
  }
  .mv6-ml {
    margin-top: var(--spacing-extra-extra-large);
    margin-bottom: var(--spacing-extra-extra-large);
  }
  .mv6s-ml {
    margin-top: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
    margin-bottom: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
  }
  .mv7-ml {
    margin-top: var(--spacing-extra-extra-extra-large);
    margin-bottom: var(--spacing-extra-extra-extra-large);
  }

  .mh0-ml {
    margin-left: var(--spacing-none);
    margin-right: var(--spacing-none);
  }
  .mh0s-ml {
    margin-left: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2);
    margin-right: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2);
  }
  .mh1-ml {
    margin-left: var(--spacing-extra-small);
    margin-right: var(--spacing-extra-small);
  }
  .mh1s-ml {
    margin-left: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
    margin-right: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
  }
  .mh2-ml {
    margin-left: var(--spacing-small);
    margin-right: var(--spacing-small);
  }
  .mh2s-ml {
    margin-left: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
    margin-right: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
  }
  .mh3-ml {
    margin-left: var(--spacing-medium);
    margin-right: var(--spacing-medium);
  }
  .mh3s-ml {
    margin-left: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
    margin-right: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
  }
  .mh4-ml {
    margin-left: var(--spacing-large);
    margin-right: var(--spacing-large);
  }
  .mh4s-ml {
    margin-left: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
    margin-right: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
  }
  .mh5-ml {
    margin-left: var(--spacing-extra-large);
    margin-right: var(--spacing-extra-large);
  }
  .mh5s-ml {
    margin-left: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
    margin-right: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
  }
  .mh6-ml {
    margin-left: var(--spacing-extra-extra-large);
    margin-right: var(--spacing-extra-extra-large);
  }
  .mh6s-ml {
    margin-left: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
    margin-right: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
  }

  .mh7-ml {
    margin-left: var(--spacing-extra-extra-extra-large);
    margin-right: var(--spacing-extra-extra-extra-large);
  }

}

@media screen and (min-width: 60em) {
  .pa0-l { padding: var(--spacing-none); }
  .pa0s-l { padding: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
  .pa1-l { padding: var(--spacing-extra-small); }
  .pa1s-l { padding: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .pa2-l { padding: var(--spacing-small); }
  .pa2s-l { padding: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .pa3-l { padding: var(--spacing-medium); }
  .pa3s-l { padding: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .pa4-l { padding: var(--spacing-large); }
  .pa4s-l { padding: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .pa5-l { padding: var(--spacing-extra-large); }
  .pa5s-l { padding: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .pa6-l { padding: var(--spacing-extra-extra-large); }
  .pa6s-l { padding: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .pa7-l { padding: var(--spacing-extra-extra-extra-large); }

  .pl0-l { padding-left: var(--spacing-none); }
  .pl0s-l { padding-left: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
  .pl1-l { padding-left: var(--spacing-extra-small); }
  .pl1s-l { padding-left: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .pl2-l { padding-left: var(--spacing-small); }
  .pl2s-l { padding-left: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .pl3-l { padding-left: var(--spacing-medium); }
  .pl3s-l { padding-left: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .pl4-l { padding-left: var(--spacing-large); }
  .pl4s-l { padding-left: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .pl5-l { padding-left: var(--spacing-extra-large); }
  .pl5s-l { padding-left: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .pl6-l { padding-left: var(--spacing-extra-extra-large); }
  .pl6s-l { padding-left: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .pl7-l { padding-left: var(--spacing-extra-extra-extra-large); }

  .pr0-l { padding-right: var(--spacing-none); }
  .pr0s-l { padding-right: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
  .pr1-l { padding-right: var(--spacing-extra-small); }
  .pr1s-l { padding-right: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .pr2-l { padding-right: var(--spacing-small); }
  .pr2s-l { padding-right: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .pr3-l { padding-right: var(--spacing-medium); }
  .pr3s-l { padding-right: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .pr4-l { padding-right: var(--spacing-large); }
  .pr4s-l { padding-right: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .pr5-l { padding-right: var(--spacing-extra-large); }
  .pr5s-l { padding-right: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .pr6-l { padding-right: var(--spacing-extra-extra-large); }
  .pr6s-l { padding-right: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .pr7-l { padding-right: var(--spacing-extra-extra-extra-large); }

  .pb0-l { padding-bottom: var(--spacing-none); }
  .pb0s-l { padding-bottom: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
  .pb1-l { padding-bottom: var(--spacing-extra-small); }
  .pb1s-l { padding-bottom: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .pb2-l { padding-bottom: var(--spacing-small); }
  .pb2s-l { padding-bottom: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .pb3-l { padding-bottom: var(--spacing-medium); }
  .pb3s-l { padding-bottom: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .pb4-l { padding-bottom: var(--spacing-large); }
  .pb4s-l { padding-bottom: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .pb5-l { padding-bottom: var(--spacing-extra-large); }
  .pb5s-l { padding-bottom: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .pb6-l { padding-bottom: var(--spacing-extra-extra-large); }
  .pb6s-l { padding-bottom: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .pb7-l { padding-bottom: var(--spacing-extra-extra-extra-large); }

  .pt0-l { padding-top: var(--spacing-none); }
  .pt0s-l { padding-top: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
  .pt1-l { padding-top: var(--spacing-extra-small); }
  .pt1s-l { padding-top: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .pt2-l { padding-top: var(--spacing-small); }
  .pt2s-l { padding-top: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .pt3-l { padding-top: var(--spacing-medium); }
  .pt3s-l { padding-top: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .pt4-l { padding-top: var(--spacing-large); }
  .pt4s-l { padding-top: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .pt5-l { padding-top: var(--spacing-extra-large); }
  .pt5s-l { padding-top: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .pt6-l { padding-top: var(--spacing-extra-extra-large); }
  .pt6s-l { padding-top: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .pt7-l { padding-top: var(--spacing-extra-extra-extra-large); }

  .pv0-l {
    padding-top: var(--spacing-none);
    padding-bottom: var(--spacing-none);
  }
  .pv0s-l {
    padding-top: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2);
    padding-bottom: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2);
  }
  .pv1-l {
    padding-top: var(--spacing-extra-small);
    padding-bottom: var(--spacing-extra-small);
  }
  .pv1s-l {
    padding-top: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
    padding-bottom: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
  }
  .pv2-l {
    padding-top: var(--spacing-small);
    padding-bottom: var(--spacing-small);
  }
  .pv2s-l {
    padding-top: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
    padding-bottom: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
  }
  .pv3-l {
    padding-top: var(--spacing-medium);
    padding-bottom: var(--spacing-medium);
  }
  .pv3s-l {
    padding-top: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
    padding-bottom: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
  }
  .pv4-l {
    padding-top: var(--spacing-large);
    padding-bottom: var(--spacing-large);
  }
  .pv4s-l {
    padding-top: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
    padding-bottom: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
  }
  .pv5-l {
    padding-top: var(--spacing-extra-large);
    padding-bottom: var(--spacing-extra-large);
  }
  .pv5s-l {
    padding-top: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
    padding-bottom: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
  }
  .pv6-l {
    padding-top: var(--spacing-extra-extra-large);
    padding-bottom: var(--spacing-extra-extra-large);
  }
  .pv6s-l {
    padding-top: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
    padding-bottom: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
  }
  .pv7-l {
    padding-top: var(--spacing-extra-extra-extra-large);
    padding-bottom: var(--spacing-extra-extra-extra-large);
  }

  .ph0-l {
    padding-left: var(--spacing-none);
    padding-right: var(--spacing-none);
  }
  .ph0s-l {
    padding-left: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2);
    padding-right: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2);
  }
  .ph1-l {
    padding-left: var(--spacing-extra-small);
    padding-right: var(--spacing-extra-small);
  }
  .ph1s-l {
    padding-left: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
    padding-right: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
  }
  .ph2-l {
    padding-left: var(--spacing-small);
    padding-right: var(--spacing-small);
  }
  .ph2s-l {
    padding-left: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
    padding-right: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
  }
  .ph3-l {
    padding-left: var(--spacing-medium);
    padding-right: var(--spacing-medium);
  }
  .ph3s-l {
    padding-left: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
    padding-right: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
  }
  .ph4-l {
    padding-left: var(--spacing-large);
    padding-right: var(--spacing-large);
  }
  .ph4s-l {
    padding-left: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
    padding-right: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
  }
  .ph5-l {
    padding-left: var(--spacing-extra-large);
    padding-right: var(--spacing-extra-large);
  }
  .ph5s-l {
    padding-left: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
    padding-right: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
  }
  .ph6-l {
    padding-left: var(--spacing-extra-extra-large);
    padding-right: var(--spacing-extra-extra-large);
  }
  .ph6s-l {
    padding-left: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
    padding-right: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
  }

  .ph7-l {
    padding-left: var(--spacing-extra-extra-extra-large);
    padding-right: var(--spacing-extra-extra-extra-large);
  }

  .ma0-l { margin: var(--spacing-none); }
  .ma0s-l { margin: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
  .ma1-l { margin: var(--spacing-extra-small); }
  .ma1s-l { margin: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .ma2-l { margin: var(--spacing-small); }
  .ma2s-l { margin: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .ma3-l { margin: var(--spacing-medium); }
  .ma3s-l { margin: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .ma4-l { margin: var(--spacing-large); }
  .ma4s-l { margin: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .ma5-l { margin: var(--spacing-extra-large); }
  .ma5s-l { margin: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .ma6-l { margin: var(--spacing-extra-extra-large); }
  .ma6s-l { margin: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .ma7-l { margin: var(--spacing-extra-extra-extra-large); }

  .ml0-l { margin-left: var(--spacing-none); }
  .ml0s-l { margin-left: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
  .ml1-l { margin-left: var(--spacing-extra-small); }
  .ml1s-l { margin-left: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .ml2-l { margin-left: var(--spacing-small); }
  .ml2s-l { margin-left: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .ml3-l { margin-left: var(--spacing-medium); }
  .ml3s-l { margin-left: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .ml4-l { margin-left: var(--spacing-large); }
  .ml4s-l { margin-left: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .ml5-l { margin-left: var(--spacing-extra-large); }
  .ml5s-l { margin-left: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .ml6-l { margin-left: var(--spacing-extra-extra-large); }
  .ml6s-l { margin-left: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .ml7-l { margin-left: var(--spacing-extra-extra-extra-large); }

  .mr0-l { margin-right: var(--spacing-none); }
  .mr0s-l { margin-right: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
  .mr1-l { margin-right: var(--spacing-extra-small); }
  .mr1s-l { margin-right: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .mr2-l { margin-right: var(--spacing-small); }
  .mr2s-l { margin-right: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .mr3-l { margin-right: var(--spacing-medium); }
  .mr3s-l { margin-right: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .mr4-l { margin-right: var(--spacing-large); }
  .mr4s-l { margin-right: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .mr5-l { margin-right: var(--spacing-extra-large); }
  .mr5s-l { margin-right: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .mr6-l { margin-right: var(--spacing-extra-extra-large); }
  .mr6s-l { margin-right: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .mr7-l { margin-right: var(--spacing-extra-extra-extra-large); }

  .mb0-l { margin-bottom: var(--spacing-none); }
  .mb0s-l { margin-bottom: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
  .mb1-l { margin-bottom: var(--spacing-extra-small); }
  .mb1s-l { margin-bottom: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .mb2-l { margin-bottom: var(--spacing-small); }
  .mb2s-l { margin-bottom: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .mb3-l { margin-bottom: var(--spacing-medium); }
  .mb3s-l { margin-bottom: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .mb4-l { margin-bottom: var(--spacing-large); }
  .mb4s-l { margin-bottom: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .mb5-l { margin-bottom: var(--spacing-extra-large); }
  .mb5s-l { margin-bottom: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .mb6-l { margin-bottom: var(--spacing-extra-extra-large); }
  .mb6s-l { margin-bottom: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .mb7-l { margin-bottom: var(--spacing-extra-extra-extra-large); }

  .mt0-l { margin-top: var(--spacing-none); }
  .mt0s-l { margin-top: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2); }
  .mt1-l { margin-top: var(--spacing-extra-small); }
  .mt1s-l { margin-top: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .mt2-l { margin-top: var(--spacing-small); }
  .mt2s-l { margin-top: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .mt3-l { margin-top: var(--spacing-medium); }
  .mt3s-l { margin-top: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .mt4-l { margin-top: var(--spacing-large); }
  .mt4s-l { margin-top: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .mt5-l { margin-top: var(--spacing-extra-large); }
  .mt5s-l { margin-top: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .mt6-l { margin-top: var(--spacing-extra-extra-large); }
  .mt6s-l { margin-top: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .mt7-l { margin-top: var(--spacing-extra-extra-extra-large); }

  .mv0-l {
    margin-top: var(--spacing-none);
    margin-bottom: var(--spacing-none);
  }
  .mv0s-l {
    margin-top: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2);
    margin-bottom: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2);
  }
  .mv1-l {
    margin-top: var(--spacing-extra-small);
    margin-bottom: var(--spacing-extra-small);
  }
  .mv1s-l {
    margin-top: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
    margin-bottom: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
  }
  .mv2-l {
    margin-top: var(--spacing-small);
    margin-bottom: var(--spacing-small);
  }
  .mv2s-l {
    margin-top: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
    margin-bottom: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
  }
  .mv3-l {
    margin-top: var(--spacing-medium);
    margin-bottom: var(--spacing-medium);
  }
  .mv3s-l {
    margin-top: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
    margin-bottom: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
  }
  .mv4-l {
    margin-top: var(--spacing-large);
    margin-bottom: var(--spacing-large);
  }
  .mv4s-l {
    margin-top: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
    margin-bottom: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
  }
  .mv5-l {
    margin-top: var(--spacing-extra-large);
    margin-bottom: var(--spacing-extra-large);
  }
  .mv5s-l {
    margin-top: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
    margin-bottom: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
  }
  .mv6-l {
    margin-top: var(--spacing-extra-extra-large);
    margin-bottom: var(--spacing-extra-extra-large);
  }
  .mv6s-l {
    margin-top: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
    margin-bottom: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
  }
  .mv7-l {
    margin-top: var(--spacing-extra-extra-extra-large);
    margin-bottom: var(--spacing-extra-extra-extra-large);
  }

  .mh0-l {
    margin-left: var(--spacing-none);
    margin-right: var(--spacing-none);
  }
  .mh0s-l {
    margin-left: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2);
    margin-right: calc(var(--spacing-extra-small) - (var(--spacing-extra-small) - var(--spacing-none)) / 2);
  }
  .mh1-l {
    margin-left: var(--spacing-extra-small);
    margin-right: var(--spacing-extra-small);
  }
  .mh1s-l {
    margin-left: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
    margin-right: calc(var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
  }
  .mh2-l {
    margin-left: var(--spacing-small);
    margin-right: var(--spacing-small);
  }
  .mh2s-l {
    margin-left: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
    margin-right: calc(var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
  }
  .mh3-l {
    margin-left: var(--spacing-medium);
    margin-right: var(--spacing-medium);
  }
  .mh3s-l {
    margin-left: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
    margin-right: calc(var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
  }
  .mh4-l {
    margin-left: var(--spacing-large);
    margin-right: var(--spacing-large);
  }
  .mh4s-l {
    margin-left: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
    margin-right: calc(var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
  }
  .mh5-l {
    margin-left: var(--spacing-extra-large);
    margin-right: var(--spacing-extra-large);
  }
  .mh5s-l {
    margin-left: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
    margin-right: calc(var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
  }
  .mh6-l {
    margin-left: var(--spacing-extra-extra-large);
    margin-right: var(--spacing-extra-extra-large);
  }
  .mh6s-l {
    margin-left: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
    margin-right: calc(var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
  }

  .mh7-l {
    margin-left: var(--spacing-extra-extra-extra-large);
    margin-right: var(--spacing-extra-extra-extra-large);
  }
}