/*
   NEGATIVE MARGINS

   Base:
     n = negative

   Modifiers:
     a = all
     t = top
     r = right
     b = bottom
     l = left

     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

*/



.na1 { margin: -var(--spacing-extra-small); }
.na1s { margin: calc( -.5 * var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
.na2 { margin: -var(--spacing-small); }
.na2s { margin: calc( -.5 * var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
.na3 { margin: -var(--spacing-medium); }
.na3s { margin: calc( -.5 * var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
.na4 { margin: -var(--spacing-large); }
.na4s { margin: calc( -.5 * var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
.na5 { margin: -var(--spacing-extra-large); }
.na5s { margin: calc( -.5 * var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
.na6 { margin: -var(--spacing-extra-extra-large); }
.na6s { margin: calc( -.5 * var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
.na7 { margin: -var(--spacing-extra-extra-extra-large); }

.nl1 { margin-left: -var(--spacing-extra-small); }
.nl1s { margin-left: calc( -.5 * var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
.nl2 { margin-left: -var(--spacing-small); }
.nl2s { margin-left: calc( -.5 * var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
.nl3 { margin-left: -var(--spacing-medium); }
.nl3s { margin-left: calc( -.5 * var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
.nl4 { margin-left: -var(--spacing-large); }
.nl4s { margin-left: calc( -.5 * var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
.nl5 { margin-left: -var(--spacing-extra-large); }
.nl5s { margin-left: calc( -.5 * var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
.nl6 { margin-left: -var(--spacing-extra-extra-large); }
.nl6s { margin-left: calc( -.5 * var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
.nl7 { margin-left: -var(--spacing-extra-extra-extra-large); }

.nr1 { margin-right: -var(--spacing-extra-small); }
.nr1s { margin-right: calc( -.5 * var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
.nr2 { margin-right: -var(--spacing-small); }
.nr2s { margin-right: calc( -.5 * var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
.nr3 { margin-right: -var(--spacing-medium); }
.nr3s { margin-right: calc( -.5 * var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
.nr4 { margin-right: -var(--spacing-large); }
.nr4s { margin-right: calc( -.5 * var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
.nr5 { margin-right: -var(--spacing-extra-large); }
.nr5s { margin-right: calc( -.5 * var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
.nr6 { margin-right: -var(--spacing-extra-extra-large); }
.nr6s { margin-right: calc( -.5 * var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
.nr7 { margin-right: -var(--spacing-extra-extra-extra-large); }

.nb1 { margin-bottom: -var(--spacing-extra-small); }
.nb1s { margin-bottom: calc( -.5 * var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
.nb2 { margin-bottom: -var(--spacing-small); }
.nb2s { margin-bottom: calc( -.5 * var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
.nb3 { margin-bottom: -var(--spacing-medium); }
.nb3s { margin-bottom: calc( -.5 * var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
.nb4 { margin-bottom: -var(--spacing-large); }
.nb4s { margin-bottom: calc( -.5 * var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
.nb5 { margin-bottom: -var(--spacing-extra-large); }
.nb5s { margin-bottom: calc( -.5 * var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
.nb6 { margin-bottom: -var(--spacing-extra-extra-large); }
.nb6s { margin-bottom: calc( -.5 * var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
.nb7 { margin-bottom: -var(--spacing-extra-extra-extra-large); }

.nt1 { margin-top: -var(--spacing-extra-small); }
.nt1s { margin-top: calc( -.5 * var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
.nt2 { margin-top: -var(--spacing-small); }
.nt2s { margin-top: calc( -.5 * var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
.nt3 { margin-top: -var(--spacing-medium); }
.nt3s { margin-top: calc( -.5 * var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
.nt4 { margin-top: -var(--spacing-large); }
.nt4s { margin-top: calc( -.5 * var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
.nt5 { margin-top: -var(--spacing-extra-large); }
.nt5s { margin-top: calc( -.5 * var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
.nt6 { margin-top: -var(--spacing-extra-extra-large); }
.nt6s { margin-top: calc( -.5 * var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
.nt7 { margin-top: -var(--spacing-extra-extra-extra-large); }

@media screen and (min-width: 30em) {

  .na1-ns { margin: -var(--spacing-extra-small); }
  .na1s-ns { margin: calc( -.5 * var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .na2-ns { margin: -var(--spacing-small); }
  .na2s-ns { margin: calc( -.5 * var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .na3-ns { margin: -var(--spacing-medium); }
  .na3s-ns { margin: calc( -.5 * var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .na4-ns { margin: -var(--spacing-large); }
  .na4s-ns { margin: calc( -.5 * var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .na5-ns { margin: -var(--spacing-extra-large); }
  .na5s-ns { margin: calc( -.5 * var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .na6-ns { margin: -var(--spacing-extra-extra-large); }
  .na6s-ns { margin: calc( -.5 * var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .na7-ns { margin: -var(--spacing-extra-extra-extra-large); }

  .nl1-ns { margin-left: -var(--spacing-extra-small); }
  .nl1s-ns { margin-left: calc( -.5 * var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .nl2-ns { margin-left: -var(--spacing-small); }
  .nl2s-ns { margin-left: calc( -.5 * var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .nl3-ns { margin-left: -var(--spacing-medium); }
  .nl3s-ns { margin-left: calc( -.5 * var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .nl4-ns { margin-left: -var(--spacing-large); }
  .nl4s-ns { margin-left: calc( -.5 * var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .nl5-ns { margin-left: -var(--spacing-extra-large); }
  .nl5s-ns { margin-left: calc( -.5 * var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .nl6-ns { margin-left: -var(--spacing-extra-extra-large); }
  .nl6s-ns { margin-left: calc( -.5 * var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .nl7-ns { margin-left: -var(--spacing-extra-extra-extra-large); }

  .nr1-ns { margin-right: -var(--spacing-extra-small); }
  .nr1s-ns { margin-right: calc( -.5 * var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .nr2-ns { margin-right: -var(--spacing-small); }
  .nr2s-ns { margin-right: calc( -.5 * var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .nr3-ns { margin-right: -var(--spacing-medium); }
  .nr3s-ns { margin-right: calc( -.5 * var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .nr4-ns { margin-right: -var(--spacing-large); }
  .nr4s-ns { margin-right: calc( -.5 * var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .nr5-ns { margin-right: -var(--spacing-extra-large); }
  .nr5s-ns { margin-right: calc( -.5 * var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .nr6-ns { margin-right: -var(--spacing-extra-extra-large); }
  .nr6s-ns { margin-right: calc( -.5 * var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .nr7-ns { margin-right: -var(--spacing-extra-extra-extra-large); }

  .nb1-ns { margin-bottom: -var(--spacing-extra-small); }
  .nb1s-ns { margin-bottom: calc( -.5 * var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .nb2-ns { margin-bottom: -var(--spacing-small); }
  .nb2s-ns { margin-bottom: calc( -.5 * var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .nb3-ns { margin-bottom: -var(--spacing-medium); }
  .nb3s-ns { margin-bottom: calc( -.5 * var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .nb4-ns { margin-bottom: -var(--spacing-large); }
  .nb4s-ns { margin-bottom: calc( -.5 * var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .nb5-ns { margin-bottom: -var(--spacing-extra-large); }
  .nb5s-ns { margin-bottom: calc( -.5 * var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .nb6-ns { margin-bottom: -var(--spacing-extra-extra-large); }
  .nb6s-ns { margin-bottom: calc( -.5 * var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .nb7-ns { margin-bottom: -var(--spacing-extra-extra-extra-large); }

  .nt1-ns { margin-top: -var(--spacing-extra-small); }
  .nt1s-ns { margin-top: calc( -.5 * var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .nt2-ns { margin-top: -var(--spacing-small); }
  .nt2s-ns { margin-top: calc( -.5 * var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .nt3-ns { margin-top: -var(--spacing-medium); }
  .nt3s-ns { margin-top: calc( -.5 * var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .nt4-ns { margin-top: -var(--spacing-large); }
  .nt4s-ns { margin-top: calc( -.5 * var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .nt5-ns { margin-top: -var(--spacing-extra-large); }
  .nt5s-ns { margin-top: calc( -.5 * var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .nt6-ns { margin-top: -var(--spacing-extra-extra-large); }
  .nt6s-ns { margin-top: calc( -.5 * var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .nt7-ns { margin-top: -var(--spacing-extra-extra-extra-large); }

  .nv1-ns {
    margin-top: -var(--spacing-extra-small);
    margin-bottom: -var(--spacing-extra-small);
  }
  .nv1s-ns {
    margin-top: calc( -.5 * var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
    margin-bottom: calc( -.5 * var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
  }
  .nv2-ns {
    margin-top: -var(--spacing-small);
    margin-bottom: -var(--spacing-small);
  }
  .nv2s-ns {
    margin-top: calc( -.5 * var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
    margin-bottom: calc( -.5 * var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
  }
  .nv3-ns {
    margin-top: -var(--spacing-medium);
    margin-bottom: -var(--spacing-medium);
  }
  .nv3s-ns {
    margin-top: calc( -.5 * var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
    margin-bottom: calc( -.5 * var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
  }
  .nv4-ns {
    margin-top: -var(--spacing-large);
    margin-bottom: -var(--spacing-large);
  }
  .nv4s-ns {
    margin-top: calc( -.5 * var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
    margin-bottom: calc( -.5 * var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
  }
  .nv5-ns {
    margin-top: -var(--spacing-extra-large);
    margin-bottom: -var(--spacing-extra-large);
  }
  .nv5s-ns {
    margin-top: calc( -.5 * var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
    margin-bottom: calc( -.5 * var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
  }
  .nv6-ns {
    margin-top: -var(--spacing-extra-extra-large);
    margin-bottom: -var(--spacing-extra-extra-large);
  }
  .nv6s-ns {
    margin-top: calc( -.5 * var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
    margin-bottom: calc( -.5 * var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
  }
  .nv7-ns {
    margin-top: -var(--spacing-extra-extra-extra-large);
    margin-bottom: -var(--spacing-extra-extra-extra-large);
  }

  .nh1-ns {
    margin-left: -var(--spacing-extra-small);
    margin-right: -var(--spacing-extra-small);
  }
  .nh1s-ns {
    margin-left: calc( -.5 * var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
    margin-right: calc( -.5 * var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
  }
  .nh2-ns {
    margin-left: -var(--spacing-small);
    margin-right: -var(--spacing-small);
  }
  .nh2s-ns {
    margin-left: calc( -.5 * var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
    margin-right: calc( -.5 * var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
  }
  .nh3-ns {
    margin-left: -var(--spacing-medium);
    margin-right: -var(--spacing-medium);
  }
  .nh3s-ns {
    margin-left: calc( -.5 * var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
    margin-right: calc( -.5 * var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
  }
  .nh4-ns {
    margin-left: -var(--spacing-large);
    margin-right: -var(--spacing-large);
  }
  .nh4s-ns {
    margin-left: calc( -.5 * var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
    margin-right: calc( -.5 * var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
  }
  .nh5-ns {
    margin-left: -var(--spacing-extra-large);
    margin-right: -var(--spacing-extra-large);
  }
  .nh5s-ns {
    margin-left: calc( -.5 * var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
    margin-right: calc( -.5 * var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
  }
  .nh6-ns {
    margin-left: -var(--spacing-extra-extra-large);
    margin-right: -var(--spacing-extra-extra-large);
  }
  .nh6s-ns {
    margin-left: calc( -.5 * var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
    margin-right: calc( -.5 * var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
  }

  .nh7-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) {
  .na1-m { margin: -var(--spacing-extra-small); }
  .na1s-m { margin: calc( -.5 * var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .na2-m { margin: -var(--spacing-small); }
  .na2s-m { margin: calc( -.5 * var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .na3-m { margin: -var(--spacing-medium); }
  .na3s-m { margin: calc( -.5 * var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .na4-m { margin: -var(--spacing-large); }
  .na4s-m { margin: calc( -.5 * var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .na5-m { margin: -var(--spacing-extra-large); }
  .na5s-m { margin: calc( -.5 * var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .na6-m { margin: -var(--spacing-extra-extra-large); }
  .na6s-m { margin: calc( -.5 * var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .na7-m { margin: -var(--spacing-extra-extra-extra-large); }

  .nl1-m { margin-left: -var(--spacing-extra-small); }
  .nl1s-m { margin-left: calc( -.5 * var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .nl2-m { margin-left: -var(--spacing-small); }
  .nl2s-m { margin-left: calc( -.5 * var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .nl3-m { margin-left: -var(--spacing-medium); }
  .nl3s-m { margin-left: calc( -.5 * var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .nl4-m { margin-left: -var(--spacing-large); }
  .nl4s-m { margin-left: calc( -.5 * var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .nl5-m { margin-left: -var(--spacing-extra-large); }
  .nl5s-m { margin-left: calc( -.5 * var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .nl6-m { margin-left: -var(--spacing-extra-extra-large); }
  .nl6s-m { margin-left: calc( -.5 * var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .nl7-m { margin-left: -var(--spacing-extra-extra-extra-large); }

  .nr1-m { margin-right: -var(--spacing-extra-small); }
  .nr1s-m { margin-right: calc( -.5 * var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .nr2-m { margin-right: -var(--spacing-small); }
  .nr2s-m { margin-right: calc( -.5 * var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .nr3-m { margin-right: -var(--spacing-medium); }
  .nr3s-m { margin-right: calc( -.5 * var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .nr4-m { margin-right: -var(--spacing-large); }
  .nr4s-m { margin-right: calc( -.5 * var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .nr5-m { margin-right: -var(--spacing-extra-large); }
  .nr5s-m { margin-right: calc( -.5 * var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .nr6-m { margin-right: -var(--spacing-extra-extra-large); }
  .nr6s-m { margin-right: calc( -.5 * var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .nr7-m { margin-right: -var(--spacing-extra-extra-extra-large); }

  .nb1-m { margin-bottom: -var(--spacing-extra-small); }
  .nb1s-m { margin-bottom: calc( -.5 * var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .nb2-m { margin-bottom: -var(--spacing-small); }
  .nb2s-m { margin-bottom: calc( -.5 * var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .nb3-m { margin-bottom: -var(--spacing-medium); }
  .nb3s-m { margin-bottom: calc( -.5 * var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .nb4-m { margin-bottom: -var(--spacing-large); }
  .nb4s-m { margin-bottom: calc( -.5 * var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .nb5-m { margin-bottom: -var(--spacing-extra-large); }
  .nb5s-m { margin-bottom: calc( -.5 * var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .nb6-m { margin-bottom: -var(--spacing-extra-extra-large); }
  .nb6s-m { margin-bottom: calc( -.5 * var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .nb7-m { margin-bottom: -var(--spacing-extra-extra-extra-large); }

  .nt1-m { margin-top: -var(--spacing-extra-small); }
  .nt1s-m { margin-top: calc( -.5 * var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .nt2-m { margin-top: -var(--spacing-small); }
  .nt2s-m { margin-top: calc( -.5 * var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .nt3-m { margin-top: -var(--spacing-medium); }
  .nt3s-m { margin-top: calc( -.5 * var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .nt4-m { margin-top: -var(--spacing-large); }
  .nt4s-m { margin-top: calc( -.5 * var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .nt5-m { margin-top: -var(--spacing-extra-large); }
  .nt5s-m { margin-top: calc( -.5 * var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .nt6-m { margin-top: -var(--spacing-extra-extra-large); }
  .nt6s-m { margin-top: calc( -.5 * var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .nt7-m { margin-top: -var(--spacing-extra-extra-extra-large); }

  .nv1-m {
    margin-top: -var(--spacing-extra-small);
    margin-bottom: -var(--spacing-extra-small);
  }
  .nv1s-m {
    margin-top: calc( -.5 * var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
    margin-bottom: calc( -.5 * var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
  }
  .nv2-m {
    margin-top: -var(--spacing-small);
    margin-bottom: -var(--spacing-small);
  }
  .nv2s-m {
    margin-top: calc( -.5 * var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
    margin-bottom: calc( -.5 * var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
  }
  .nv3-m {
    margin-top: -var(--spacing-medium);
    margin-bottom: -var(--spacing-medium);
  }
  .nv3s-m {
    margin-top: calc( -.5 * var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
    margin-bottom: calc( -.5 * var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
  }
  .nv4-m {
    margin-top: -var(--spacing-large);
    margin-bottom: -var(--spacing-large);
  }
  .nv4s-m {
    margin-top: calc( -.5 * var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
    margin-bottom: calc( -.5 * var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
  }
  .nv5-m {
    margin-top: -var(--spacing-extra-large);
    margin-bottom: -var(--spacing-extra-large);
  }
  .nv5s-m {
    margin-top: calc( -.5 * var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
    margin-bottom: calc( -.5 * var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
  }
  .nv6-m {
    margin-top: -var(--spacing-extra-extra-large);
    margin-bottom: -var(--spacing-extra-extra-large);
  }
  .nv6s-m {
    margin-top: calc( -.5 * var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
    margin-bottom: calc( -.5 * var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
  }
  .nv7-m {
    margin-top: -var(--spacing-extra-extra-extra-large);
    margin-bottom: -var(--spacing-extra-extra-extra-large);
  }

  .nh1-m {
    margin-left: -var(--spacing-extra-small);
    margin-right: -var(--spacing-extra-small);
  }
  .nh1s-m {
    margin-left: calc( -.5 * var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
    margin-right: calc( -.5 * var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
  }
  .nh2-m {
    margin-left: -var(--spacing-small);
    margin-right: -var(--spacing-small);
  }
  .nh2s-m {
    margin-left: calc( -.5 * var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
    margin-right: calc( -.5 * var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
  }
  .nh3-m {
    margin-left: -var(--spacing-medium);
    margin-right: -var(--spacing-medium);
  }
  .nh3s-m {
    margin-left: calc( -.5 * var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
    margin-right: calc( -.5 * var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
  }
  .nh4-m {
    margin-left: -var(--spacing-large);
    margin-right: -var(--spacing-large);
  }
  .nh4s-m {
    margin-left: calc( -.5 * var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
    margin-right: calc( -.5 * var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
  }
  .nh5-m {
    margin-left: -var(--spacing-extra-large);
    margin-right: -var(--spacing-extra-large);
  }
  .nh5s-m {
    margin-left: calc( -.5 * var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
    margin-right: calc( -.5 * var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
  }
  .nh6-m {
    margin-left: -var(--spacing-extra-extra-large);
    margin-right: -var(--spacing-extra-extra-large);
  }
  .nh6s-m {
    margin-left: calc( -.5 * var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
    margin-right: calc( -.5 * var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
  }

  .nh7-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) {
  .na1-ml { margin: -var(--spacing-extra-small); }
  .na1s-ml { margin: calc( -.5 * var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .na2-ml { margin: -var(--spacing-small); }
  .na2s-ml { margin: calc( -.5 * var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .na3-ml { margin: -var(--spacing-medium); }
  .na3s-ml { margin: calc( -.5 * var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .na4-ml { margin: -var(--spacing-large); }
  .na4s-ml { margin: calc( -.5 * var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .na5-ml { margin: -var(--spacing-extra-large); }
  .na5s-ml { margin: calc( -.5 * var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .na6-ml { margin: -var(--spacing-extra-extra-large); }
  .na6s-ml { margin: calc( -.5 * var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .na7-ml { margin: -var(--spacing-extra-extra-extra-large); }

  .nl1-ml { margin-left: -var(--spacing-extra-small); }
  .nl1s-ml { margin-left: calc( -.5 * var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .nl2-ml { margin-left: -var(--spacing-small); }
  .nl2s-ml { margin-left: calc( -.5 * var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .nl3-ml { margin-left: -var(--spacing-medium); }
  .nl3s-ml { margin-left: calc( -.5 * var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .nl4-ml { margin-left: -var(--spacing-large); }
  .nl4s-ml { margin-left: calc( -.5 * var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .nl5-ml { margin-left: -var(--spacing-extra-large); }
  .nl5s-ml { margin-left: calc( -.5 * var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .nl6-ml { margin-left: -var(--spacing-extra-extra-large); }
  .nl6s-ml { margin-left: calc( -.5 * var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .nl7-ml { margin-left: -var(--spacing-extra-extra-extra-large); }

  .nr1-ml { margin-right: -var(--spacing-extra-small); }
  .nr1s-ml { margin-right: calc( -.5 * var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .nr2-ml { margin-right: -var(--spacing-small); }
  .nr2s-ml { margin-right: calc( -.5 * var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .nr3-ml { margin-right: -var(--spacing-medium); }
  .nr3s-ml { margin-right: calc( -.5 * var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .nr4-ml { margin-right: -var(--spacing-large); }
  .nr4s-ml { margin-right: calc( -.5 * var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .nr5-ml { margin-right: -var(--spacing-extra-large); }
  .nr5s-ml { margin-right: calc( -.5 * var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .nr6-ml { margin-right: -var(--spacing-extra-extra-large); }
  .nr6s-ml { margin-right: calc( -.5 * var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .nr7-ml { margin-right: -var(--spacing-extra-extra-extra-large); }

  .nb1-ml { margin-bottom: -var(--spacing-extra-small); }
  .nb1s-ml { margin-bottom: calc( -.5 * var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .nb2-ml { margin-bottom: -var(--spacing-small); }
  .nb2s-ml { margin-bottom: calc( -.5 * var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .nb3-ml { margin-bottom: -var(--spacing-medium); }
  .nb3s-ml { margin-bottom: calc( -.5 * var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .nb4-ml { margin-bottom: -var(--spacing-large); }
  .nb4s-ml { margin-bottom: calc( -.5 * var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .nb5-ml { margin-bottom: -var(--spacing-extra-large); }
  .nb5s-ml { margin-bottom: calc( -.5 * var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .nb6-ml { margin-bottom: -var(--spacing-extra-extra-large); }
  .nb6s-ml { margin-bottom: calc( -.5 * var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .nb7-ml { margin-bottom: -var(--spacing-extra-extra-extra-large); }

  .nt1-ml { margin-top: -var(--spacing-extra-small); }
  .nt1s-ml { margin-top: calc( -.5 * var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .nt2-ml { margin-top: -var(--spacing-small); }
  .nt2s-ml { margin-top: calc( -.5 * var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .nt3-ml { margin-top: -var(--spacing-medium); }
  .nt3s-ml { margin-top: calc( -.5 * var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .nt4-ml { margin-top: -var(--spacing-large); }
  .nt4s-ml { margin-top: calc( -.5 * var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .nt5-ml { margin-top: -var(--spacing-extra-large); }
  .nt5s-ml { margin-top: calc( -.5 * var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .nt6-ml { margin-top: -var(--spacing-extra-extra-large); }
  .nt6s-ml { margin-top: calc( -.5 * var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .nt7-ml { margin-top: -var(--spacing-extra-extra-extra-large); }

  .nv1-ml {
    margin-top: -var(--spacing-extra-small);
    margin-bottom: -var(--spacing-extra-small);
  }
  .nv1s-ml {
    margin-top: calc( -.5 * var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
    margin-bottom: calc( -.5 * var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
  }
  .nv2-ml {
    margin-top: -var(--spacing-small);
    margin-bottom: -var(--spacing-small);
  }
  .nv2s-ml {
    margin-top: calc( -.5 * var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
    margin-bottom: calc( -.5 * var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
  }
  .nv3-ml {
    margin-top: -var(--spacing-medium);
    margin-bottom: -var(--spacing-medium);
  }
  .nv3s-ml {
    margin-top: calc( -.5 * var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
    margin-bottom: calc( -.5 * var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
  }
  .nv4-ml {
    margin-top: -var(--spacing-large);
    margin-bottom: -var(--spacing-large);
  }
  .nv4s-ml {
    margin-top: calc( -.5 * var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
    margin-bottom: calc( -.5 * var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
  }
  .nv5-ml {
    margin-top: -var(--spacing-extra-large);
    margin-bottom: -var(--spacing-extra-large);
  }
  .nv5s-ml {
    margin-top: calc( -.5 * var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
    margin-bottom: calc( -.5 * var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
  }
  .nv6-ml {
    margin-top: -var(--spacing-extra-extra-large);
    margin-bottom: -var(--spacing-extra-extra-large);
  }
  .nv6s-ml {
    margin-top: calc( -.5 * var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
    margin-bottom: calc( -.5 * var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
  }
  .nv7-ml {
    margin-top: -var(--spacing-extra-extra-extra-large);
    margin-bottom: -var(--spacing-extra-extra-extra-large);
  }

  .nh1-ml {
    margin-left: -var(--spacing-extra-small);
    margin-right: -var(--spacing-extra-small);
  }
  .nh1s-ml {
    margin-left: calc( -.5 * var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
    margin-right: calc( -.5 * var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
  }
  .nh2-ml {
    margin-left: -var(--spacing-small);
    margin-right: -var(--spacing-small);
  }
  .nh2s-ml {
    margin-left: calc( -.5 * var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
    margin-right: calc( -.5 * var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
  }
  .nh3-ml {
    margin-left: -var(--spacing-medium);
    margin-right: -var(--spacing-medium);
  }
  .nh3s-ml {
    margin-left: calc( -.5 * var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
    margin-right: calc( -.5 * var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
  }
  .nh4-ml {
    margin-left: -var(--spacing-large);
    margin-right: -var(--spacing-large);
  }
  .nh4s-ml {
    margin-left: calc( -.5 * var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
    margin-right: calc( -.5 * var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
  }
  .nh5-ml {
    margin-left: -var(--spacing-extra-large);
    margin-right: -var(--spacing-extra-large);
  }
  .nh5s-ml {
    margin-left: calc( -.5 * var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
    margin-right: calc( -.5 * var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
  }
  .nh6-ml {
    margin-left: -var(--spacing-extra-extra-large);
    margin-right: -var(--spacing-extra-extra-large);
  }
  .nh6s-ml {
    margin-left: calc( -.5 * var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
    margin-right: calc( -.5 * var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
  }

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

}

@media screen and (min-width: 60em) {
  .na1-l { margin: -var(--spacing-extra-small); }
  .na1s-l { margin: calc( -.5 * var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .na2-l { margin: -var(--spacing-small); }
  .na2s-l { margin: calc( -.5 * var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .na3-l { margin: -var(--spacing-medium); }
  .na3s-l { margin: calc( -.5 * var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .na4-l { margin: -var(--spacing-large); }
  .na4s-l { margin: calc( -.5 * var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .na5-l { margin: -var(--spacing-extra-large); }
  .na5s-l { margin: calc( -.5 * var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .na6-l { margin: -var(--spacing-extra-extra-large); }
  .na6s-l { margin: calc( -.5 * var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .na7-l { margin: -var(--spacing-extra-extra-extra-large); }

  .nl1-l { margin-left: -var(--spacing-extra-small); }
  .nl1s-l { margin-left: calc( -.5 * var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .nl2-l { margin-left: -var(--spacing-small); }
  .nl2s-l { margin-left: calc( -.5 * var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .nl3-l { margin-left: -var(--spacing-medium); }
  .nl3s-l { margin-left: calc( -.5 * var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .nl4-l { margin-left: -var(--spacing-large); }
  .nl4s-l { margin-left: calc( -.5 * var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .nl5-l { margin-left: -var(--spacing-extra-large); }
  .nl5s-l { margin-left: calc( -.5 * var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .nl6-l { margin-left: -var(--spacing-extra-extra-large); }
  .nl6s-l { margin-left: calc( -.5 * var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .nl7-l { margin-left: -var(--spacing-extra-extra-extra-large); }

  .nr1-l { margin-right: -var(--spacing-extra-small); }
  .nr1s-l { margin-right: calc( -.5 * var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .nr2-l { margin-right: -var(--spacing-small); }
  .nr2s-l { margin-right: calc( -.5 * var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .nr3-l { margin-right: -var(--spacing-medium); }
  .nr3s-l { margin-right: calc( -.5 * var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .nr4-l { margin-right: -var(--spacing-large); }
  .nr4s-l { margin-right: calc( -.5 * var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .nr5-l { margin-right: -var(--spacing-extra-large); }
  .nr5s-l { margin-right: calc( -.5 * var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .nr6-l { margin-right: -var(--spacing-extra-extra-large); }
  .nr6s-l { margin-right: calc( -.5 * var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .nr7-l { margin-right: -var(--spacing-extra-extra-extra-large); }

  .nb1-l { margin-bottom: -var(--spacing-extra-small); }
  .nb1s-l { margin-bottom: calc( -.5 * var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .nb2-l { margin-bottom: -var(--spacing-small); }
  .nb2s-l { margin-bottom: calc( -.5 * var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .nb3-l { margin-bottom: -var(--spacing-medium); }
  .nb3s-l { margin-bottom: calc( -.5 * var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .nb4-l { margin-bottom: -var(--spacing-large); }
  .nb4s-l { margin-bottom: calc( -.5 * var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .nb5-l { margin-bottom: -var(--spacing-extra-large); }
  .nb5s-l { margin-bottom: calc( -.5 * var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .nb6-l { margin-bottom: -var(--spacing-extra-extra-large); }
  .nb6s-l { margin-bottom: calc( -.5 * var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .nb7-l { margin-bottom: -var(--spacing-extra-extra-extra-large); }

  .nt1-l { margin-top: -var(--spacing-extra-small); }
  .nt1s-l { margin-top: calc( -.5 * var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2); }
  .nt2-l { margin-top: -var(--spacing-small); }
  .nt2s-l { margin-top: calc( -.5 * var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2); }
  .nt3-l { margin-top: -var(--spacing-medium); }
  .nt3s-l { margin-top: calc( -.5 * var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2); }
  .nt4-l { margin-top: -var(--spacing-large); }
  .nt4s-l { margin-top: calc( -.5 * var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2); }
  .nt5-l { margin-top: -var(--spacing-extra-large); }
  .nt5s-l { margin-top: calc( -.5 * var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2); }
  .nt6-l { margin-top: -var(--spacing-extra-extra-large); }
  .nt6s-l { margin-top: calc( -.5 * var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2); }
  .nt7-l { margin-top: -var(--spacing-extra-extra-extra-large); }

  .nv1-l {
    margin-top: -var(--spacing-extra-small);
    margin-bottom: -var(--spacing-extra-small);
  }
  .nv1s-l {
    margin-top: calc( -.5 * var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
    margin-bottom: calc( -.5 * var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
  }
  .nv2-l {
    margin-top: -var(--spacing-small);
    margin-bottom: -var(--spacing-small);
  }
  .nv2s-l {
    margin-top: calc( -.5 * var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
    margin-bottom: calc( -.5 * var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
  }
  .nv3-l {
    margin-top: -var(--spacing-medium);
    margin-bottom: -var(--spacing-medium);
  }
  .nv3s-l {
    margin-top: calc( -.5 * var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
    margin-bottom: calc( -.5 * var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
  }
  .nv4-l {
    margin-top: -var(--spacing-large);
    margin-bottom: -var(--spacing-large);
  }
  .nv4s-l {
    margin-top: calc( -.5 * var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
    margin-bottom: calc( -.5 * var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
  }
  .nv5-l {
    margin-top: -var(--spacing-extra-large);
    margin-bottom: -var(--spacing-extra-large);
  }
  .nv5s-l {
    margin-top: calc( -.5 * var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
    margin-bottom: calc( -.5 * var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
  }
  .nv6-l {
    margin-top: -var(--spacing-extra-extra-large);
    margin-bottom: -var(--spacing-extra-extra-large);
  }
  .nv6s-l {
    margin-top: calc( -.5 * var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
    margin-bottom: calc( -.5 * var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
  }
  .nv7-l {
    margin-top: -var(--spacing-extra-extra-extra-large);
    margin-bottom: -var(--spacing-extra-extra-extra-large);
  }

  .nh1-l {
    margin-left: -var(--spacing-extra-small);
    margin-right: -var(--spacing-extra-small);
  }
  .nh1s-l {
    margin-left: calc( -.5 * var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
    margin-right: calc( -.5 * var(--spacing-small) - (var(--spacing-small) - var(--spacing-extra-small)) / 2);
  }
  .nh2-l {
    margin-left: -var(--spacing-small);
    margin-right: -var(--spacing-small);
  }
  .nh2s-l {
    margin-left: calc( -.5 * var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
    margin-right: calc( -.5 * var(--spacing-medium) - (var(--spacing-medium) - var(--spacing-small)) / 2);
  }
  .nh3-l {
    margin-left: -var(--spacing-medium);
    margin-right: -var(--spacing-medium);
  }
  .nh3s-l {
    margin-left: calc( -.5 * var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
    margin-right: calc( -.5 * var(--spacing-large) - (var(--spacing-large) - var(--spacing-medium)) / 2);
  }
  .nh4-l {
    margin-left: -var(--spacing-large);
    margin-right: -var(--spacing-large);
  }
  .nh4s-l {
    margin-left: calc( -.5 * var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
    margin-right: calc( -.5 * var(--spacing-extra-large) - (var(--spacing-extra-large) - var(--spacing-large)) / 2);
  }
  .nh5-l {
    margin-left: -var(--spacing-extra-large);
    margin-right: -var(--spacing-extra-large);
  }
  .nh5s-l {
    margin-left: calc( -.5 * var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
    margin-right: calc( -.5 * var(--spacing-extra-extra-large) - (var(--spacing-extra-extra-large) - var(--spacing-extra-large)) / 2);
  }
  .nh6-l {
    margin-left: -var(--spacing-extra-extra-large);
    margin-right: -var(--spacing-extra-extra-large);
  }
  .nh6s-l {
    margin-left: calc( -.5 * var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
    margin-right: calc( -.5 * var(--spacing-extra-extra-extra-large) - (var(--spacing-extra-extra-extra-large) - var(--spacing-extra-extra-large)) / 2);
  }

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

}