@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
/*------------------------------------*\
  Important!
  Everytime you need to add a color in this file, remember to
  add it also inside its config.json file in:
  src/views/01-atoms/atom-colors/atom-colors.config.json
\*------------------------------------*/
/*------------------------------------*
  Usage:
  @include shadow(higher);
*------------------------------------*/
/*------------------------------------*\
    Keyframes
\*------------------------------------*/
/*------------------------------------*\
    Clearfix
\*------------------------------------*/
/*------------------------------------*\
    Center with css translate
\*------------------------------------*/
/*------------------------------------*\
    CSS Triangle
\*------------------------------------*/
/* usage:
&:before{
  content: "";
  position: absolute;
  @include css-triangle("up", 10px, red);
}
*/
/*------------------------------------*\
    Px to Em
\*------------------------------------*/
/*------------------------------------*\
    Px to Rem
\*------------------------------------*/
/*------------------------------------*\
	#SVG Background fallback
	using "The Invisible Gradient Technique"
\*------------------------------------*/
/*------------------------------------*\
  Converts pixels in vw unit
\*------------------------------------*/
/*------------------------------------*\
    Outline
\*------------------------------------*/
/*------------------------------------*\
    Placeholders
\*------------------------------------*/
/*------------------------------------*
  Strip unit
*------------------------------------*/
/*------------------------------------*
  Visually hidden
*------------------------------------*/
/*------------------------------------*\
  Primaries colors function
  Usage: 
    background-color: primary(night, 80);
    or
    background-color: primary(error); if the color isn't in a nested map
\*------------------------------------*/
/*------------------------------------*\
  Secondaries colors function
  Usage: 
    background-color: secondary(text, 100);
\*------------------------------------*/
/*------------------------------------*\
  Aviation colors function
  Usage: 
    background-color: aviation(imbarchi);
\*------------------------------------*/
/*------------------------------------*\
  Parking colors function
  Usage: 
    background-color: parking(p3);
\*------------------------------------*/
/*------------------------------------*\
  Status colors function
  Usage: 
    background-color: status(positive);
\*------------------------------------*/
/* Font properties generator based on http://nowodzinski.pl/syncope algorhythm */
/*------------------------------------*
  Font scale review 2022
*------------------------------------*/
/*------------------------------------*
  TYPOGRAPHY
*------------------------------------*/
/*------------------------------------*
  FONT WEIGHTS
*------------------------------------*/
/*------------------------------------*
  COLORS
*------------------------------------*/
/*------------------------------------*
  SPACINGS
*------------------------------------*/
/*------------------------------------*
  RADIUSES
*------------------------------------*/
/*------------------------------------*
  ELEVATIONS
*------------------------------------*/
/*------------------------------------*
  Typo levels
*------------------------------------*/
.u-typo-level-0 {
  font-size: 0.625rem;
  line-height: 1rem;
}
@media only screen and (min-width: 30rem) {
  .u-typo-level-0 {
    font-size: 0.625rem;
    line-height: 1rem;
  }
}
@media only screen and (min-width: 48rem) {
  .u-typo-level-0 {
    font-size: 0.625rem;
    line-height: 1rem;
  }
}
.u-typo-level-1 {
  font-size: 0.75rem;
  line-height: 1rem;
}
@media only screen and (min-width: 30rem) {
  .u-typo-level-1 {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}
@media only screen and (min-width: 48rem) {
  .u-typo-level-1 {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}
.u-typo-level-1-5 {
  font-size: 0.875rem;
  line-height: 1.3125rem;
}
@media only screen and (min-width: 30rem) {
  .u-typo-level-1-5 {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
}
@media only screen and (min-width: 48rem) {
  .u-typo-level-1-5 {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
}
.u-typo-level-2 {
  font-size: 1rem;
  line-height: 1.5rem;
}
@media only screen and (min-width: 30rem) {
  .u-typo-level-2 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
@media only screen and (min-width: 48rem) {
  .u-typo-level-2 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.u-typo-level-3 {
  font-size: 1.125rem;
  line-height: 1.6875rem;
}
@media only screen and (min-width: 30rem) {
  .u-typo-level-3 {
    font-size: 1.125rem;
    line-height: 1.6875rem;
  }
}
@media only screen and (min-width: 48rem) {
  .u-typo-level-3 {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
.u-typo-level-4 {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
@media only screen and (min-width: 30rem) {
  .u-typo-level-4 {
    font-size: 1.3125rem;
    line-height: 1.75rem;
  }
}
@media only screen and (min-width: 48rem) {
  .u-typo-level-4 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.u-typo-level-5 {
  font-size: 1.5rem;
  line-height: 2rem;
}
@media only screen and (min-width: 30rem) {
  .u-typo-level-5 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
@media only screen and (min-width: 48rem) {
  .u-typo-level-5 {
    font-size: 1.75rem;
    line-height: 2.5rem;
  }
}
.u-typo-level-6 {
  font-size: 1.5rem;
  line-height: 2rem;
}
@media only screen and (min-width: 30rem) {
  .u-typo-level-6 {
    font-size: 1.75rem;
    line-height: 2.5rem;
  }
}
@media only screen and (min-width: 48rem) {
  .u-typo-level-6 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
.u-typo-level-7 {
  font-size: 1.75rem;
  line-height: 2.5rem;
}
@media only screen and (min-width: 30rem) {
  .u-typo-level-7 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (min-width: 48rem) {
  .u-typo-level-7 {
    font-size: 3rem;
    line-height: 3.5rem;
  }
}
.u-typo-level-8 {
  font-size: 2rem;
  line-height: 3rem;
}
@media only screen and (min-width: 30rem) {
  .u-typo-level-8 {
    font-size: 3rem;
    line-height: 3.5rem;
  }
}
@media only screen and (min-width: 48rem) {
  .u-typo-level-8 {
    font-size: 4rem;
    line-height: 4.5rem;
  }
}

/*------------------------------------*
  Typo weights
*------------------------------------*/
.u-typo-weight-light {
  font-weight: 300;
}
.u-typo-weight-regular {
  font-weight: 400;
}
.u-typo-weight-semibold {
  font-weight: 600;
}
.u-typo-weight-bold {
  font-weight: 700;
}

/*------------------------------------*
  Color
*------------------------------------*/
.u-color-night-120 {
  color: #0f2f4d;
}
.u-color-night-100 {
  color: #12385d;
}
.u-color-night-80 {
  color: #41607d;
}
.u-color-night-60 {
  color: #71889e;
}
.u-color-night-40 {
  color: #a0afbe;
}
.u-color-night-20 {
  color: #d0d7df;
}
.u-color-night-10 {
  color: #e7ebef;
}
.u-color-sky-120 {
  color: #2b72b1;
}
.u-color-sky-100 {
  color: #548dc0;
}
.u-color-sky-80 {
  color: #73a2cb;
}
.u-color-sky-60 {
  color: #a3c1db;
}
.u-color-sky-40 {
  color: #b3cbe1;
}
.u-color-sky-20 {
  color: #d3e0eb;
}
.u-color-sky-10 {
  color: #e9eff5;
}
.u-color-sun-120 {
  color: #fab72d;
}
.u-color-sun-100 {
  color: #ffcd00;
}
.u-color-sun-80 {
  color: #ffd733;
}
.u-color-sun-60 {
  color: #ffe166;
}
.u-color-sun-40 {
  color: #ffeb99;
}
.u-color-sun-20 {
  color: #fff5cc;
}
.u-color-sun-10 {
  color: #fffae5;
}
.u-color-emergency-120 {
  color: #1f2831;
}
.u-color-text-100 {
  color: #3d4147;
}
.u-color-page-100 {
  color: #f3f5f8;
}
.u-color-soft-100 {
  color: #f9fbfc;
}
.u-color-basic-white-100 {
  color: #ffffff;
}
.u-color-imbarchi {
  color: #12385d;
}
.u-color-arrivi {
  color: #165f33;
}
.u-color-check-in {
  color: #a9262a;
}
.u-color-general {
  color: #194f90;
}
.u-color-p1-p2 {
  color: #0075c4;
}
.u-color-p1 {
  color: #0075c4;
}
.u-color-p2 {
  color: #00a6aa;
}
.u-color-p3 {
  color: #ffa300;
}
.u-color-p4 {
  color: #a2ce1b;
}
.u-color-p5 {
  color: #9296ee;
}
.u-color-p6 {
  color: #51c3f1;
}
.u-color-p-express {
  color: #ed0016;
}
.u-color-premium {
  color: #596066;
}
.u-color-waitzone {
  color: #b0009b;
}
.u-color-positive {
  color: #247d54;
}
.u-color-negative {
  color: #d62c40;
}
.u-color-warning {
  color: #fb8001;
}
.u-color-light-negative {
  color: #FFCFD1;
}

/*------------------------------------*
  Background colors
*------------------------------------*/
.u-bg-color-night-120 {
  background-color: #0f2f4d;
}
.u-bg-color-night-100 {
  background-color: #12385d;
}
.u-bg-color-night-80 {
  background-color: #41607d;
}
.u-bg-color-night-60 {
  background-color: #71889e;
}
.u-bg-color-night-40 {
  background-color: #a0afbe;
}
.u-bg-color-night-20 {
  background-color: #d0d7df;
}
.u-bg-color-night-10 {
  background-color: #e7ebef;
}
.u-bg-color-sky-120 {
  background-color: #2b72b1;
}
.u-bg-color-sky-100 {
  background-color: #548dc0;
}
.u-bg-color-sky-80 {
  background-color: #73a2cb;
}
.u-bg-color-sky-60 {
  background-color: #a3c1db;
}
.u-bg-color-sky-40 {
  background-color: #b3cbe1;
}
.u-bg-color-sky-20 {
  background-color: #d3e0eb;
}
.u-bg-color-sky-10 {
  background-color: #e9eff5;
}
.u-bg-color-sun-120 {
  background-color: #fab72d;
}
.u-bg-color-sun-100 {
  background-color: #ffcd00;
}
.u-bg-color-sun-80 {
  background-color: #ffd733;
}
.u-bg-color-sun-60 {
  background-color: #ffe166;
}
.u-bg-color-sun-40 {
  background-color: #ffeb99;
}
.u-bg-color-sun-20 {
  background-color: #fff5cc;
}
.u-bg-color-sun-10 {
  background-color: #fffae5;
}
.u-bg-color-emergency-120 {
  background-color: #1f2831;
}
.u-bg-color-text-100 {
  background-color: #3d4147;
}
.u-bg-color-page-100 {
  background-color: #f3f5f8;
}
.u-bg-color-soft-100 {
  background-color: #f9fbfc;
}
.u-bg-color-basic-white-100 {
  background-color: #ffffff;
}
.u-bg-color-imbarchi {
  background-color: #12385d;
}
.u-bg-color-arrivi {
  background-color: #165f33;
}
.u-bg-color-check-in {
  background-color: #a9262a;
}
.u-bg-color-general {
  background-color: #194f90;
}
.u-bg-color-p1-p2 {
  background-color: #0075c4;
}
.u-bg-color-p1 {
  background-color: #0075c4;
}
.u-bg-color-p2 {
  background-color: #00a6aa;
}
.u-bg-color-p3 {
  background-color: #ffa300;
}
.u-bg-color-p4 {
  background-color: #a2ce1b;
}
.u-bg-color-p5 {
  background-color: #9296ee;
}
.u-bg-color-p6 {
  background-color: #51c3f1;
}
.u-bg-color-p-express {
  background-color: #ed0016;
}
.u-bg-color-premium {
  background-color: #596066;
}
.u-bg-color-waitzone {
  background-color: #b0009b;
}
.u-bg-color-positive {
  background-color: #247d54;
}
.u-bg-color-negative {
  background-color: #d62c40;
}
.u-bg-color-warning {
  background-color: #fb8001;
}
.u-bg-color-light-negative {
  background-color: #FFCFD1;
}

/*------------------------------------*
  Padding
*------------------------------------*/
[class~=u-p-space-0] {
  padding: 0;
}

[class~=u-p-space-4] {
  padding: 0.25rem;
}

[class~=u-p-space-8] {
  padding: 0.5rem;
}

[class~=u-p-space-12] {
  padding: 0.75rem;
}

[class~=u-p-space-16] {
  padding: 1rem;
}

[class~=u-p-space-20] {
  padding: 1.25rem;
}

[class~=u-p-space-24] {
  padding: 1.5rem;
}

[class~=u-p-space-28] {
  padding: 1.75rem;
}

[class~=u-p-space-32] {
  padding: 2rem;
}

[class~=u-p-space-36] {
  padding: 2.25rem;
}

[class~=u-p-space-40] {
  padding: 2.5rem;
}

[class~=u-p-space-48] {
  padding: 3rem;
}

[class~=u-p-space-56] {
  padding: 3.5rem;
}

[class~=u-p-space-64] {
  padding: 4rem;
}

[class~=u-p-space-80] {
  padding: 5rem;
}

[class~=u-p-space-96] {
  padding: 6rem;
}

[class~=u-p-space-112] {
  padding: 7rem;
}

[class~=u-p-space-128] {
  padding: 8rem;
}

[class~=u-p-space-144] {
  padding: 9rem;
}

[class~=u-p-space-160] {
  padding: 10rem;
}

[class~=u-p-space-176] {
  padding: 11rem;
}

[class~=u-p-space-192] {
  padding: 12rem;
}

[class~=u-p-space-208] {
  padding: 13rem;
}

[class~=u-p-space-224] {
  padding: 14rem;
}

[class~=u-p-space-240] {
  padding: 15rem;
}

[class~=u-p-space-256] {
  padding: 16rem;
}

[class~=u-p-space-288] {
  padding: 18rem;
}

[class~=u-p-space-320] {
  padding: 20rem;
}

[class~=u-p-space-384] {
  padding: 24rem;
}

/*------------------------------------*
  Padding y
*------------------------------------*/
[class~=u-py-space-0] {
  padding-top: 0;
  padding-bottom: 0;
}

[class~=u-py-space-4] {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

[class~=u-py-space-8] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

[class~=u-py-space-12] {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

[class~=u-py-space-16] {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

[class~=u-py-space-20] {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

[class~=u-py-space-24] {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

[class~=u-py-space-28] {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

[class~=u-py-space-32] {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

[class~=u-py-space-36] {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}

[class~=u-py-space-40] {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

[class~=u-py-space-48] {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

[class~=u-py-space-56] {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

[class~=u-py-space-64] {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

[class~=u-py-space-80] {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

[class~=u-py-space-96] {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

[class~=u-py-space-112] {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

[class~=u-py-space-128] {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

[class~=u-py-space-144] {
  padding-top: 9rem;
  padding-bottom: 9rem;
}

[class~=u-py-space-160] {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

[class~=u-py-space-176] {
  padding-top: 11rem;
  padding-bottom: 11rem;
}

[class~=u-py-space-192] {
  padding-top: 12rem;
  padding-bottom: 12rem;
}

[class~=u-py-space-208] {
  padding-top: 13rem;
  padding-bottom: 13rem;
}

[class~=u-py-space-224] {
  padding-top: 14rem;
  padding-bottom: 14rem;
}

[class~=u-py-space-240] {
  padding-top: 15rem;
  padding-bottom: 15rem;
}

[class~=u-py-space-256] {
  padding-top: 16rem;
  padding-bottom: 16rem;
}

[class~=u-py-space-288] {
  padding-top: 18rem;
  padding-bottom: 18rem;
}

[class~=u-py-space-320] {
  padding-top: 20rem;
  padding-bottom: 20rem;
}

[class~=u-py-space-384] {
  padding-top: 24rem;
  padding-bottom: 24rem;
}

/*------------------------------------*
  Padding x
*------------------------------------*/
[class~=u-px-space-0] {
  padding-left: 0;
  padding-right: 0;
}

[class~=u-px-space-4] {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

[class~=u-px-space-8] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

[class~=u-px-space-12] {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

[class~=u-px-space-16] {
  padding-left: 1rem;
  padding-right: 1rem;
}

[class~=u-px-space-20] {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

[class~=u-px-space-24] {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

[class~=u-px-space-28] {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

[class~=u-px-space-32] {
  padding-left: 2rem;
  padding-right: 2rem;
}

[class~=u-px-space-36] {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}

[class~=u-px-space-40] {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

[class~=u-px-space-48] {
  padding-left: 3rem;
  padding-right: 3rem;
}

[class~=u-px-space-56] {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}

[class~=u-px-space-64] {
  padding-left: 4rem;
  padding-right: 4rem;
}

[class~=u-px-space-80] {
  padding-left: 5rem;
  padding-right: 5rem;
}

[class~=u-px-space-96] {
  padding-left: 6rem;
  padding-right: 6rem;
}

[class~=u-px-space-112] {
  padding-left: 7rem;
  padding-right: 7rem;
}

[class~=u-px-space-128] {
  padding-left: 8rem;
  padding-right: 8rem;
}

[class~=u-px-space-144] {
  padding-left: 9rem;
  padding-right: 9rem;
}

[class~=u-px-space-160] {
  padding-left: 10rem;
  padding-right: 10rem;
}

[class~=u-px-space-176] {
  padding-left: 11rem;
  padding-right: 11rem;
}

[class~=u-px-space-192] {
  padding-left: 12rem;
  padding-right: 12rem;
}

[class~=u-px-space-208] {
  padding-left: 13rem;
  padding-right: 13rem;
}

[class~=u-px-space-224] {
  padding-left: 14rem;
  padding-right: 14rem;
}

[class~=u-px-space-240] {
  padding-left: 15rem;
  padding-right: 15rem;
}

[class~=u-px-space-256] {
  padding-left: 16rem;
  padding-right: 16rem;
}

[class~=u-px-space-288] {
  padding-left: 18rem;
  padding-right: 18rem;
}

[class~=u-px-space-320] {
  padding-left: 20rem;
  padding-right: 20rem;
}

[class~=u-px-space-384] {
  padding-left: 24rem;
  padding-right: 24rem;
}

/*------------------------------------*
  Padding top
*------------------------------------*/
[class~=u-pt-space-0] {
  padding-top: 0;
}

[class~=u-pt-space-4] {
  padding-top: 0.25rem;
}

[class~=u-pt-space-8] {
  padding-top: 0.5rem;
}

[class~=u-pt-space-12] {
  padding-top: 0.75rem;
}

[class~=u-pt-space-16] {
  padding-top: 1rem;
}

[class~=u-pt-space-20] {
  padding-top: 1.25rem;
}

[class~=u-pt-space-24] {
  padding-top: 1.5rem;
}

[class~=u-pt-space-28] {
  padding-top: 1.75rem;
}

[class~=u-pt-space-32] {
  padding-top: 2rem;
}

[class~=u-pt-space-36] {
  padding-top: 2.25rem;
}

[class~=u-pt-space-40] {
  padding-top: 2.5rem;
}

[class~=u-pt-space-48] {
  padding-top: 3rem;
}

[class~=u-pt-space-56] {
  padding-top: 3.5rem;
}

[class~=u-pt-space-64] {
  padding-top: 4rem;
}

[class~=u-pt-space-80] {
  padding-top: 5rem;
}

[class~=u-pt-space-96] {
  padding-top: 6rem;
}

[class~=u-pt-space-112] {
  padding-top: 7rem;
}

[class~=u-pt-space-128] {
  padding-top: 8rem;
}

[class~=u-pt-space-144] {
  padding-top: 9rem;
}

[class~=u-pt-space-160] {
  padding-top: 10rem;
}

[class~=u-pt-space-176] {
  padding-top: 11rem;
}

[class~=u-pt-space-192] {
  padding-top: 12rem;
}

[class~=u-pt-space-208] {
  padding-top: 13rem;
}

[class~=u-pt-space-224] {
  padding-top: 14rem;
}

[class~=u-pt-space-240] {
  padding-top: 15rem;
}

[class~=u-pt-space-256] {
  padding-top: 16rem;
}

[class~=u-pt-space-288] {
  padding-top: 18rem;
}

[class~=u-pt-space-320] {
  padding-top: 20rem;
}

[class~=u-pt-space-384] {
  padding-top: 24rem;
}

@media only screen and (min-width: 64rem) {
  [class~="u-pt-space-0@lg"] {
    padding-top: 0;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-pt-space-4@lg"] {
    padding-top: 0.25rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-pt-space-8@lg"] {
    padding-top: 0.5rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-pt-space-12@lg"] {
    padding-top: 0.75rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-pt-space-16@lg"] {
    padding-top: 1rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-pt-space-20@lg"] {
    padding-top: 1.25rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-pt-space-24@lg"] {
    padding-top: 1.5rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-pt-space-28@lg"] {
    padding-top: 1.75rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-pt-space-32@lg"] {
    padding-top: 2rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-pt-space-36@lg"] {
    padding-top: 2.25rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-pt-space-40@lg"] {
    padding-top: 2.5rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-pt-space-48@lg"] {
    padding-top: 3rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-pt-space-56@lg"] {
    padding-top: 3.5rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-pt-space-64@lg"] {
    padding-top: 4rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-pt-space-80@lg"] {
    padding-top: 5rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-pt-space-96@lg"] {
    padding-top: 6rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-pt-space-112@lg"] {
    padding-top: 7rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-pt-space-128@lg"] {
    padding-top: 8rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-pt-space-144@lg"] {
    padding-top: 9rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-pt-space-160@lg"] {
    padding-top: 10rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-pt-space-176@lg"] {
    padding-top: 11rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-pt-space-192@lg"] {
    padding-top: 12rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-pt-space-208@lg"] {
    padding-top: 13rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-pt-space-224@lg"] {
    padding-top: 14rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-pt-space-240@lg"] {
    padding-top: 15rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-pt-space-256@lg"] {
    padding-top: 16rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-pt-space-288@lg"] {
    padding-top: 18rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-pt-space-320@lg"] {
    padding-top: 20rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-pt-space-384@lg"] {
    padding-top: 24rem;
  }
}

/*------------------------------------*
  Padding bottom
*------------------------------------*/
[class~=u-pb-space-0] {
  padding-bottom: 0;
}

[class~=u-pb-space-4] {
  padding-bottom: 0.25rem;
}

[class~=u-pb-space-8] {
  padding-bottom: 0.5rem;
}

[class~=u-pb-space-12] {
  padding-bottom: 0.75rem;
}

[class~=u-pb-space-16] {
  padding-bottom: 1rem;
}

[class~=u-pb-space-20] {
  padding-bottom: 1.25rem;
}

[class~=u-pb-space-24] {
  padding-bottom: 1.5rem;
}

[class~=u-pb-space-28] {
  padding-bottom: 1.75rem;
}

[class~=u-pb-space-32] {
  padding-bottom: 2rem;
}

[class~=u-pb-space-36] {
  padding-bottom: 2.25rem;
}

[class~=u-pb-space-40] {
  padding-bottom: 2.5rem;
}

[class~=u-pb-space-48] {
  padding-bottom: 3rem;
}

[class~=u-pb-space-56] {
  padding-bottom: 3.5rem;
}

[class~=u-pb-space-64] {
  padding-bottom: 4rem;
}

[class~=u-pb-space-80] {
  padding-bottom: 5rem;
}

[class~=u-pb-space-96] {
  padding-bottom: 6rem;
}

[class~=u-pb-space-112] {
  padding-bottom: 7rem;
}

[class~=u-pb-space-128] {
  padding-bottom: 8rem;
}

[class~=u-pb-space-144] {
  padding-bottom: 9rem;
}

[class~=u-pb-space-160] {
  padding-bottom: 10rem;
}

[class~=u-pb-space-176] {
  padding-bottom: 11rem;
}

[class~=u-pb-space-192] {
  padding-bottom: 12rem;
}

[class~=u-pb-space-208] {
  padding-bottom: 13rem;
}

[class~=u-pb-space-224] {
  padding-bottom: 14rem;
}

[class~=u-pb-space-240] {
  padding-bottom: 15rem;
}

[class~=u-pb-space-256] {
  padding-bottom: 16rem;
}

[class~=u-pb-space-288] {
  padding-bottom: 18rem;
}

[class~=u-pb-space-320] {
  padding-bottom: 20rem;
}

[class~=u-pb-space-384] {
  padding-bottom: 24rem;
}

/*------------------------------------*
  Padding left
*------------------------------------*/
[class~=u-pl-space-0] {
  padding-left: 0;
}

[class~=u-pl-space-4] {
  padding-left: 0.25rem;
}

[class~=u-pl-space-8] {
  padding-left: 0.5rem;
}

[class~=u-pl-space-12] {
  padding-left: 0.75rem;
}

[class~=u-pl-space-16] {
  padding-left: 1rem;
}

[class~=u-pl-space-20] {
  padding-left: 1.25rem;
}

[class~=u-pl-space-24] {
  padding-left: 1.5rem;
}

[class~=u-pl-space-28] {
  padding-left: 1.75rem;
}

[class~=u-pl-space-32] {
  padding-left: 2rem;
}

[class~=u-pl-space-36] {
  padding-left: 2.25rem;
}

[class~=u-pl-space-40] {
  padding-left: 2.5rem;
}

[class~=u-pl-space-48] {
  padding-left: 3rem;
}

[class~=u-pl-space-56] {
  padding-left: 3.5rem;
}

[class~=u-pl-space-64] {
  padding-left: 4rem;
}

[class~=u-pl-space-80] {
  padding-left: 5rem;
}

[class~=u-pl-space-96] {
  padding-left: 6rem;
}

[class~=u-pl-space-112] {
  padding-left: 7rem;
}

[class~=u-pl-space-128] {
  padding-left: 8rem;
}

[class~=u-pl-space-144] {
  padding-left: 9rem;
}

[class~=u-pl-space-160] {
  padding-left: 10rem;
}

[class~=u-pl-space-176] {
  padding-left: 11rem;
}

[class~=u-pl-space-192] {
  padding-left: 12rem;
}

[class~=u-pl-space-208] {
  padding-left: 13rem;
}

[class~=u-pl-space-224] {
  padding-left: 14rem;
}

[class~=u-pl-space-240] {
  padding-left: 15rem;
}

[class~=u-pl-space-256] {
  padding-left: 16rem;
}

[class~=u-pl-space-288] {
  padding-left: 18rem;
}

[class~=u-pl-space-320] {
  padding-left: 20rem;
}

[class~=u-pl-space-384] {
  padding-left: 24rem;
}

/*------------------------------------*
  Padding right
*------------------------------------*/
[class~=u-pr-space-0] {
  padding-right: 0;
}

[class~=u-pr-space-4] {
  padding-right: 0.25rem;
}

[class~=u-pr-space-8] {
  padding-right: 0.5rem;
}

[class~=u-pr-space-12] {
  padding-right: 0.75rem;
}

[class~=u-pr-space-16] {
  padding-right: 1rem;
}

[class~=u-pr-space-20] {
  padding-right: 1.25rem;
}

[class~=u-pr-space-24] {
  padding-right: 1.5rem;
}

[class~=u-pr-space-28] {
  padding-right: 1.75rem;
}

[class~=u-pr-space-32] {
  padding-right: 2rem;
}

[class~=u-pr-space-36] {
  padding-right: 2.25rem;
}

[class~=u-pr-space-40] {
  padding-right: 2.5rem;
}

[class~=u-pr-space-48] {
  padding-right: 3rem;
}

[class~=u-pr-space-56] {
  padding-right: 3.5rem;
}

[class~=u-pr-space-64] {
  padding-right: 4rem;
}

[class~=u-pr-space-80] {
  padding-right: 5rem;
}

[class~=u-pr-space-96] {
  padding-right: 6rem;
}

[class~=u-pr-space-112] {
  padding-right: 7rem;
}

[class~=u-pr-space-128] {
  padding-right: 8rem;
}

[class~=u-pr-space-144] {
  padding-right: 9rem;
}

[class~=u-pr-space-160] {
  padding-right: 10rem;
}

[class~=u-pr-space-176] {
  padding-right: 11rem;
}

[class~=u-pr-space-192] {
  padding-right: 12rem;
}

[class~=u-pr-space-208] {
  padding-right: 13rem;
}

[class~=u-pr-space-224] {
  padding-right: 14rem;
}

[class~=u-pr-space-240] {
  padding-right: 15rem;
}

[class~=u-pr-space-256] {
  padding-right: 16rem;
}

[class~=u-pr-space-288] {
  padding-right: 18rem;
}

[class~=u-pr-space-320] {
  padding-right: 20rem;
}

[class~=u-pr-space-384] {
  padding-right: 24rem;
}

@media only screen and (min-width: 48rem) {
  [class~="u-pr-space-0@md"] {
    padding-right: 0;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-pr-space-4@md"] {
    padding-right: 0.25rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-pr-space-8@md"] {
    padding-right: 0.5rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-pr-space-12@md"] {
    padding-right: 0.75rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-pr-space-16@md"] {
    padding-right: 1rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-pr-space-20@md"] {
    padding-right: 1.25rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-pr-space-24@md"] {
    padding-right: 1.5rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-pr-space-28@md"] {
    padding-right: 1.75rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-pr-space-32@md"] {
    padding-right: 2rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-pr-space-36@md"] {
    padding-right: 2.25rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-pr-space-40@md"] {
    padding-right: 2.5rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-pr-space-48@md"] {
    padding-right: 3rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-pr-space-56@md"] {
    padding-right: 3.5rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-pr-space-64@md"] {
    padding-right: 4rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-pr-space-80@md"] {
    padding-right: 5rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-pr-space-96@md"] {
    padding-right: 6rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-pr-space-112@md"] {
    padding-right: 7rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-pr-space-128@md"] {
    padding-right: 8rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-pr-space-144@md"] {
    padding-right: 9rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-pr-space-160@md"] {
    padding-right: 10rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-pr-space-176@md"] {
    padding-right: 11rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-pr-space-192@md"] {
    padding-right: 12rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-pr-space-208@md"] {
    padding-right: 13rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-pr-space-224@md"] {
    padding-right: 14rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-pr-space-240@md"] {
    padding-right: 15rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-pr-space-256@md"] {
    padding-right: 16rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-pr-space-288@md"] {
    padding-right: 18rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-pr-space-320@md"] {
    padding-right: 20rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-pr-space-384@md"] {
    padding-right: 24rem;
  }
}

/*------------------------------------*
  Margin y
*------------------------------------*/
[class~=u-my-space-0] {
  margin-top: 0;
  margin-bottom: 0;
}

[class~=u-my-space-4] {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

[class~=u-my-space-8] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

[class~=u-my-space-12] {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

[class~=u-my-space-16] {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

[class~=u-my-space-20] {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

[class~=u-my-space-24] {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

[class~=u-my-space-28] {
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}

[class~=u-my-space-32] {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

[class~=u-my-space-36] {
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}

[class~=u-my-space-40] {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

[class~=u-my-space-48] {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

[class~=u-my-space-56] {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

[class~=u-my-space-64] {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

[class~=u-my-space-80] {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

[class~=u-my-space-96] {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

[class~=u-my-space-112] {
  margin-top: 7rem;
  margin-bottom: 7rem;
}

[class~=u-my-space-128] {
  margin-top: 8rem;
  margin-bottom: 8rem;
}

[class~=u-my-space-144] {
  margin-top: 9rem;
  margin-bottom: 9rem;
}

[class~=u-my-space-160] {
  margin-top: 10rem;
  margin-bottom: 10rem;
}

[class~=u-my-space-176] {
  margin-top: 11rem;
  margin-bottom: 11rem;
}

[class~=u-my-space-192] {
  margin-top: 12rem;
  margin-bottom: 12rem;
}

[class~=u-my-space-208] {
  margin-top: 13rem;
  margin-bottom: 13rem;
}

[class~=u-my-space-224] {
  margin-top: 14rem;
  margin-bottom: 14rem;
}

[class~=u-my-space-240] {
  margin-top: 15rem;
  margin-bottom: 15rem;
}

[class~=u-my-space-256] {
  margin-top: 16rem;
  margin-bottom: 16rem;
}

[class~=u-my-space-288] {
  margin-top: 18rem;
  margin-bottom: 18rem;
}

[class~=u-my-space-320] {
  margin-top: 20rem;
  margin-bottom: 20rem;
}

[class~=u-my-space-384] {
  margin-top: 24rem;
  margin-bottom: 24rem;
}

/*------------------------------------*
  Margin x
*------------------------------------*/
[class~=u-mx-space-0] {
  margin-left: 0;
  margin-right: 0;
}

[class~=u-mx-space-4] {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

[class~=u-mx-space-8] {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

[class~=u-mx-space-12] {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

[class~=u-mx-space-16] {
  margin-left: 1rem;
  margin-right: 1rem;
}

[class~=u-mx-space-20] {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

[class~=u-mx-space-24] {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

[class~=u-mx-space-28] {
  margin-left: 1.75rem;
  margin-right: 1.75rem;
}

[class~=u-mx-space-32] {
  margin-left: 2rem;
  margin-right: 2rem;
}

[class~=u-mx-space-36] {
  margin-left: 2.25rem;
  margin-right: 2.25rem;
}

[class~=u-mx-space-40] {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

[class~=u-mx-space-48] {
  margin-left: 3rem;
  margin-right: 3rem;
}

[class~=u-mx-space-56] {
  margin-left: 3.5rem;
  margin-right: 3.5rem;
}

[class~=u-mx-space-64] {
  margin-left: 4rem;
  margin-right: 4rem;
}

[class~=u-mx-space-80] {
  margin-left: 5rem;
  margin-right: 5rem;
}

[class~=u-mx-space-96] {
  margin-left: 6rem;
  margin-right: 6rem;
}

[class~=u-mx-space-112] {
  margin-left: 7rem;
  margin-right: 7rem;
}

[class~=u-mx-space-128] {
  margin-left: 8rem;
  margin-right: 8rem;
}

[class~=u-mx-space-144] {
  margin-left: 9rem;
  margin-right: 9rem;
}

[class~=u-mx-space-160] {
  margin-left: 10rem;
  margin-right: 10rem;
}

[class~=u-mx-space-176] {
  margin-left: 11rem;
  margin-right: 11rem;
}

[class~=u-mx-space-192] {
  margin-left: 12rem;
  margin-right: 12rem;
}

[class~=u-mx-space-208] {
  margin-left: 13rem;
  margin-right: 13rem;
}

[class~=u-mx-space-224] {
  margin-left: 14rem;
  margin-right: 14rem;
}

[class~=u-mx-space-240] {
  margin-left: 15rem;
  margin-right: 15rem;
}

[class~=u-mx-space-256] {
  margin-left: 16rem;
  margin-right: 16rem;
}

[class~=u-mx-space-288] {
  margin-left: 18rem;
  margin-right: 18rem;
}

[class~=u-mx-space-320] {
  margin-left: 20rem;
  margin-right: 20rem;
}

[class~=u-mx-space-384] {
  margin-left: 24rem;
  margin-right: 24rem;
}

/*------------------------------------*
  Margin top
*------------------------------------*/
[class~=u-mt-space-0] {
  margin-top: 0;
}

[class~=u-mt-space-4] {
  margin-top: 0.25rem;
}

[class~=u-mt-space-8] {
  margin-top: 0.5rem;
}

[class~=u-mt-space-12] {
  margin-top: 0.75rem;
}

[class~=u-mt-space-16] {
  margin-top: 1rem;
}

[class~=u-mt-space-20] {
  margin-top: 1.25rem;
}

[class~=u-mt-space-24] {
  margin-top: 1.5rem;
}

[class~=u-mt-space-28] {
  margin-top: 1.75rem;
}

[class~=u-mt-space-32] {
  margin-top: 2rem;
}

[class~=u-mt-space-36] {
  margin-top: 2.25rem;
}

[class~=u-mt-space-40] {
  margin-top: 2.5rem;
}

[class~=u-mt-space-48] {
  margin-top: 3rem;
}

[class~=u-mt-space-56] {
  margin-top: 3.5rem;
}

[class~=u-mt-space-64] {
  margin-top: 4rem;
}

[class~=u-mt-space-80] {
  margin-top: 5rem;
}

[class~=u-mt-space-96] {
  margin-top: 6rem;
}

[class~=u-mt-space-112] {
  margin-top: 7rem;
}

[class~=u-mt-space-128] {
  margin-top: 8rem;
}

[class~=u-mt-space-144] {
  margin-top: 9rem;
}

[class~=u-mt-space-160] {
  margin-top: 10rem;
}

[class~=u-mt-space-176] {
  margin-top: 11rem;
}

[class~=u-mt-space-192] {
  margin-top: 12rem;
}

[class~=u-mt-space-208] {
  margin-top: 13rem;
}

[class~=u-mt-space-224] {
  margin-top: 14rem;
}

[class~=u-mt-space-240] {
  margin-top: 15rem;
}

[class~=u-mt-space-256] {
  margin-top: 16rem;
}

[class~=u-mt-space-288] {
  margin-top: 18rem;
}

[class~=u-mt-space-320] {
  margin-top: 20rem;
}

[class~=u-mt-space-384] {
  margin-top: 24rem;
}

@media only screen and (min-width: 48rem) {
  [class~="u-mt-space-0@md"] {
    margin-top: 0;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-mt-space-4@md"] {
    margin-top: 0.25rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-mt-space-8@md"] {
    margin-top: 0.5rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-mt-space-12@md"] {
    margin-top: 0.75rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-mt-space-16@md"] {
    margin-top: 1rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-mt-space-20@md"] {
    margin-top: 1.25rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-mt-space-24@md"] {
    margin-top: 1.5rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-mt-space-28@md"] {
    margin-top: 1.75rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-mt-space-32@md"] {
    margin-top: 2rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-mt-space-36@md"] {
    margin-top: 2.25rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-mt-space-40@md"] {
    margin-top: 2.5rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-mt-space-48@md"] {
    margin-top: 3rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-mt-space-56@md"] {
    margin-top: 3.5rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-mt-space-64@md"] {
    margin-top: 4rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-mt-space-80@md"] {
    margin-top: 5rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-mt-space-96@md"] {
    margin-top: 6rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-mt-space-112@md"] {
    margin-top: 7rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-mt-space-128@md"] {
    margin-top: 8rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-mt-space-144@md"] {
    margin-top: 9rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-mt-space-160@md"] {
    margin-top: 10rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-mt-space-176@md"] {
    margin-top: 11rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-mt-space-192@md"] {
    margin-top: 12rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-mt-space-208@md"] {
    margin-top: 13rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-mt-space-224@md"] {
    margin-top: 14rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-mt-space-240@md"] {
    margin-top: 15rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-mt-space-256@md"] {
    margin-top: 16rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-mt-space-288@md"] {
    margin-top: 18rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-mt-space-320@md"] {
    margin-top: 20rem;
  }
}

@media only screen and (min-width: 48rem) {
  [class~="u-mt-space-384@md"] {
    margin-top: 24rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-mt-space-0@lg"] {
    margin-top: 0;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-mt-space-4@lg"] {
    margin-top: 0.25rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-mt-space-8@lg"] {
    margin-top: 0.5rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-mt-space-12@lg"] {
    margin-top: 0.75rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-mt-space-16@lg"] {
    margin-top: 1rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-mt-space-20@lg"] {
    margin-top: 1.25rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-mt-space-24@lg"] {
    margin-top: 1.5rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-mt-space-28@lg"] {
    margin-top: 1.75rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-mt-space-32@lg"] {
    margin-top: 2rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-mt-space-36@lg"] {
    margin-top: 2.25rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-mt-space-40@lg"] {
    margin-top: 2.5rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-mt-space-48@lg"] {
    margin-top: 3rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-mt-space-56@lg"] {
    margin-top: 3.5rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-mt-space-64@lg"] {
    margin-top: 4rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-mt-space-80@lg"] {
    margin-top: 5rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-mt-space-96@lg"] {
    margin-top: 6rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-mt-space-112@lg"] {
    margin-top: 7rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-mt-space-128@lg"] {
    margin-top: 8rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-mt-space-144@lg"] {
    margin-top: 9rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-mt-space-160@lg"] {
    margin-top: 10rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-mt-space-176@lg"] {
    margin-top: 11rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-mt-space-192@lg"] {
    margin-top: 12rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-mt-space-208@lg"] {
    margin-top: 13rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-mt-space-224@lg"] {
    margin-top: 14rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-mt-space-240@lg"] {
    margin-top: 15rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-mt-space-256@lg"] {
    margin-top: 16rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-mt-space-288@lg"] {
    margin-top: 18rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-mt-space-320@lg"] {
    margin-top: 20rem;
  }
}

@media only screen and (min-width: 64rem) {
  [class~="u-mt-space-384@lg"] {
    margin-top: 24rem;
  }
}

/*------------------------------------*
  Margin right
*------------------------------------*/
[class~=u-mr-space-0] {
  margin-right: 0;
}

[class~=u-mr-space-4] {
  margin-right: 0.25rem;
}

[class~=u-mr-space-8] {
  margin-right: 0.5rem;
}

[class~=u-mr-space-12] {
  margin-right: 0.75rem;
}

[class~=u-mr-space-16] {
  margin-right: 1rem;
}

[class~=u-mr-space-20] {
  margin-right: 1.25rem;
}

[class~=u-mr-space-24] {
  margin-right: 1.5rem;
}

[class~=u-mr-space-28] {
  margin-right: 1.75rem;
}

[class~=u-mr-space-32] {
  margin-right: 2rem;
}

[class~=u-mr-space-36] {
  margin-right: 2.25rem;
}

[class~=u-mr-space-40] {
  margin-right: 2.5rem;
}

[class~=u-mr-space-48] {
  margin-right: 3rem;
}

[class~=u-mr-space-56] {
  margin-right: 3.5rem;
}

[class~=u-mr-space-64] {
  margin-right: 4rem;
}

[class~=u-mr-space-80] {
  margin-right: 5rem;
}

[class~=u-mr-space-96] {
  margin-right: 6rem;
}

[class~=u-mr-space-112] {
  margin-right: 7rem;
}

[class~=u-mr-space-128] {
  margin-right: 8rem;
}

[class~=u-mr-space-144] {
  margin-right: 9rem;
}

[class~=u-mr-space-160] {
  margin-right: 10rem;
}

[class~=u-mr-space-176] {
  margin-right: 11rem;
}

[class~=u-mr-space-192] {
  margin-right: 12rem;
}

[class~=u-mr-space-208] {
  margin-right: 13rem;
}

[class~=u-mr-space-224] {
  margin-right: 14rem;
}

[class~=u-mr-space-240] {
  margin-right: 15rem;
}

[class~=u-mr-space-256] {
  margin-right: 16rem;
}

[class~=u-mr-space-288] {
  margin-right: 18rem;
}

[class~=u-mr-space-320] {
  margin-right: 20rem;
}

[class~=u-mr-space-384] {
  margin-right: 24rem;
}

/*------------------------------------*
  Margin bottom
*------------------------------------*/
[class~=u-mb-space-0] {
  margin-bottom: 0;
}

[class~=u-mb-space-4] {
  margin-bottom: 0.25rem;
}

[class~=u-mb-space-8] {
  margin-bottom: 0.5rem;
}

[class~=u-mb-space-12] {
  margin-bottom: 0.75rem;
}

[class~=u-mb-space-16] {
  margin-bottom: 1rem;
}

[class~=u-mb-space-20] {
  margin-bottom: 1.25rem;
}

[class~=u-mb-space-24] {
  margin-bottom: 1.5rem;
}

[class~=u-mb-space-28] {
  margin-bottom: 1.75rem;
}

[class~=u-mb-space-32] {
  margin-bottom: 2rem;
}

[class~=u-mb-space-36] {
  margin-bottom: 2.25rem;
}

[class~=u-mb-space-40] {
  margin-bottom: 2.5rem;
}

[class~=u-mb-space-48] {
  margin-bottom: 3rem;
}

[class~=u-mb-space-56] {
  margin-bottom: 3.5rem;
}

[class~=u-mb-space-64] {
  margin-bottom: 4rem;
}

[class~=u-mb-space-80] {
  margin-bottom: 5rem;
}

[class~=u-mb-space-96] {
  margin-bottom: 6rem;
}

[class~=u-mb-space-112] {
  margin-bottom: 7rem;
}

[class~=u-mb-space-128] {
  margin-bottom: 8rem;
}

[class~=u-mb-space-144] {
  margin-bottom: 9rem;
}

[class~=u-mb-space-160] {
  margin-bottom: 10rem;
}

[class~=u-mb-space-176] {
  margin-bottom: 11rem;
}

[class~=u-mb-space-192] {
  margin-bottom: 12rem;
}

[class~=u-mb-space-208] {
  margin-bottom: 13rem;
}

[class~=u-mb-space-224] {
  margin-bottom: 14rem;
}

[class~=u-mb-space-240] {
  margin-bottom: 15rem;
}

[class~=u-mb-space-256] {
  margin-bottom: 16rem;
}

[class~=u-mb-space-288] {
  margin-bottom: 18rem;
}

[class~=u-mb-space-320] {
  margin-bottom: 20rem;
}

[class~=u-mb-space-384] {
  margin-bottom: 24rem;
}

/*------------------------------------*
  Margin left
*------------------------------------*/
[class~=u-ml-space-0] {
  margin-left: 0;
}

[class~=u-ml-space-4] {
  margin-left: 0.25rem;
}

[class~=u-ml-space-8] {
  margin-left: 0.5rem;
}

[class~=u-ml-space-12] {
  margin-left: 0.75rem;
}

[class~=u-ml-space-16] {
  margin-left: 1rem;
}

[class~=u-ml-space-20] {
  margin-left: 1.25rem;
}

[class~=u-ml-space-24] {
  margin-left: 1.5rem;
}

[class~=u-ml-space-28] {
  margin-left: 1.75rem;
}

[class~=u-ml-space-32] {
  margin-left: 2rem;
}

[class~=u-ml-space-36] {
  margin-left: 2.25rem;
}

[class~=u-ml-space-40] {
  margin-left: 2.5rem;
}

[class~=u-ml-space-48] {
  margin-left: 3rem;
}

[class~=u-ml-space-56] {
  margin-left: 3.5rem;
}

[class~=u-ml-space-64] {
  margin-left: 4rem;
}

[class~=u-ml-space-80] {
  margin-left: 5rem;
}

[class~=u-ml-space-96] {
  margin-left: 6rem;
}

[class~=u-ml-space-112] {
  margin-left: 7rem;
}

[class~=u-ml-space-128] {
  margin-left: 8rem;
}

[class~=u-ml-space-144] {
  margin-left: 9rem;
}

[class~=u-ml-space-160] {
  margin-left: 10rem;
}

[class~=u-ml-space-176] {
  margin-left: 11rem;
}

[class~=u-ml-space-192] {
  margin-left: 12rem;
}

[class~=u-ml-space-208] {
  margin-left: 13rem;
}

[class~=u-ml-space-224] {
  margin-left: 14rem;
}

[class~=u-ml-space-240] {
  margin-left: 15rem;
}

[class~=u-ml-space-256] {
  margin-left: 16rem;
}

[class~=u-ml-space-288] {
  margin-left: 18rem;
}

[class~=u-ml-space-320] {
  margin-left: 20rem;
}

[class~=u-ml-space-384] {
  margin-left: 24rem;
}

/*------------------------------------*
  Padding
*------------------------------------*/
[class~=u-gap-space-0] {
  gap: 0;
}

[class~=u-gap-space-4] {
  gap: 0.25rem;
}

[class~=u-gap-space-8] {
  gap: 0.5rem;
}

[class~=u-gap-space-12] {
  gap: 0.75rem;
}

[class~=u-gap-space-16] {
  gap: 1rem;
}

[class~=u-gap-space-20] {
  gap: 1.25rem;
}

[class~=u-gap-space-24] {
  gap: 1.5rem;
}

[class~=u-gap-space-28] {
  gap: 1.75rem;
}

[class~=u-gap-space-32] {
  gap: 2rem;
}

[class~=u-gap-space-36] {
  gap: 2.25rem;
}

[class~=u-gap-space-40] {
  gap: 2.5rem;
}

[class~=u-gap-space-48] {
  gap: 3rem;
}

[class~=u-gap-space-56] {
  gap: 3.5rem;
}

[class~=u-gap-space-64] {
  gap: 4rem;
}

[class~=u-gap-space-80] {
  gap: 5rem;
}

[class~=u-gap-space-96] {
  gap: 6rem;
}

[class~=u-gap-space-112] {
  gap: 7rem;
}

[class~=u-gap-space-128] {
  gap: 8rem;
}

[class~=u-gap-space-144] {
  gap: 9rem;
}

[class~=u-gap-space-160] {
  gap: 10rem;
}

[class~=u-gap-space-176] {
  gap: 11rem;
}

[class~=u-gap-space-192] {
  gap: 12rem;
}

[class~=u-gap-space-208] {
  gap: 13rem;
}

[class~=u-gap-space-224] {
  gap: 14rem;
}

[class~=u-gap-space-240] {
  gap: 15rem;
}

[class~=u-gap-space-256] {
  gap: 16rem;
}

[class~=u-gap-space-288] {
  gap: 18rem;
}

[class~=u-gap-space-320] {
  gap: 20rem;
}

[class~=u-gap-space-384] {
  gap: 24rem;
}

/*------------------------------------*
  Elevation
*------------------------------------*/
.u-elevation-base {
  box-shadow: 0 1px 2px 0 rgba(15, 47, 77, 0.05);
}
.u-elevation-small {
  box-shadow: 0 1px 3px 0 rgba(15, 47, 77, 0.1);
}
.u-elevation-medium {
  box-shadow: 0 4px 6px -1px rgba(15, 47, 77, 0.1);
}
.u-elevation-high {
  box-shadow: 0 10px 15px -3px rgba(15, 47, 77, 0.2);
}
.u-elevation-higher {
  box-shadow: 0 20px 25px -5px rgba(15, 47, 77, 0.16);
}
.u-elevation-huge {
  box-shadow: 0 25px 50px -12px rgba(15, 47, 77, 0.25);
}

/*------------------------------------*
  Border radius
*------------------------------------*/
.u-radius-1 {
  border-radius: 0.0625rem;
}
.u-radius-2 {
  border-radius: 0.125rem;
}
.u-radius-4 {
  border-radius: 0.25rem;
}
.u-radius-6 {
  border-radius: 0.375rem;
}
.u-radius-8 {
  border-radius: 0.5rem;
}
.u-radius-10 {
  border-radius: 0.625rem;
}
.u-radius-12 {
  border-radius: 0.75rem;
}
.u-radius-14 {
  border-radius: 0.875rem;
}
.u-radius-16 {
  border-radius: 1rem;
}
.u-radius-20 {
  border-radius: 1.25rem;
}
.u-radius-24 {
  border-radius: 1.5rem;
}
/*# sourceMappingURL=design-tokens.css.map */