/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./apps/ao-my-account/src/styles.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
/* stylelint-disable */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote::before,
blockquote::after,
q::before,
q::after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
* {
  box-sizing: border-box;
}
/* Start Bolt v1 reset carried over for consistent link styling */
a,
select,
button {
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}
[hidden] {
  display: none !important;
}
body {
  background-color: var(--page-bg);
  color: var(--text-color);
}
/* Usage:

@include breakpoint(sm) {
      margin-right: 0;
}
@include breakpoint(sm-only) {
      margin-right: 0;
}
@include breakpoint(0, $screen-md-max) {
      margin-right: 0;
}

 */
.grid-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  margin-left: calc(var(--gutter) * -1);
  margin-right: calc(var(--gutter) * -1);
}
.container {
  width: 100%;
  max-width: var(--container-max-width);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding-left: calc(var(--gutter) * 3);
  padding-right: calc(var(--gutter) * 3);
}
.container--row {
  flex-direction: row;
}
.xs-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
}
/*
 * Add more utils here if need be.
 * E.G.
  .xs-around {
    justify-content: space-around;
  }
 */
.xs-1 {
  margin-left: var(--gutter);
  margin-right: var(--gutter);
  flex: 0 0 auto;
  flex-basis: calc(8.3333333333% - calc(var(--gutter) * 2));
  max-width: calc(8.3333333333% - calc(var(--gutter) * 2));
}
.xs-1--none {
  margin-left: 0;
  margin-right: 0;
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.xs-2 {
  margin-left: var(--gutter);
  margin-right: var(--gutter);
  flex: 0 0 auto;
  flex-basis: calc(16.6666666667% - calc(var(--gutter) * 2));
  max-width: calc(16.6666666667% - calc(var(--gutter) * 2));
}
.xs-2--none {
  margin-left: 0;
  margin-right: 0;
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.xs-3 {
  margin-left: var(--gutter);
  margin-right: var(--gutter);
  flex: 0 0 auto;
  flex-basis: calc(25% - calc(var(--gutter) * 2));
  max-width: calc(25% - calc(var(--gutter) * 2));
}
.xs-3--none {
  margin-left: 0;
  margin-right: 0;
  flex: 0 0 25%;
  max-width: 25%;
}
.xs-4 {
  margin-left: var(--gutter);
  margin-right: var(--gutter);
  flex: 0 0 auto;
  flex-basis: calc(33.3333333333% - calc(var(--gutter) * 2));
  max-width: calc(33.3333333333% - calc(var(--gutter) * 2));
}
.xs-4--none {
  margin-left: 0;
  margin-right: 0;
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.xs-5 {
  margin-left: var(--gutter);
  margin-right: var(--gutter);
  flex: 0 0 auto;
  flex-basis: calc(41.6666666667% - calc(var(--gutter) * 2));
  max-width: calc(41.6666666667% - calc(var(--gutter) * 2));
}
.xs-5--none {
  margin-left: 0;
  margin-right: 0;
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.xs-6 {
  margin-left: var(--gutter);
  margin-right: var(--gutter);
  flex: 0 0 auto;
  flex-basis: calc(50% - calc(var(--gutter) * 2));
  max-width: calc(50% - calc(var(--gutter) * 2));
}
.xs-6--none {
  margin-left: 0;
  margin-right: 0;
  flex: 0 0 50%;
  max-width: 50%;
}
.xs-7 {
  margin-left: var(--gutter);
  margin-right: var(--gutter);
  flex: 0 0 auto;
  flex-basis: calc(58.3333333333% - calc(var(--gutter) * 2));
  max-width: calc(58.3333333333% - calc(var(--gutter) * 2));
}
.xs-7--none {
  margin-left: 0;
  margin-right: 0;
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.xs-8 {
  margin-left: var(--gutter);
  margin-right: var(--gutter);
  flex: 0 0 auto;
  flex-basis: calc(66.6666666667% - calc(var(--gutter) * 2));
  max-width: calc(66.6666666667% - calc(var(--gutter) * 2));
}
.xs-8--none {
  margin-left: 0;
  margin-right: 0;
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.xs-9 {
  margin-left: var(--gutter);
  margin-right: var(--gutter);
  flex: 0 0 auto;
  flex-basis: calc(75% - calc(var(--gutter) * 2));
  max-width: calc(75% - calc(var(--gutter) * 2));
}
.xs-9--none {
  margin-left: 0;
  margin-right: 0;
  flex: 0 0 75%;
  max-width: 75%;
}
.xs-10 {
  margin-left: var(--gutter);
  margin-right: var(--gutter);
  flex: 0 0 auto;
  flex-basis: calc(83.3333333333% - calc(var(--gutter) * 2));
  max-width: calc(83.3333333333% - calc(var(--gutter) * 2));
}
.xs-10--none {
  margin-left: 0;
  margin-right: 0;
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.xs-11 {
  margin-left: var(--gutter);
  margin-right: var(--gutter);
  flex: 0 0 auto;
  flex-basis: calc(91.6666666667% - calc(var(--gutter) * 2));
  max-width: calc(91.6666666667% - calc(var(--gutter) * 2));
}
.xs-11--none {
  margin-left: 0;
  margin-right: 0;
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.xs-12 {
  margin-left: var(--gutter);
  margin-right: var(--gutter);
  flex: 0 0 auto;
  flex-basis: calc(100% - calc(var(--gutter) * 2));
  max-width: calc(100% - calc(var(--gutter) * 2));
}
.xs-12--none {
  margin-left: 0;
  margin-right: 0;
  flex: 0 0 100%;
  max-width: 100%;
}
@media only screen and (min-width: 667px) {
  .sm-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
  }

  /*
   * Add more utils here if need be.
   * E.G.
    .sm-around {
      justify-content: space-around;
    }
   */
  .sm-1 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(8.3333333333% - calc(var(--gutter) * 2));
    max-width: calc(8.3333333333% - calc(var(--gutter) * 2));
  }

  .sm-1--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .sm-2 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(16.6666666667% - calc(var(--gutter) * 2));
    max-width: calc(16.6666666667% - calc(var(--gutter) * 2));
  }

  .sm-2--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .sm-3 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(25% - calc(var(--gutter) * 2));
    max-width: calc(25% - calc(var(--gutter) * 2));
  }

  .sm-3--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .sm-4 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(33.3333333333% - calc(var(--gutter) * 2));
    max-width: calc(33.3333333333% - calc(var(--gutter) * 2));
  }

  .sm-4--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .sm-5 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(41.6666666667% - calc(var(--gutter) * 2));
    max-width: calc(41.6666666667% - calc(var(--gutter) * 2));
  }

  .sm-5--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .sm-6 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(50% - calc(var(--gutter) * 2));
    max-width: calc(50% - calc(var(--gutter) * 2));
  }

  .sm-6--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .sm-7 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(58.3333333333% - calc(var(--gutter) * 2));
    max-width: calc(58.3333333333% - calc(var(--gutter) * 2));
  }

  .sm-7--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .sm-8 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(66.6666666667% - calc(var(--gutter) * 2));
    max-width: calc(66.6666666667% - calc(var(--gutter) * 2));
  }

  .sm-8--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .sm-9 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(75% - calc(var(--gutter) * 2));
    max-width: calc(75% - calc(var(--gutter) * 2));
  }

  .sm-9--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .sm-10 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(83.3333333333% - calc(var(--gutter) * 2));
    max-width: calc(83.3333333333% - calc(var(--gutter) * 2));
  }

  .sm-10--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .sm-11 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(91.6666666667% - calc(var(--gutter) * 2));
    max-width: calc(91.6666666667% - calc(var(--gutter) * 2));
  }

  .sm-11--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .sm-12 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(100% - calc(var(--gutter) * 2));
    max-width: calc(100% - calc(var(--gutter) * 2));
  }

  .sm-12--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .md-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
  }

  /*
   * Add more utils here if need be.
   * E.G.
    .md-around {
      justify-content: space-around;
    }
   */
  .md-1 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(8.3333333333% - calc(var(--gutter) * 2));
    max-width: calc(8.3333333333% - calc(var(--gutter) * 2));
  }

  .md-1--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .md-2 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(16.6666666667% - calc(var(--gutter) * 2));
    max-width: calc(16.6666666667% - calc(var(--gutter) * 2));
  }

  .md-2--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .md-3 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(25% - calc(var(--gutter) * 2));
    max-width: calc(25% - calc(var(--gutter) * 2));
  }

  .md-3--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .md-4 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(33.3333333333% - calc(var(--gutter) * 2));
    max-width: calc(33.3333333333% - calc(var(--gutter) * 2));
  }

  .md-4--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .md-5 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(41.6666666667% - calc(var(--gutter) * 2));
    max-width: calc(41.6666666667% - calc(var(--gutter) * 2));
  }

  .md-5--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .md-6 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(50% - calc(var(--gutter) * 2));
    max-width: calc(50% - calc(var(--gutter) * 2));
  }

  .md-6--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .md-7 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(58.3333333333% - calc(var(--gutter) * 2));
    max-width: calc(58.3333333333% - calc(var(--gutter) * 2));
  }

  .md-7--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .md-8 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(66.6666666667% - calc(var(--gutter) * 2));
    max-width: calc(66.6666666667% - calc(var(--gutter) * 2));
  }

  .md-8--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .md-9 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(75% - calc(var(--gutter) * 2));
    max-width: calc(75% - calc(var(--gutter) * 2));
  }

  .md-9--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .md-10 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(83.3333333333% - calc(var(--gutter) * 2));
    max-width: calc(83.3333333333% - calc(var(--gutter) * 2));
  }

  .md-10--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .md-11 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(91.6666666667% - calc(var(--gutter) * 2));
    max-width: calc(91.6666666667% - calc(var(--gutter) * 2));
  }

  .md-11--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .md-12 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(100% - calc(var(--gutter) * 2));
    max-width: calc(100% - calc(var(--gutter) * 2));
  }

  .md-12--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .lg-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
  }

  /*
   * Add more utils here if need be.
   * E.G.
    .lg-around {
      justify-content: space-around;
    }
   */
  .lg-1 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(8.3333333333% - calc(var(--gutter) * 2));
    max-width: calc(8.3333333333% - calc(var(--gutter) * 2));
  }

  .lg-1--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .lg-2 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(16.6666666667% - calc(var(--gutter) * 2));
    max-width: calc(16.6666666667% - calc(var(--gutter) * 2));
  }

  .lg-2--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .lg-3 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(25% - calc(var(--gutter) * 2));
    max-width: calc(25% - calc(var(--gutter) * 2));
  }

  .lg-3--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .lg-4 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(33.3333333333% - calc(var(--gutter) * 2));
    max-width: calc(33.3333333333% - calc(var(--gutter) * 2));
  }

  .lg-4--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .lg-5 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(41.6666666667% - calc(var(--gutter) * 2));
    max-width: calc(41.6666666667% - calc(var(--gutter) * 2));
  }

  .lg-5--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .lg-6 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(50% - calc(var(--gutter) * 2));
    max-width: calc(50% - calc(var(--gutter) * 2));
  }

  .lg-6--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .lg-7 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(58.3333333333% - calc(var(--gutter) * 2));
    max-width: calc(58.3333333333% - calc(var(--gutter) * 2));
  }

  .lg-7--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .lg-8 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(66.6666666667% - calc(var(--gutter) * 2));
    max-width: calc(66.6666666667% - calc(var(--gutter) * 2));
  }

  .lg-8--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .lg-9 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(75% - calc(var(--gutter) * 2));
    max-width: calc(75% - calc(var(--gutter) * 2));
  }

  .lg-9--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .lg-10 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(83.3333333333% - calc(var(--gutter) * 2));
    max-width: calc(83.3333333333% - calc(var(--gutter) * 2));
  }

  .lg-10--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .lg-11 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(91.6666666667% - calc(var(--gutter) * 2));
    max-width: calc(91.6666666667% - calc(var(--gutter) * 2));
  }

  .lg-11--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .lg-12 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(100% - calc(var(--gutter) * 2));
    max-width: calc(100% - calc(var(--gutter) * 2));
  }

  .lg-12--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 1280px) {
  .xl-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
  }

  /*
   * Add more utils here if need be.
   * E.G.
    .xl-around {
      justify-content: space-around;
    }
   */
  .xl-1 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(8.3333333333% - calc(var(--gutter) * 2));
    max-width: calc(8.3333333333% - calc(var(--gutter) * 2));
  }

  .xl-1--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .xl-2 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(16.6666666667% - calc(var(--gutter) * 2));
    max-width: calc(16.6666666667% - calc(var(--gutter) * 2));
  }

  .xl-2--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .xl-3 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(25% - calc(var(--gutter) * 2));
    max-width: calc(25% - calc(var(--gutter) * 2));
  }

  .xl-3--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .xl-4 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(33.3333333333% - calc(var(--gutter) * 2));
    max-width: calc(33.3333333333% - calc(var(--gutter) * 2));
  }

  .xl-4--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .xl-5 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(41.6666666667% - calc(var(--gutter) * 2));
    max-width: calc(41.6666666667% - calc(var(--gutter) * 2));
  }

  .xl-5--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .xl-6 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(50% - calc(var(--gutter) * 2));
    max-width: calc(50% - calc(var(--gutter) * 2));
  }

  .xl-6--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .xl-7 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(58.3333333333% - calc(var(--gutter) * 2));
    max-width: calc(58.3333333333% - calc(var(--gutter) * 2));
  }

  .xl-7--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .xl-8 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(66.6666666667% - calc(var(--gutter) * 2));
    max-width: calc(66.6666666667% - calc(var(--gutter) * 2));
  }

  .xl-8--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .xl-9 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(75% - calc(var(--gutter) * 2));
    max-width: calc(75% - calc(var(--gutter) * 2));
  }

  .xl-9--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .xl-10 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(83.3333333333% - calc(var(--gutter) * 2));
    max-width: calc(83.3333333333% - calc(var(--gutter) * 2));
  }

  .xl-10--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .xl-11 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(91.6666666667% - calc(var(--gutter) * 2));
    max-width: calc(91.6666666667% - calc(var(--gutter) * 2));
  }

  .xl-11--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .xl-12 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    flex: 0 0 auto;
    flex-basis: calc(100% - calc(var(--gutter) * 2));
    max-width: calc(100% - calc(var(--gutter) * 2));
  }

  .xl-12--none {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.xs--hidden {
  display: none;
}
.xs--inline {
  display: inline;
}
.xs--block {
  display: block;
}
.xs--stack {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
}
.xs--flex-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
}
.xs--flex-column {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
}
.xs--nowrap {
  flex-wrap: nowrap;
}
.xs--wrap {
  flex-wrap: wrap;
}
.xs--fit {
  flex-basis: auto;
}
.xs--baseline {
  align-items: baseline;
}
.xs--middle {
  align-items: center;
}
.xs--start {
  align-items: flex-start;
}
.xs--end {
  align-items: flex-end;
}
/*
 * Add more utils here if need be.
 * E.G.
  .xs-around {
    justify-content: space-around;
  }
 */
.xs-order-0 {
  order: 0;
}
.xs-order-1 {
  order: 1;
}
.xs-order-2 {
  order: 2;
}
.xs-order-3 {
  order: 3;
}
.xs-order-4 {
  order: 4;
}
.xs-order-5 {
  order: 5;
}
.xs-order-6 {
  order: 6;
}
.xs-order-7 {
  order: 7;
}
.xs-order-8 {
  order: 8;
}
.xs-order-9 {
  order: 9;
}
.xs-order-10 {
  order: 10;
}
.xs-order-11 {
  order: 11;
}
.xs-order-12 {
  order: 12;
}
.xs-self-baseline {
  align-self: baseline;
}
.xs-self-middle {
  align-self: center;
}
.xs-self-end {
  align-self: flex-end;
}
.xs-self-start {
  align-self: flex-start;
}
@media only screen and (min-width: 667px) {
  .sm--hidden {
    display: none;
  }

  .sm--inline {
    display: inline;
  }

  .sm--block {
    display: block;
  }

  .sm--stack {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
  }

  .sm--flex-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
  }

  .sm--flex-column {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
  }

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

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

  .sm--fit {
    flex-basis: auto;
  }

  .sm--baseline {
    align-items: baseline;
  }

  .sm--middle {
    align-items: center;
  }

  .sm--start {
    align-items: flex-start;
  }

  .sm--end {
    align-items: flex-end;
  }

  /*
   * Add more utils here if need be.
   * E.G.
    .sm-around {
      justify-content: space-around;
    }
   */
  .sm-order-0 {
    order: 0;
  }

  .sm-order-1 {
    order: 1;
  }

  .sm-order-2 {
    order: 2;
  }

  .sm-order-3 {
    order: 3;
  }

  .sm-order-4 {
    order: 4;
  }

  .sm-order-5 {
    order: 5;
  }

  .sm-order-6 {
    order: 6;
  }

  .sm-order-7 {
    order: 7;
  }

  .sm-order-8 {
    order: 8;
  }

  .sm-order-9 {
    order: 9;
  }

  .sm-order-10 {
    order: 10;
  }

  .sm-order-11 {
    order: 11;
  }

  .sm-order-12 {
    order: 12;
  }

  .sm-self-baseline {
    align-self: baseline;
  }

  .sm-self-middle {
    align-self: center;
  }

  .sm-self-end {
    align-self: flex-end;
  }

  .sm-self-start {
    align-self: flex-start;
  }
}
@media only screen and (min-width: 768px) {
  .md--hidden {
    display: none;
  }

  .md--inline {
    display: inline;
  }

  .md--block {
    display: block;
  }

  .md--stack {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
  }

  .md--flex-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
  }

  .md--flex-column {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
  }

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

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

  .md--fit {
    flex-basis: auto;
  }

  .md--baseline {
    align-items: baseline;
  }

  .md--middle {
    align-items: center;
  }

  .md--start {
    align-items: flex-start;
  }

  .md--end {
    align-items: flex-end;
  }

  /*
   * Add more utils here if need be.
   * E.G.
    .md-around {
      justify-content: space-around;
    }
   */
  .md-order-0 {
    order: 0;
  }

  .md-order-1 {
    order: 1;
  }

  .md-order-2 {
    order: 2;
  }

  .md-order-3 {
    order: 3;
  }

  .md-order-4 {
    order: 4;
  }

  .md-order-5 {
    order: 5;
  }

  .md-order-6 {
    order: 6;
  }

  .md-order-7 {
    order: 7;
  }

  .md-order-8 {
    order: 8;
  }

  .md-order-9 {
    order: 9;
  }

  .md-order-10 {
    order: 10;
  }

  .md-order-11 {
    order: 11;
  }

  .md-order-12 {
    order: 12;
  }

  .md-self-baseline {
    align-self: baseline;
  }

  .md-self-middle {
    align-self: center;
  }

  .md-self-end {
    align-self: flex-end;
  }

  .md-self-start {
    align-self: flex-start;
  }
}
@media only screen and (min-width: 1024px) {
  .lg--hidden {
    display: none;
  }

  .lg--inline {
    display: inline;
  }

  .lg--block {
    display: block;
  }

  .lg--stack {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
  }

  .lg--flex-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
  }

  .lg--flex-column {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
  }

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

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

  .lg--fit {
    flex-basis: auto;
  }

  .lg--baseline {
    align-items: baseline;
  }

  .lg--middle {
    align-items: center;
  }

  .lg--start {
    align-items: flex-start;
  }

  .lg--end {
    align-items: flex-end;
  }

  /*
   * Add more utils here if need be.
   * E.G.
    .lg-around {
      justify-content: space-around;
    }
   */
  .lg-order-0 {
    order: 0;
  }

  .lg-order-1 {
    order: 1;
  }

  .lg-order-2 {
    order: 2;
  }

  .lg-order-3 {
    order: 3;
  }

  .lg-order-4 {
    order: 4;
  }

  .lg-order-5 {
    order: 5;
  }

  .lg-order-6 {
    order: 6;
  }

  .lg-order-7 {
    order: 7;
  }

  .lg-order-8 {
    order: 8;
  }

  .lg-order-9 {
    order: 9;
  }

  .lg-order-10 {
    order: 10;
  }

  .lg-order-11 {
    order: 11;
  }

  .lg-order-12 {
    order: 12;
  }

  .lg-self-baseline {
    align-self: baseline;
  }

  .lg-self-middle {
    align-self: center;
  }

  .lg-self-end {
    align-self: flex-end;
  }

  .lg-self-start {
    align-self: flex-start;
  }
}
@media only screen and (min-width: 1280px) {
  .xl--hidden {
    display: none;
  }

  .xl--inline {
    display: inline;
  }

  .xl--block {
    display: block;
  }

  .xl--stack {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
  }

  .xl--flex-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
  }

  .xl--flex-column {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
  }

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

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

  .xl--fit {
    flex-basis: auto;
  }

  .xl--baseline {
    align-items: baseline;
  }

  .xl--middle {
    align-items: center;
  }

  .xl--start {
    align-items: flex-start;
  }

  .xl--end {
    align-items: flex-end;
  }

  /*
   * Add more utils here if need be.
   * E.G.
    .xl-around {
      justify-content: space-around;
    }
   */
  .xl-order-0 {
    order: 0;
  }

  .xl-order-1 {
    order: 1;
  }

  .xl-order-2 {
    order: 2;
  }

  .xl-order-3 {
    order: 3;
  }

  .xl-order-4 {
    order: 4;
  }

  .xl-order-5 {
    order: 5;
  }

  .xl-order-6 {
    order: 6;
  }

  .xl-order-7 {
    order: 7;
  }

  .xl-order-8 {
    order: 8;
  }

  .xl-order-9 {
    order: 9;
  }

  .xl-order-10 {
    order: 10;
  }

  .xl-order-11 {
    order: 11;
  }

  .xl-order-12 {
    order: 12;
  }

  .xl-self-baseline {
    align-self: baseline;
  }

  .xl-self-middle {
    align-self: center;
  }

  .xl-self-end {
    align-self: flex-end;
  }

  .xl-self-start {
    align-self: flex-start;
  }
}
.mt-none {
  margin-top: var(--spacing-none);
}
.mt-xxs {
  margin-top: var(--spacing-xxs);
}
.mt-xs {
  margin-top: var(--spacing-xs);
}
.mt-sm {
  margin-top: var(--spacing-sm);
}
.mt-md {
  margin-top: var(--spacing-md);
}
.mt-lg {
  margin-top: var(--spacing-lg);
}
.mt-xl {
  margin-top: var(--spacing-xl);
}
.mt-xxl {
  margin-top: var(--spacing-xxl);
}
.mt-xxxl {
  margin-top: var(--spacing-xxxl);
}
.mt-0 {
  margin-top: 0;
}
.mt-half {
  margin-top: var(--spacing-xs);
}
.mt-1 {
  margin-top: var(--spacing-sm);
}
.mt-2 {
  margin-top: var(--spacing-md);
}
.mt-3 {
  margin-top: var(--spacing-lg);
}
.mt-4 {
  margin-top: var(--spacing-xl);
}
.mb-none {
  margin-bottom: var(--spacing-none);
}
.mb-xxs {
  margin-bottom: var(--spacing-xxs);
}
.mb-xs {
  margin-bottom: var(--spacing-xs);
}
.mb-sm {
  margin-bottom: var(--spacing-sm);
}
.mb-md {
  margin-bottom: var(--spacing-md);
}
.mb-lg {
  margin-bottom: var(--spacing-lg);
}
.mb-xl {
  margin-bottom: var(--spacing-xl);
}
.mb-xxl {
  margin-bottom: var(--spacing-xxl);
}
.mb-xxxl {
  margin-bottom: var(--spacing-xxxl);
}
.mb-0 {
  margin-bottom: 0;
}
.mb-half {
  margin-bottom: var(--spacing-xs);
}
.mb-1 {
  margin-bottom: var(--spacing-sm);
}
.mb-2 {
  margin-bottom: var(--spacing-md);
}
.mb-3 {
  margin-bottom: var(--spacing-lg);
}
.mb-4 {
  margin-bottom: var(--spacing-xl);
}
.ml-none {
  margin-left: var(--spacing-none);
}
.ml-xxs {
  margin-left: var(--spacing-xxs);
}
.ml-xs {
  margin-left: var(--spacing-xs);
}
.ml-sm {
  margin-left: var(--spacing-sm);
}
.ml-md {
  margin-left: var(--spacing-md);
}
.ml-lg {
  margin-left: var(--spacing-lg);
}
.ml-xl {
  margin-left: var(--spacing-xl);
}
.ml-xxl {
  margin-left: var(--spacing-xxl);
}
.ml-xxxl {
  margin-left: var(--spacing-xxxl);
}
.ml-0 {
  margin-left: 0;
}
.ml-half {
  margin-left: var(--spacing-xs);
}
.ml-1 {
  margin-left: var(--spacing-sm);
}
.ml-2 {
  margin-left: var(--spacing-md);
}
.ml-3 {
  margin-left: var(--spacing-lg);
}
.ml-4 {
  margin-left: var(--spacing-xl);
}
.mr-none {
  margin-right: var(--spacing-none);
}
.mr-xxs {
  margin-right: var(--spacing-xxs);
}
.mr-xs {
  margin-right: var(--spacing-xs);
}
.mr-sm {
  margin-right: var(--spacing-sm);
}
.mr-md {
  margin-right: var(--spacing-md);
}
.mr-lg {
  margin-right: var(--spacing-lg);
}
.mr-xl {
  margin-right: var(--spacing-xl);
}
.mr-xxl {
  margin-right: var(--spacing-xxl);
}
.mr-xxxl {
  margin-right: var(--spacing-xxxl);
}
.mr-0 {
  margin-right: 0;
}
.mr-half {
  margin-right: var(--spacing-xs);
}
.mr-1 {
  margin-right: var(--spacing-sm);
}
.mr-2 {
  margin-right: var(--spacing-md);
}
.mr-3 {
  margin-right: var(--spacing-lg);
}
.mr-4 {
  margin-right: var(--spacing-xl);
}
.mx-none {
  margin-left: var(--spacing-none);
  margin-right: var(--spacing-none);
}
.mx-xxs {
  margin-left: var(--spacing-xxs);
  margin-right: var(--spacing-xxs);
}
.mx-xs {
  margin-left: var(--spacing-xs);
  margin-right: var(--spacing-xs);
}
.mx-sm {
  margin-left: var(--spacing-sm);
  margin-right: var(--spacing-sm);
}
.mx-md {
  margin-left: var(--spacing-md);
  margin-right: var(--spacing-md);
}
.mx-lg {
  margin-left: var(--spacing-lg);
  margin-right: var(--spacing-lg);
}
.mx-xl {
  margin-left: var(--spacing-xl);
  margin-right: var(--spacing-xl);
}
.mx-xxl {
  margin-left: var(--spacing-xxl);
  margin-right: var(--spacing-xxl);
}
.mx-xxxl {
  margin-left: var(--spacing-xxxl);
  margin-right: var(--spacing-xxxl);
}
.mx-0 {
  margin-left: 0;
  margin-right: 0;
}
.mx-half {
  margin-left: var(--spacing-xs);
  margin-right: var(--spacing-xs);
}
.mx-1 {
  margin-left: var(--spacing-sm);
  margin-right: var(--spacing-sm);
}
.mx-2 {
  margin-left: var(--spacing-md);
  margin-right: var(--spacing-md);
}
.mx-3 {
  margin-left: var(--spacing-lg);
  margin-right: var(--spacing-lg);
}
.mx-4 {
  margin-left: var(--spacing-xl);
  margin-right: var(--spacing-xl);
}
.my-none {
  margin-top: var(--spacing-none);
  margin-bottom: var(--spacing-none);
}
.my-xxs {
  margin-top: var(--spacing-xxs);
  margin-bottom: var(--spacing-xxs);
}
.my-xs {
  margin-top: var(--spacing-xs);
  margin-bottom: var(--spacing-xs);
}
.my-sm {
  margin-top: var(--spacing-sm);
  margin-bottom: var(--spacing-sm);
}
.my-md {
  margin-top: var(--spacing-md);
  margin-bottom: var(--spacing-md);
}
.my-lg {
  margin-top: var(--spacing-lg);
  margin-bottom: var(--spacing-lg);
}
.my-xl {
  margin-top: var(--spacing-xl);
  margin-bottom: var(--spacing-xl);
}
.my-xxl {
  margin-top: var(--spacing-xxl);
  margin-bottom: var(--spacing-xxl);
}
.my-xxxl {
  margin-top: var(--spacing-xxxl);
  margin-bottom: var(--spacing-xxxl);
}
.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}
.my-half {
  margin-top: var(--spacing-xs);
  margin-bottom: var(--spacing-xs);
}
.my-1 {
  margin-top: var(--spacing-sm);
  margin-bottom: var(--spacing-sm);
}
.my-2 {
  margin-top: var(--spacing-md);
  margin-bottom: var(--spacing-md);
}
.my-3 {
  margin-top: var(--spacing-lg);
  margin-bottom: var(--spacing-lg);
}
.my-4 {
  margin-top: var(--spacing-xl);
  margin-bottom: var(--spacing-xl);
}
.m-none {
  margin-top: var(--spacing-none);
  margin-bottom: var(--spacing-none);
  margin-left: var(--spacing-none);
  margin-right: var(--spacing-none);
}
.m-xxs {
  margin-top: var(--spacing-xxs);
  margin-bottom: var(--spacing-xxs);
  margin-left: var(--spacing-xxs);
  margin-right: var(--spacing-xxs);
}
.m-xs {
  margin-top: var(--spacing-xs);
  margin-bottom: var(--spacing-xs);
  margin-left: var(--spacing-xs);
  margin-right: var(--spacing-xs);
}
.m-sm {
  margin-top: var(--spacing-sm);
  margin-bottom: var(--spacing-sm);
  margin-left: var(--spacing-sm);
  margin-right: var(--spacing-sm);
}
.m-md {
  margin-top: var(--spacing-md);
  margin-bottom: var(--spacing-md);
  margin-left: var(--spacing-md);
  margin-right: var(--spacing-md);
}
.m-lg {
  margin-top: var(--spacing-lg);
  margin-bottom: var(--spacing-lg);
  margin-left: var(--spacing-lg);
  margin-right: var(--spacing-lg);
}
.m-xl {
  margin-top: var(--spacing-xl);
  margin-bottom: var(--spacing-xl);
  margin-left: var(--spacing-xl);
  margin-right: var(--spacing-xl);
}
.m-xxl {
  margin-top: var(--spacing-xxl);
  margin-bottom: var(--spacing-xxl);
  margin-left: var(--spacing-xxl);
  margin-right: var(--spacing-xxl);
}
.m-xxxl {
  margin-top: var(--spacing-xxxl);
  margin-bottom: var(--spacing-xxxl);
  margin-left: var(--spacing-xxxl);
  margin-right: var(--spacing-xxxl);
}
.m-0 {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}
.m-half {
  margin-top: var(--spacing-xs);
  margin-bottom: var(--spacing-xs);
  margin-left: var(--spacing-xs);
  margin-right: var(--spacing-xs);
}
.m-1 {
  margin-top: var(--spacing-sm);
  margin-bottom: var(--spacing-sm);
  margin-left: var(--spacing-sm);
  margin-right: var(--spacing-sm);
}
.m-2 {
  margin-top: var(--spacing-md);
  margin-bottom: var(--spacing-md);
  margin-left: var(--spacing-md);
  margin-right: var(--spacing-md);
}
.m-3 {
  margin-top: var(--spacing-lg);
  margin-bottom: var(--spacing-lg);
  margin-left: var(--spacing-lg);
  margin-right: var(--spacing-lg);
}
.m-4 {
  margin-top: var(--spacing-xl);
  margin-bottom: var(--spacing-xl);
  margin-left: var(--spacing-xl);
  margin-right: var(--spacing-xl);
}
.pt-none {
  padding-top: var(--spacing-none);
}
.pt-xxs {
  padding-top: var(--spacing-xxs);
}
.pt-xs {
  padding-top: var(--spacing-xs);
}
.pt-sm {
  padding-top: var(--spacing-sm);
}
.pt-md {
  padding-top: var(--spacing-md);
}
.pt-lg {
  padding-top: var(--spacing-lg);
}
.pt-xl {
  padding-top: var(--spacing-xl);
}
.pt-xxl {
  padding-top: var(--spacing-xxl);
}
.pt-xxxl {
  padding-top: var(--spacing-xxxl);
}
.pt-0 {
  padding-top: 0;
}
.pt-half {
  padding-top: var(--spacing-xs);
}
.pt-1 {
  padding-top: var(--spacing-sm);
}
.pt-2 {
  padding-top: var(--spacing-md);
}
.pt-3 {
  padding-top: var(--spacing-lg);
}
.pt-4 {
  padding-top: var(--spacing-xl);
}
.pb-none {
  padding-bottom: var(--spacing-none);
}
.pb-xxs {
  padding-bottom: var(--spacing-xxs);
}
.pb-xs {
  padding-bottom: var(--spacing-xs);
}
.pb-sm {
  padding-bottom: var(--spacing-sm);
}
.pb-md {
  padding-bottom: var(--spacing-md);
}
.pb-lg {
  padding-bottom: var(--spacing-lg);
}
.pb-xl {
  padding-bottom: var(--spacing-xl);
}
.pb-xxl {
  padding-bottom: var(--spacing-xxl);
}
.pb-xxxl {
  padding-bottom: var(--spacing-xxxl);
}
.pb-0 {
  padding-bottom: 0;
}
.pb-half {
  padding-bottom: var(--spacing-xs);
}
.pb-1 {
  padding-bottom: var(--spacing-sm);
}
.pb-2 {
  padding-bottom: var(--spacing-md);
}
.pb-3 {
  padding-bottom: var(--spacing-lg);
}
.pb-4 {
  padding-bottom: var(--spacing-xl);
}
.pl-none {
  padding-left: var(--spacing-none);
}
.pl-xxs {
  padding-left: var(--spacing-xxs);
}
.pl-xs {
  padding-left: var(--spacing-xs);
}
.pl-sm {
  padding-left: var(--spacing-sm);
}
.pl-md {
  padding-left: var(--spacing-md);
}
.pl-lg {
  padding-left: var(--spacing-lg);
}
.pl-xl {
  padding-left: var(--spacing-xl);
}
.pl-xxl {
  padding-left: var(--spacing-xxl);
}
.pl-xxxl {
  padding-left: var(--spacing-xxxl);
}
.pl-0 {
  padding-left: 0;
}
.pl-half {
  padding-left: var(--spacing-xs);
}
.pl-1 {
  padding-left: var(--spacing-sm);
}
.pl-2 {
  padding-left: var(--spacing-md);
}
.pl-3 {
  padding-left: var(--spacing-lg);
}
.pl-4 {
  padding-left: var(--spacing-xl);
}
.pr-none {
  padding-right: var(--spacing-none);
}
.pr-xxs {
  padding-right: var(--spacing-xxs);
}
.pr-xs {
  padding-right: var(--spacing-xs);
}
.pr-sm {
  padding-right: var(--spacing-sm);
}
.pr-md {
  padding-right: var(--spacing-md);
}
.pr-lg {
  padding-right: var(--spacing-lg);
}
.pr-xl {
  padding-right: var(--spacing-xl);
}
.pr-xxl {
  padding-right: var(--spacing-xxl);
}
.pr-xxxl {
  padding-right: var(--spacing-xxxl);
}
.pr-0 {
  padding-right: 0;
}
.pr-half {
  padding-right: var(--spacing-xs);
}
.pr-1 {
  padding-right: var(--spacing-sm);
}
.pr-2 {
  padding-right: var(--spacing-md);
}
.pr-3 {
  padding-right: var(--spacing-lg);
}
.pr-4 {
  padding-right: var(--spacing-xl);
}
.px-none {
  padding-left: var(--spacing-none);
  padding-right: var(--spacing-none);
}
.px-xxs {
  padding-left: var(--spacing-xxs);
  padding-right: var(--spacing-xxs);
}
.px-xs {
  padding-left: var(--spacing-xs);
  padding-right: var(--spacing-xs);
}
.px-sm {
  padding-left: var(--spacing-sm);
  padding-right: var(--spacing-sm);
}
.px-md {
  padding-left: var(--spacing-md);
  padding-right: var(--spacing-md);
}
.px-lg {
  padding-left: var(--spacing-lg);
  padding-right: var(--spacing-lg);
}
.px-xl {
  padding-left: var(--spacing-xl);
  padding-right: var(--spacing-xl);
}
.px-xxl {
  padding-left: var(--spacing-xxl);
  padding-right: var(--spacing-xxl);
}
.px-xxxl {
  padding-left: var(--spacing-xxxl);
  padding-right: var(--spacing-xxxl);
}
.px-0 {
  padding-left: 0;
  padding-right: 0;
}
.px-half {
  padding-left: var(--spacing-xs);
  padding-right: var(--spacing-xs);
}
.px-1 {
  padding-left: var(--spacing-sm);
  padding-right: var(--spacing-sm);
}
.px-2 {
  padding-left: var(--spacing-md);
  padding-right: var(--spacing-md);
}
.px-3 {
  padding-left: var(--spacing-lg);
  padding-right: var(--spacing-lg);
}
.px-4 {
  padding-left: var(--spacing-xl);
  padding-right: var(--spacing-xl);
}
.py-none {
  padding-top: var(--spacing-none);
  padding-bottom: var(--spacing-none);
}
.py-xxs {
  padding-top: var(--spacing-xxs);
  padding-bottom: var(--spacing-xxs);
}
.py-xs {
  padding-top: var(--spacing-xs);
  padding-bottom: var(--spacing-xs);
}
.py-sm {
  padding-top: var(--spacing-sm);
  padding-bottom: var(--spacing-sm);
}
.py-md {
  padding-top: var(--spacing-md);
  padding-bottom: var(--spacing-md);
}
.py-lg {
  padding-top: var(--spacing-lg);
  padding-bottom: var(--spacing-lg);
}
.py-xl {
  padding-top: var(--spacing-xl);
  padding-bottom: var(--spacing-xl);
}
.py-xxl {
  padding-top: var(--spacing-xxl);
  padding-bottom: var(--spacing-xxl);
}
.py-xxxl {
  padding-top: var(--spacing-xxxl);
  padding-bottom: var(--spacing-xxxl);
}
.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.py-half {
  padding-top: var(--spacing-xs);
  padding-bottom: var(--spacing-xs);
}
.py-1 {
  padding-top: var(--spacing-sm);
  padding-bottom: var(--spacing-sm);
}
.py-2 {
  padding-top: var(--spacing-md);
  padding-bottom: var(--spacing-md);
}
.py-3 {
  padding-top: var(--spacing-lg);
  padding-bottom: var(--spacing-lg);
}
.py-4 {
  padding-top: var(--spacing-xl);
  padding-bottom: var(--spacing-xl);
}
.p-none {
  padding-top: var(--spacing-none);
  padding-bottom: var(--spacing-none);
  padding-left: var(--spacing-none);
  padding-right: var(--spacing-none);
}
.p-xxs {
  padding-top: var(--spacing-xxs);
  padding-bottom: var(--spacing-xxs);
  padding-left: var(--spacing-xxs);
  padding-right: var(--spacing-xxs);
}
.p-xs {
  padding-top: var(--spacing-xs);
  padding-bottom: var(--spacing-xs);
  padding-left: var(--spacing-xs);
  padding-right: var(--spacing-xs);
}
.p-sm {
  padding-top: var(--spacing-sm);
  padding-bottom: var(--spacing-sm);
  padding-left: var(--spacing-sm);
  padding-right: var(--spacing-sm);
}
.p-md {
  padding-top: var(--spacing-md);
  padding-bottom: var(--spacing-md);
  padding-left: var(--spacing-md);
  padding-right: var(--spacing-md);
}
.p-lg {
  padding-top: var(--spacing-lg);
  padding-bottom: var(--spacing-lg);
  padding-left: var(--spacing-lg);
  padding-right: var(--spacing-lg);
}
.p-xl {
  padding-top: var(--spacing-xl);
  padding-bottom: var(--spacing-xl);
  padding-left: var(--spacing-xl);
  padding-right: var(--spacing-xl);
}
.p-xxl {
  padding-top: var(--spacing-xxl);
  padding-bottom: var(--spacing-xxl);
  padding-left: var(--spacing-xxl);
  padding-right: var(--spacing-xxl);
}
.p-xxxl {
  padding-top: var(--spacing-xxxl);
  padding-bottom: var(--spacing-xxxl);
  padding-left: var(--spacing-xxxl);
  padding-right: var(--spacing-xxxl);
}
.p-0 {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}
.p-half {
  padding-top: var(--spacing-xs);
  padding-bottom: var(--spacing-xs);
  padding-left: var(--spacing-xs);
  padding-right: var(--spacing-xs);
}
.p-1 {
  padding-top: var(--spacing-sm);
  padding-bottom: var(--spacing-sm);
  padding-left: var(--spacing-sm);
  padding-right: var(--spacing-sm);
}
.p-2 {
  padding-top: var(--spacing-md);
  padding-bottom: var(--spacing-md);
  padding-left: var(--spacing-md);
  padding-right: var(--spacing-md);
}
.p-3 {
  padding-top: var(--spacing-lg);
  padding-bottom: var(--spacing-lg);
  padding-left: var(--spacing-lg);
  padding-right: var(--spacing-lg);
}
.p-4 {
  padding-top: var(--spacing-xl);
  padding-bottom: var(--spacing-xl);
  padding-left: var(--spacing-xl);
  padding-right: var(--spacing-xl);
}
@media only screen and (min-width: 667px) {
  .sm-mt-none {
    margin-top: var(--spacing-none);
  }

  .sm-mt-xxs {
    margin-top: var(--spacing-xxs);
  }

  .sm-mt-xs {
    margin-top: var(--spacing-xs);
  }

  .sm-mt-sm {
    margin-top: var(--spacing-sm);
  }

  .sm-mt-md {
    margin-top: var(--spacing-md);
  }

  .sm-mt-lg {
    margin-top: var(--spacing-lg);
  }

  .sm-mt-xl {
    margin-top: var(--spacing-xl);
  }

  .sm-mt-xxl {
    margin-top: var(--spacing-xxl);
  }

  .sm-mt-xxxl {
    margin-top: var(--spacing-xxxl);
  }

  .sm-mt-0 {
    margin-top: 0;
  }

  .sm-mt-half {
    margin-top: var(--spacing-xs);
  }

  .sm-mt-1 {
    margin-top: var(--spacing-sm);
  }

  .sm-mt-2 {
    margin-top: var(--spacing-md);
  }

  .sm-mt-3 {
    margin-top: var(--spacing-lg);
  }

  .sm-mt-4 {
    margin-top: var(--spacing-xl);
  }

  .sm-mb-none {
    margin-bottom: var(--spacing-none);
  }

  .sm-mb-xxs {
    margin-bottom: var(--spacing-xxs);
  }

  .sm-mb-xs {
    margin-bottom: var(--spacing-xs);
  }

  .sm-mb-sm {
    margin-bottom: var(--spacing-sm);
  }

  .sm-mb-md {
    margin-bottom: var(--spacing-md);
  }

  .sm-mb-lg {
    margin-bottom: var(--spacing-lg);
  }

  .sm-mb-xl {
    margin-bottom: var(--spacing-xl);
  }

  .sm-mb-xxl {
    margin-bottom: var(--spacing-xxl);
  }

  .sm-mb-xxxl {
    margin-bottom: var(--spacing-xxxl);
  }

  .sm-mb-0 {
    margin-bottom: 0;
  }

  .sm-mb-half {
    margin-bottom: var(--spacing-xs);
  }

  .sm-mb-1 {
    margin-bottom: var(--spacing-sm);
  }

  .sm-mb-2 {
    margin-bottom: var(--spacing-md);
  }

  .sm-mb-3 {
    margin-bottom: var(--spacing-lg);
  }

  .sm-mb-4 {
    margin-bottom: var(--spacing-xl);
  }

  .sm-ml-none {
    margin-left: var(--spacing-none);
  }

  .sm-ml-xxs {
    margin-left: var(--spacing-xxs);
  }

  .sm-ml-xs {
    margin-left: var(--spacing-xs);
  }

  .sm-ml-sm {
    margin-left: var(--spacing-sm);
  }

  .sm-ml-md {
    margin-left: var(--spacing-md);
  }

  .sm-ml-lg {
    margin-left: var(--spacing-lg);
  }

  .sm-ml-xl {
    margin-left: var(--spacing-xl);
  }

  .sm-ml-xxl {
    margin-left: var(--spacing-xxl);
  }

  .sm-ml-xxxl {
    margin-left: var(--spacing-xxxl);
  }

  .sm-ml-0 {
    margin-left: 0;
  }

  .sm-ml-half {
    margin-left: var(--spacing-xs);
  }

  .sm-ml-1 {
    margin-left: var(--spacing-sm);
  }

  .sm-ml-2 {
    margin-left: var(--spacing-md);
  }

  .sm-ml-3 {
    margin-left: var(--spacing-lg);
  }

  .sm-ml-4 {
    margin-left: var(--spacing-xl);
  }

  .sm-mr-none {
    margin-right: var(--spacing-none);
  }

  .sm-mr-xxs {
    margin-right: var(--spacing-xxs);
  }

  .sm-mr-xs {
    margin-right: var(--spacing-xs);
  }

  .sm-mr-sm {
    margin-right: var(--spacing-sm);
  }

  .sm-mr-md {
    margin-right: var(--spacing-md);
  }

  .sm-mr-lg {
    margin-right: var(--spacing-lg);
  }

  .sm-mr-xl {
    margin-right: var(--spacing-xl);
  }

  .sm-mr-xxl {
    margin-right: var(--spacing-xxl);
  }

  .sm-mr-xxxl {
    margin-right: var(--spacing-xxxl);
  }

  .sm-mr-0 {
    margin-right: 0;
  }

  .sm-mr-half {
    margin-right: var(--spacing-xs);
  }

  .sm-mr-1 {
    margin-right: var(--spacing-sm);
  }

  .sm-mr-2 {
    margin-right: var(--spacing-md);
  }

  .sm-mr-3 {
    margin-right: var(--spacing-lg);
  }

  .sm-mr-4 {
    margin-right: var(--spacing-xl);
  }

  .sm-mx-none {
    margin-left: var(--spacing-none);
    margin-right: var(--spacing-none);
  }

  .sm-mx-xxs {
    margin-left: var(--spacing-xxs);
    margin-right: var(--spacing-xxs);
  }

  .sm-mx-xs {
    margin-left: var(--spacing-xs);
    margin-right: var(--spacing-xs);
  }

  .sm-mx-sm {
    margin-left: var(--spacing-sm);
    margin-right: var(--spacing-sm);
  }

  .sm-mx-md {
    margin-left: var(--spacing-md);
    margin-right: var(--spacing-md);
  }

  .sm-mx-lg {
    margin-left: var(--spacing-lg);
    margin-right: var(--spacing-lg);
  }

  .sm-mx-xl {
    margin-left: var(--spacing-xl);
    margin-right: var(--spacing-xl);
  }

  .sm-mx-xxl {
    margin-left: var(--spacing-xxl);
    margin-right: var(--spacing-xxl);
  }

  .sm-mx-xxxl {
    margin-left: var(--spacing-xxxl);
    margin-right: var(--spacing-xxxl);
  }

  .sm-mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .sm-mx-half {
    margin-left: var(--spacing-xs);
    margin-right: var(--spacing-xs);
  }

  .sm-mx-1 {
    margin-left: var(--spacing-sm);
    margin-right: var(--spacing-sm);
  }

  .sm-mx-2 {
    margin-left: var(--spacing-md);
    margin-right: var(--spacing-md);
  }

  .sm-mx-3 {
    margin-left: var(--spacing-lg);
    margin-right: var(--spacing-lg);
  }

  .sm-mx-4 {
    margin-left: var(--spacing-xl);
    margin-right: var(--spacing-xl);
  }

  .sm-my-none {
    margin-top: var(--spacing-none);
    margin-bottom: var(--spacing-none);
  }

  .sm-my-xxs {
    margin-top: var(--spacing-xxs);
    margin-bottom: var(--spacing-xxs);
  }

  .sm-my-xs {
    margin-top: var(--spacing-xs);
    margin-bottom: var(--spacing-xs);
  }

  .sm-my-sm {
    margin-top: var(--spacing-sm);
    margin-bottom: var(--spacing-sm);
  }

  .sm-my-md {
    margin-top: var(--spacing-md);
    margin-bottom: var(--spacing-md);
  }

  .sm-my-lg {
    margin-top: var(--spacing-lg);
    margin-bottom: var(--spacing-lg);
  }

  .sm-my-xl {
    margin-top: var(--spacing-xl);
    margin-bottom: var(--spacing-xl);
  }

  .sm-my-xxl {
    margin-top: var(--spacing-xxl);
    margin-bottom: var(--spacing-xxl);
  }

  .sm-my-xxxl {
    margin-top: var(--spacing-xxxl);
    margin-bottom: var(--spacing-xxxl);
  }

  .sm-my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .sm-my-half {
    margin-top: var(--spacing-xs);
    margin-bottom: var(--spacing-xs);
  }

  .sm-my-1 {
    margin-top: var(--spacing-sm);
    margin-bottom: var(--spacing-sm);
  }

  .sm-my-2 {
    margin-top: var(--spacing-md);
    margin-bottom: var(--spacing-md);
  }

  .sm-my-3 {
    margin-top: var(--spacing-lg);
    margin-bottom: var(--spacing-lg);
  }

  .sm-my-4 {
    margin-top: var(--spacing-xl);
    margin-bottom: var(--spacing-xl);
  }

  .sm-m-none {
    margin-top: var(--spacing-none);
    margin-bottom: var(--spacing-none);
    margin-left: var(--spacing-none);
    margin-right: var(--spacing-none);
  }

  .sm-m-xxs {
    margin-top: var(--spacing-xxs);
    margin-bottom: var(--spacing-xxs);
    margin-left: var(--spacing-xxs);
    margin-right: var(--spacing-xxs);
  }

  .sm-m-xs {
    margin-top: var(--spacing-xs);
    margin-bottom: var(--spacing-xs);
    margin-left: var(--spacing-xs);
    margin-right: var(--spacing-xs);
  }

  .sm-m-sm {
    margin-top: var(--spacing-sm);
    margin-bottom: var(--spacing-sm);
    margin-left: var(--spacing-sm);
    margin-right: var(--spacing-sm);
  }

  .sm-m-md {
    margin-top: var(--spacing-md);
    margin-bottom: var(--spacing-md);
    margin-left: var(--spacing-md);
    margin-right: var(--spacing-md);
  }

  .sm-m-lg {
    margin-top: var(--spacing-lg);
    margin-bottom: var(--spacing-lg);
    margin-left: var(--spacing-lg);
    margin-right: var(--spacing-lg);
  }

  .sm-m-xl {
    margin-top: var(--spacing-xl);
    margin-bottom: var(--spacing-xl);
    margin-left: var(--spacing-xl);
    margin-right: var(--spacing-xl);
  }

  .sm-m-xxl {
    margin-top: var(--spacing-xxl);
    margin-bottom: var(--spacing-xxl);
    margin-left: var(--spacing-xxl);
    margin-right: var(--spacing-xxl);
  }

  .sm-m-xxxl {
    margin-top: var(--spacing-xxxl);
    margin-bottom: var(--spacing-xxxl);
    margin-left: var(--spacing-xxxl);
    margin-right: var(--spacing-xxxl);
  }

  .sm-m-0 {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .sm-m-half {
    margin-top: var(--spacing-xs);
    margin-bottom: var(--spacing-xs);
    margin-left: var(--spacing-xs);
    margin-right: var(--spacing-xs);
  }

  .sm-m-1 {
    margin-top: var(--spacing-sm);
    margin-bottom: var(--spacing-sm);
    margin-left: var(--spacing-sm);
    margin-right: var(--spacing-sm);
  }

  .sm-m-2 {
    margin-top: var(--spacing-md);
    margin-bottom: var(--spacing-md);
    margin-left: var(--spacing-md);
    margin-right: var(--spacing-md);
  }

  .sm-m-3 {
    margin-top: var(--spacing-lg);
    margin-bottom: var(--spacing-lg);
    margin-left: var(--spacing-lg);
    margin-right: var(--spacing-lg);
  }

  .sm-m-4 {
    margin-top: var(--spacing-xl);
    margin-bottom: var(--spacing-xl);
    margin-left: var(--spacing-xl);
    margin-right: var(--spacing-xl);
  }

  .sm-pt-none {
    padding-top: var(--spacing-none);
  }

  .sm-pt-xxs {
    padding-top: var(--spacing-xxs);
  }

  .sm-pt-xs {
    padding-top: var(--spacing-xs);
  }

  .sm-pt-sm {
    padding-top: var(--spacing-sm);
  }

  .sm-pt-md {
    padding-top: var(--spacing-md);
  }

  .sm-pt-lg {
    padding-top: var(--spacing-lg);
  }

  .sm-pt-xl {
    padding-top: var(--spacing-xl);
  }

  .sm-pt-xxl {
    padding-top: var(--spacing-xxl);
  }

  .sm-pt-xxxl {
    padding-top: var(--spacing-xxxl);
  }

  .sm-pt-0 {
    padding-top: 0;
  }

  .sm-pt-half {
    padding-top: var(--spacing-xs);
  }

  .sm-pt-1 {
    padding-top: var(--spacing-sm);
  }

  .sm-pt-2 {
    padding-top: var(--spacing-md);
  }

  .sm-pt-3 {
    padding-top: var(--spacing-lg);
  }

  .sm-pt-4 {
    padding-top: var(--spacing-xl);
  }

  .sm-pb-none {
    padding-bottom: var(--spacing-none);
  }

  .sm-pb-xxs {
    padding-bottom: var(--spacing-xxs);
  }

  .sm-pb-xs {
    padding-bottom: var(--spacing-xs);
  }

  .sm-pb-sm {
    padding-bottom: var(--spacing-sm);
  }

  .sm-pb-md {
    padding-bottom: var(--spacing-md);
  }

  .sm-pb-lg {
    padding-bottom: var(--spacing-lg);
  }

  .sm-pb-xl {
    padding-bottom: var(--spacing-xl);
  }

  .sm-pb-xxl {
    padding-bottom: var(--spacing-xxl);
  }

  .sm-pb-xxxl {
    padding-bottom: var(--spacing-xxxl);
  }

  .sm-pb-0 {
    padding-bottom: 0;
  }

  .sm-pb-half {
    padding-bottom: var(--spacing-xs);
  }

  .sm-pb-1 {
    padding-bottom: var(--spacing-sm);
  }

  .sm-pb-2 {
    padding-bottom: var(--spacing-md);
  }

  .sm-pb-3 {
    padding-bottom: var(--spacing-lg);
  }

  .sm-pb-4 {
    padding-bottom: var(--spacing-xl);
  }

  .sm-pl-none {
    padding-left: var(--spacing-none);
  }

  .sm-pl-xxs {
    padding-left: var(--spacing-xxs);
  }

  .sm-pl-xs {
    padding-left: var(--spacing-xs);
  }

  .sm-pl-sm {
    padding-left: var(--spacing-sm);
  }

  .sm-pl-md {
    padding-left: var(--spacing-md);
  }

  .sm-pl-lg {
    padding-left: var(--spacing-lg);
  }

  .sm-pl-xl {
    padding-left: var(--spacing-xl);
  }

  .sm-pl-xxl {
    padding-left: var(--spacing-xxl);
  }

  .sm-pl-xxxl {
    padding-left: var(--spacing-xxxl);
  }

  .sm-pl-0 {
    padding-left: 0;
  }

  .sm-pl-half {
    padding-left: var(--spacing-xs);
  }

  .sm-pl-1 {
    padding-left: var(--spacing-sm);
  }

  .sm-pl-2 {
    padding-left: var(--spacing-md);
  }

  .sm-pl-3 {
    padding-left: var(--spacing-lg);
  }

  .sm-pl-4 {
    padding-left: var(--spacing-xl);
  }

  .sm-pr-none {
    padding-right: var(--spacing-none);
  }

  .sm-pr-xxs {
    padding-right: var(--spacing-xxs);
  }

  .sm-pr-xs {
    padding-right: var(--spacing-xs);
  }

  .sm-pr-sm {
    padding-right: var(--spacing-sm);
  }

  .sm-pr-md {
    padding-right: var(--spacing-md);
  }

  .sm-pr-lg {
    padding-right: var(--spacing-lg);
  }

  .sm-pr-xl {
    padding-right: var(--spacing-xl);
  }

  .sm-pr-xxl {
    padding-right: var(--spacing-xxl);
  }

  .sm-pr-xxxl {
    padding-right: var(--spacing-xxxl);
  }

  .sm-pr-0 {
    padding-right: 0;
  }

  .sm-pr-half {
    padding-right: var(--spacing-xs);
  }

  .sm-pr-1 {
    padding-right: var(--spacing-sm);
  }

  .sm-pr-2 {
    padding-right: var(--spacing-md);
  }

  .sm-pr-3 {
    padding-right: var(--spacing-lg);
  }

  .sm-pr-4 {
    padding-right: var(--spacing-xl);
  }

  .sm-px-none {
    padding-left: var(--spacing-none);
    padding-right: var(--spacing-none);
  }

  .sm-px-xxs {
    padding-left: var(--spacing-xxs);
    padding-right: var(--spacing-xxs);
  }

  .sm-px-xs {
    padding-left: var(--spacing-xs);
    padding-right: var(--spacing-xs);
  }

  .sm-px-sm {
    padding-left: var(--spacing-sm);
    padding-right: var(--spacing-sm);
  }

  .sm-px-md {
    padding-left: var(--spacing-md);
    padding-right: var(--spacing-md);
  }

  .sm-px-lg {
    padding-left: var(--spacing-lg);
    padding-right: var(--spacing-lg);
  }

  .sm-px-xl {
    padding-left: var(--spacing-xl);
    padding-right: var(--spacing-xl);
  }

  .sm-px-xxl {
    padding-left: var(--spacing-xxl);
    padding-right: var(--spacing-xxl);
  }

  .sm-px-xxxl {
    padding-left: var(--spacing-xxxl);
    padding-right: var(--spacing-xxxl);
  }

  .sm-px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .sm-px-half {
    padding-left: var(--spacing-xs);
    padding-right: var(--spacing-xs);
  }

  .sm-px-1 {
    padding-left: var(--spacing-sm);
    padding-right: var(--spacing-sm);
  }

  .sm-px-2 {
    padding-left: var(--spacing-md);
    padding-right: var(--spacing-md);
  }

  .sm-px-3 {
    padding-left: var(--spacing-lg);
    padding-right: var(--spacing-lg);
  }

  .sm-px-4 {
    padding-left: var(--spacing-xl);
    padding-right: var(--spacing-xl);
  }

  .sm-py-none {
    padding-top: var(--spacing-none);
    padding-bottom: var(--spacing-none);
  }

  .sm-py-xxs {
    padding-top: var(--spacing-xxs);
    padding-bottom: var(--spacing-xxs);
  }

  .sm-py-xs {
    padding-top: var(--spacing-xs);
    padding-bottom: var(--spacing-xs);
  }

  .sm-py-sm {
    padding-top: var(--spacing-sm);
    padding-bottom: var(--spacing-sm);
  }

  .sm-py-md {
    padding-top: var(--spacing-md);
    padding-bottom: var(--spacing-md);
  }

  .sm-py-lg {
    padding-top: var(--spacing-lg);
    padding-bottom: var(--spacing-lg);
  }

  .sm-py-xl {
    padding-top: var(--spacing-xl);
    padding-bottom: var(--spacing-xl);
  }

  .sm-py-xxl {
    padding-top: var(--spacing-xxl);
    padding-bottom: var(--spacing-xxl);
  }

  .sm-py-xxxl {
    padding-top: var(--spacing-xxxl);
    padding-bottom: var(--spacing-xxxl);
  }

  .sm-py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .sm-py-half {
    padding-top: var(--spacing-xs);
    padding-bottom: var(--spacing-xs);
  }

  .sm-py-1 {
    padding-top: var(--spacing-sm);
    padding-bottom: var(--spacing-sm);
  }

  .sm-py-2 {
    padding-top: var(--spacing-md);
    padding-bottom: var(--spacing-md);
  }

  .sm-py-3 {
    padding-top: var(--spacing-lg);
    padding-bottom: var(--spacing-lg);
  }

  .sm-py-4 {
    padding-top: var(--spacing-xl);
    padding-bottom: var(--spacing-xl);
  }

  .sm-p-none {
    padding-top: var(--spacing-none);
    padding-bottom: var(--spacing-none);
    padding-left: var(--spacing-none);
    padding-right: var(--spacing-none);
  }

  .sm-p-xxs {
    padding-top: var(--spacing-xxs);
    padding-bottom: var(--spacing-xxs);
    padding-left: var(--spacing-xxs);
    padding-right: var(--spacing-xxs);
  }

  .sm-p-xs {
    padding-top: var(--spacing-xs);
    padding-bottom: var(--spacing-xs);
    padding-left: var(--spacing-xs);
    padding-right: var(--spacing-xs);
  }

  .sm-p-sm {
    padding-top: var(--spacing-sm);
    padding-bottom: var(--spacing-sm);
    padding-left: var(--spacing-sm);
    padding-right: var(--spacing-sm);
  }

  .sm-p-md {
    padding-top: var(--spacing-md);
    padding-bottom: var(--spacing-md);
    padding-left: var(--spacing-md);
    padding-right: var(--spacing-md);
  }

  .sm-p-lg {
    padding-top: var(--spacing-lg);
    padding-bottom: var(--spacing-lg);
    padding-left: var(--spacing-lg);
    padding-right: var(--spacing-lg);
  }

  .sm-p-xl {
    padding-top: var(--spacing-xl);
    padding-bottom: var(--spacing-xl);
    padding-left: var(--spacing-xl);
    padding-right: var(--spacing-xl);
  }

  .sm-p-xxl {
    padding-top: var(--spacing-xxl);
    padding-bottom: var(--spacing-xxl);
    padding-left: var(--spacing-xxl);
    padding-right: var(--spacing-xxl);
  }

  .sm-p-xxxl {
    padding-top: var(--spacing-xxxl);
    padding-bottom: var(--spacing-xxxl);
    padding-left: var(--spacing-xxxl);
    padding-right: var(--spacing-xxxl);
  }

  .sm-p-0 {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .sm-p-half {
    padding-top: var(--spacing-xs);
    padding-bottom: var(--spacing-xs);
    padding-left: var(--spacing-xs);
    padding-right: var(--spacing-xs);
  }

  .sm-p-1 {
    padding-top: var(--spacing-sm);
    padding-bottom: var(--spacing-sm);
    padding-left: var(--spacing-sm);
    padding-right: var(--spacing-sm);
  }

  .sm-p-2 {
    padding-top: var(--spacing-md);
    padding-bottom: var(--spacing-md);
    padding-left: var(--spacing-md);
    padding-right: var(--spacing-md);
  }

  .sm-p-3 {
    padding-top: var(--spacing-lg);
    padding-bottom: var(--spacing-lg);
    padding-left: var(--spacing-lg);
    padding-right: var(--spacing-lg);
  }

  .sm-p-4 {
    padding-top: var(--spacing-xl);
    padding-bottom: var(--spacing-xl);
    padding-left: var(--spacing-xl);
    padding-right: var(--spacing-xl);
  }
}
@media only screen and (min-width: 768px) {
  .md-mt-none {
    margin-top: var(--spacing-none);
  }

  .md-mt-xxs {
    margin-top: var(--spacing-xxs);
  }

  .md-mt-xs {
    margin-top: var(--spacing-xs);
  }

  .md-mt-sm {
    margin-top: var(--spacing-sm);
  }

  .md-mt-md {
    margin-top: var(--spacing-md);
  }

  .md-mt-lg {
    margin-top: var(--spacing-lg);
  }

  .md-mt-xl {
    margin-top: var(--spacing-xl);
  }

  .md-mt-xxl {
    margin-top: var(--spacing-xxl);
  }

  .md-mt-xxxl {
    margin-top: var(--spacing-xxxl);
  }

  .md-mt-0 {
    margin-top: 0;
  }

  .md-mt-half {
    margin-top: var(--spacing-xs);
  }

  .md-mt-1 {
    margin-top: var(--spacing-sm);
  }

  .md-mt-2 {
    margin-top: var(--spacing-md);
  }

  .md-mt-3 {
    margin-top: var(--spacing-lg);
  }

  .md-mt-4 {
    margin-top: var(--spacing-xl);
  }

  .md-mb-none {
    margin-bottom: var(--spacing-none);
  }

  .md-mb-xxs {
    margin-bottom: var(--spacing-xxs);
  }

  .md-mb-xs {
    margin-bottom: var(--spacing-xs);
  }

  .md-mb-sm {
    margin-bottom: var(--spacing-sm);
  }

  .md-mb-md {
    margin-bottom: var(--spacing-md);
  }

  .md-mb-lg {
    margin-bottom: var(--spacing-lg);
  }

  .md-mb-xl {
    margin-bottom: var(--spacing-xl);
  }

  .md-mb-xxl {
    margin-bottom: var(--spacing-xxl);
  }

  .md-mb-xxxl {
    margin-bottom: var(--spacing-xxxl);
  }

  .md-mb-0 {
    margin-bottom: 0;
  }

  .md-mb-half {
    margin-bottom: var(--spacing-xs);
  }

  .md-mb-1 {
    margin-bottom: var(--spacing-sm);
  }

  .md-mb-2 {
    margin-bottom: var(--spacing-md);
  }

  .md-mb-3 {
    margin-bottom: var(--spacing-lg);
  }

  .md-mb-4 {
    margin-bottom: var(--spacing-xl);
  }

  .md-ml-none {
    margin-left: var(--spacing-none);
  }

  .md-ml-xxs {
    margin-left: var(--spacing-xxs);
  }

  .md-ml-xs {
    margin-left: var(--spacing-xs);
  }

  .md-ml-sm {
    margin-left: var(--spacing-sm);
  }

  .md-ml-md {
    margin-left: var(--spacing-md);
  }

  .md-ml-lg {
    margin-left: var(--spacing-lg);
  }

  .md-ml-xl {
    margin-left: var(--spacing-xl);
  }

  .md-ml-xxl {
    margin-left: var(--spacing-xxl);
  }

  .md-ml-xxxl {
    margin-left: var(--spacing-xxxl);
  }

  .md-ml-0 {
    margin-left: 0;
  }

  .md-ml-half {
    margin-left: var(--spacing-xs);
  }

  .md-ml-1 {
    margin-left: var(--spacing-sm);
  }

  .md-ml-2 {
    margin-left: var(--spacing-md);
  }

  .md-ml-3 {
    margin-left: var(--spacing-lg);
  }

  .md-ml-4 {
    margin-left: var(--spacing-xl);
  }

  .md-mr-none {
    margin-right: var(--spacing-none);
  }

  .md-mr-xxs {
    margin-right: var(--spacing-xxs);
  }

  .md-mr-xs {
    margin-right: var(--spacing-xs);
  }

  .md-mr-sm {
    margin-right: var(--spacing-sm);
  }

  .md-mr-md {
    margin-right: var(--spacing-md);
  }

  .md-mr-lg {
    margin-right: var(--spacing-lg);
  }

  .md-mr-xl {
    margin-right: var(--spacing-xl);
  }

  .md-mr-xxl {
    margin-right: var(--spacing-xxl);
  }

  .md-mr-xxxl {
    margin-right: var(--spacing-xxxl);
  }

  .md-mr-0 {
    margin-right: 0;
  }

  .md-mr-half {
    margin-right: var(--spacing-xs);
  }

  .md-mr-1 {
    margin-right: var(--spacing-sm);
  }

  .md-mr-2 {
    margin-right: var(--spacing-md);
  }

  .md-mr-3 {
    margin-right: var(--spacing-lg);
  }

  .md-mr-4 {
    margin-right: var(--spacing-xl);
  }

  .md-mx-none {
    margin-left: var(--spacing-none);
    margin-right: var(--spacing-none);
  }

  .md-mx-xxs {
    margin-left: var(--spacing-xxs);
    margin-right: var(--spacing-xxs);
  }

  .md-mx-xs {
    margin-left: var(--spacing-xs);
    margin-right: var(--spacing-xs);
  }

  .md-mx-sm {
    margin-left: var(--spacing-sm);
    margin-right: var(--spacing-sm);
  }

  .md-mx-md {
    margin-left: var(--spacing-md);
    margin-right: var(--spacing-md);
  }

  .md-mx-lg {
    margin-left: var(--spacing-lg);
    margin-right: var(--spacing-lg);
  }

  .md-mx-xl {
    margin-left: var(--spacing-xl);
    margin-right: var(--spacing-xl);
  }

  .md-mx-xxl {
    margin-left: var(--spacing-xxl);
    margin-right: var(--spacing-xxl);
  }

  .md-mx-xxxl {
    margin-left: var(--spacing-xxxl);
    margin-right: var(--spacing-xxxl);
  }

  .md-mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .md-mx-half {
    margin-left: var(--spacing-xs);
    margin-right: var(--spacing-xs);
  }

  .md-mx-1 {
    margin-left: var(--spacing-sm);
    margin-right: var(--spacing-sm);
  }

  .md-mx-2 {
    margin-left: var(--spacing-md);
    margin-right: var(--spacing-md);
  }

  .md-mx-3 {
    margin-left: var(--spacing-lg);
    margin-right: var(--spacing-lg);
  }

  .md-mx-4 {
    margin-left: var(--spacing-xl);
    margin-right: var(--spacing-xl);
  }

  .md-my-none {
    margin-top: var(--spacing-none);
    margin-bottom: var(--spacing-none);
  }

  .md-my-xxs {
    margin-top: var(--spacing-xxs);
    margin-bottom: var(--spacing-xxs);
  }

  .md-my-xs {
    margin-top: var(--spacing-xs);
    margin-bottom: var(--spacing-xs);
  }

  .md-my-sm {
    margin-top: var(--spacing-sm);
    margin-bottom: var(--spacing-sm);
  }

  .md-my-md {
    margin-top: var(--spacing-md);
    margin-bottom: var(--spacing-md);
  }

  .md-my-lg {
    margin-top: var(--spacing-lg);
    margin-bottom: var(--spacing-lg);
  }

  .md-my-xl {
    margin-top: var(--spacing-xl);
    margin-bottom: var(--spacing-xl);
  }

  .md-my-xxl {
    margin-top: var(--spacing-xxl);
    margin-bottom: var(--spacing-xxl);
  }

  .md-my-xxxl {
    margin-top: var(--spacing-xxxl);
    margin-bottom: var(--spacing-xxxl);
  }

  .md-my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .md-my-half {
    margin-top: var(--spacing-xs);
    margin-bottom: var(--spacing-xs);
  }

  .md-my-1 {
    margin-top: var(--spacing-sm);
    margin-bottom: var(--spacing-sm);
  }

  .md-my-2 {
    margin-top: var(--spacing-md);
    margin-bottom: var(--spacing-md);
  }

  .md-my-3 {
    margin-top: var(--spacing-lg);
    margin-bottom: var(--spacing-lg);
  }

  .md-my-4 {
    margin-top: var(--spacing-xl);
    margin-bottom: var(--spacing-xl);
  }

  .md-m-none {
    margin-top: var(--spacing-none);
    margin-bottom: var(--spacing-none);
    margin-left: var(--spacing-none);
    margin-right: var(--spacing-none);
  }

  .md-m-xxs {
    margin-top: var(--spacing-xxs);
    margin-bottom: var(--spacing-xxs);
    margin-left: var(--spacing-xxs);
    margin-right: var(--spacing-xxs);
  }

  .md-m-xs {
    margin-top: var(--spacing-xs);
    margin-bottom: var(--spacing-xs);
    margin-left: var(--spacing-xs);
    margin-right: var(--spacing-xs);
  }

  .md-m-sm {
    margin-top: var(--spacing-sm);
    margin-bottom: var(--spacing-sm);
    margin-left: var(--spacing-sm);
    margin-right: var(--spacing-sm);
  }

  .md-m-md {
    margin-top: var(--spacing-md);
    margin-bottom: var(--spacing-md);
    margin-left: var(--spacing-md);
    margin-right: var(--spacing-md);
  }

  .md-m-lg {
    margin-top: var(--spacing-lg);
    margin-bottom: var(--spacing-lg);
    margin-left: var(--spacing-lg);
    margin-right: var(--spacing-lg);
  }

  .md-m-xl {
    margin-top: var(--spacing-xl);
    margin-bottom: var(--spacing-xl);
    margin-left: var(--spacing-xl);
    margin-right: var(--spacing-xl);
  }

  .md-m-xxl {
    margin-top: var(--spacing-xxl);
    margin-bottom: var(--spacing-xxl);
    margin-left: var(--spacing-xxl);
    margin-right: var(--spacing-xxl);
  }

  .md-m-xxxl {
    margin-top: var(--spacing-xxxl);
    margin-bottom: var(--spacing-xxxl);
    margin-left: var(--spacing-xxxl);
    margin-right: var(--spacing-xxxl);
  }

  .md-m-0 {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .md-m-half {
    margin-top: var(--spacing-xs);
    margin-bottom: var(--spacing-xs);
    margin-left: var(--spacing-xs);
    margin-right: var(--spacing-xs);
  }

  .md-m-1 {
    margin-top: var(--spacing-sm);
    margin-bottom: var(--spacing-sm);
    margin-left: var(--spacing-sm);
    margin-right: var(--spacing-sm);
  }

  .md-m-2 {
    margin-top: var(--spacing-md);
    margin-bottom: var(--spacing-md);
    margin-left: var(--spacing-md);
    margin-right: var(--spacing-md);
  }

  .md-m-3 {
    margin-top: var(--spacing-lg);
    margin-bottom: var(--spacing-lg);
    margin-left: var(--spacing-lg);
    margin-right: var(--spacing-lg);
  }

  .md-m-4 {
    margin-top: var(--spacing-xl);
    margin-bottom: var(--spacing-xl);
    margin-left: var(--spacing-xl);
    margin-right: var(--spacing-xl);
  }

  .md-pt-none {
    padding-top: var(--spacing-none);
  }

  .md-pt-xxs {
    padding-top: var(--spacing-xxs);
  }

  .md-pt-xs {
    padding-top: var(--spacing-xs);
  }

  .md-pt-sm {
    padding-top: var(--spacing-sm);
  }

  .md-pt-md {
    padding-top: var(--spacing-md);
  }

  .md-pt-lg {
    padding-top: var(--spacing-lg);
  }

  .md-pt-xl {
    padding-top: var(--spacing-xl);
  }

  .md-pt-xxl {
    padding-top: var(--spacing-xxl);
  }

  .md-pt-xxxl {
    padding-top: var(--spacing-xxxl);
  }

  .md-pt-0 {
    padding-top: 0;
  }

  .md-pt-half {
    padding-top: var(--spacing-xs);
  }

  .md-pt-1 {
    padding-top: var(--spacing-sm);
  }

  .md-pt-2 {
    padding-top: var(--spacing-md);
  }

  .md-pt-3 {
    padding-top: var(--spacing-lg);
  }

  .md-pt-4 {
    padding-top: var(--spacing-xl);
  }

  .md-pb-none {
    padding-bottom: var(--spacing-none);
  }

  .md-pb-xxs {
    padding-bottom: var(--spacing-xxs);
  }

  .md-pb-xs {
    padding-bottom: var(--spacing-xs);
  }

  .md-pb-sm {
    padding-bottom: var(--spacing-sm);
  }

  .md-pb-md {
    padding-bottom: var(--spacing-md);
  }

  .md-pb-lg {
    padding-bottom: var(--spacing-lg);
  }

  .md-pb-xl {
    padding-bottom: var(--spacing-xl);
  }

  .md-pb-xxl {
    padding-bottom: var(--spacing-xxl);
  }

  .md-pb-xxxl {
    padding-bottom: var(--spacing-xxxl);
  }

  .md-pb-0 {
    padding-bottom: 0;
  }

  .md-pb-half {
    padding-bottom: var(--spacing-xs);
  }

  .md-pb-1 {
    padding-bottom: var(--spacing-sm);
  }

  .md-pb-2 {
    padding-bottom: var(--spacing-md);
  }

  .md-pb-3 {
    padding-bottom: var(--spacing-lg);
  }

  .md-pb-4 {
    padding-bottom: var(--spacing-xl);
  }

  .md-pl-none {
    padding-left: var(--spacing-none);
  }

  .md-pl-xxs {
    padding-left: var(--spacing-xxs);
  }

  .md-pl-xs {
    padding-left: var(--spacing-xs);
  }

  .md-pl-sm {
    padding-left: var(--spacing-sm);
  }

  .md-pl-md {
    padding-left: var(--spacing-md);
  }

  .md-pl-lg {
    padding-left: var(--spacing-lg);
  }

  .md-pl-xl {
    padding-left: var(--spacing-xl);
  }

  .md-pl-xxl {
    padding-left: var(--spacing-xxl);
  }

  .md-pl-xxxl {
    padding-left: var(--spacing-xxxl);
  }

  .md-pl-0 {
    padding-left: 0;
  }

  .md-pl-half {
    padding-left: var(--spacing-xs);
  }

  .md-pl-1 {
    padding-left: var(--spacing-sm);
  }

  .md-pl-2 {
    padding-left: var(--spacing-md);
  }

  .md-pl-3 {
    padding-left: var(--spacing-lg);
  }

  .md-pl-4 {
    padding-left: var(--spacing-xl);
  }

  .md-pr-none {
    padding-right: var(--spacing-none);
  }

  .md-pr-xxs {
    padding-right: var(--spacing-xxs);
  }

  .md-pr-xs {
    padding-right: var(--spacing-xs);
  }

  .md-pr-sm {
    padding-right: var(--spacing-sm);
  }

  .md-pr-md {
    padding-right: var(--spacing-md);
  }

  .md-pr-lg {
    padding-right: var(--spacing-lg);
  }

  .md-pr-xl {
    padding-right: var(--spacing-xl);
  }

  .md-pr-xxl {
    padding-right: var(--spacing-xxl);
  }

  .md-pr-xxxl {
    padding-right: var(--spacing-xxxl);
  }

  .md-pr-0 {
    padding-right: 0;
  }

  .md-pr-half {
    padding-right: var(--spacing-xs);
  }

  .md-pr-1 {
    padding-right: var(--spacing-sm);
  }

  .md-pr-2 {
    padding-right: var(--spacing-md);
  }

  .md-pr-3 {
    padding-right: var(--spacing-lg);
  }

  .md-pr-4 {
    padding-right: var(--spacing-xl);
  }

  .md-px-none {
    padding-left: var(--spacing-none);
    padding-right: var(--spacing-none);
  }

  .md-px-xxs {
    padding-left: var(--spacing-xxs);
    padding-right: var(--spacing-xxs);
  }

  .md-px-xs {
    padding-left: var(--spacing-xs);
    padding-right: var(--spacing-xs);
  }

  .md-px-sm {
    padding-left: var(--spacing-sm);
    padding-right: var(--spacing-sm);
  }

  .md-px-md {
    padding-left: var(--spacing-md);
    padding-right: var(--spacing-md);
  }

  .md-px-lg {
    padding-left: var(--spacing-lg);
    padding-right: var(--spacing-lg);
  }

  .md-px-xl {
    padding-left: var(--spacing-xl);
    padding-right: var(--spacing-xl);
  }

  .md-px-xxl {
    padding-left: var(--spacing-xxl);
    padding-right: var(--spacing-xxl);
  }

  .md-px-xxxl {
    padding-left: var(--spacing-xxxl);
    padding-right: var(--spacing-xxxl);
  }

  .md-px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .md-px-half {
    padding-left: var(--spacing-xs);
    padding-right: var(--spacing-xs);
  }

  .md-px-1 {
    padding-left: var(--spacing-sm);
    padding-right: var(--spacing-sm);
  }

  .md-px-2 {
    padding-left: var(--spacing-md);
    padding-right: var(--spacing-md);
  }

  .md-px-3 {
    padding-left: var(--spacing-lg);
    padding-right: var(--spacing-lg);
  }

  .md-px-4 {
    padding-left: var(--spacing-xl);
    padding-right: var(--spacing-xl);
  }

  .md-py-none {
    padding-top: var(--spacing-none);
    padding-bottom: var(--spacing-none);
  }

  .md-py-xxs {
    padding-top: var(--spacing-xxs);
    padding-bottom: var(--spacing-xxs);
  }

  .md-py-xs {
    padding-top: var(--spacing-xs);
    padding-bottom: var(--spacing-xs);
  }

  .md-py-sm {
    padding-top: var(--spacing-sm);
    padding-bottom: var(--spacing-sm);
  }

  .md-py-md {
    padding-top: var(--spacing-md);
    padding-bottom: var(--spacing-md);
  }

  .md-py-lg {
    padding-top: var(--spacing-lg);
    padding-bottom: var(--spacing-lg);
  }

  .md-py-xl {
    padding-top: var(--spacing-xl);
    padding-bottom: var(--spacing-xl);
  }

  .md-py-xxl {
    padding-top: var(--spacing-xxl);
    padding-bottom: var(--spacing-xxl);
  }

  .md-py-xxxl {
    padding-top: var(--spacing-xxxl);
    padding-bottom: var(--spacing-xxxl);
  }

  .md-py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .md-py-half {
    padding-top: var(--spacing-xs);
    padding-bottom: var(--spacing-xs);
  }

  .md-py-1 {
    padding-top: var(--spacing-sm);
    padding-bottom: var(--spacing-sm);
  }

  .md-py-2 {
    padding-top: var(--spacing-md);
    padding-bottom: var(--spacing-md);
  }

  .md-py-3 {
    padding-top: var(--spacing-lg);
    padding-bottom: var(--spacing-lg);
  }

  .md-py-4 {
    padding-top: var(--spacing-xl);
    padding-bottom: var(--spacing-xl);
  }

  .md-p-none {
    padding-top: var(--spacing-none);
    padding-bottom: var(--spacing-none);
    padding-left: var(--spacing-none);
    padding-right: var(--spacing-none);
  }

  .md-p-xxs {
    padding-top: var(--spacing-xxs);
    padding-bottom: var(--spacing-xxs);
    padding-left: var(--spacing-xxs);
    padding-right: var(--spacing-xxs);
  }

  .md-p-xs {
    padding-top: var(--spacing-xs);
    padding-bottom: var(--spacing-xs);
    padding-left: var(--spacing-xs);
    padding-right: var(--spacing-xs);
  }

  .md-p-sm {
    padding-top: var(--spacing-sm);
    padding-bottom: var(--spacing-sm);
    padding-left: var(--spacing-sm);
    padding-right: var(--spacing-sm);
  }

  .md-p-md {
    padding-top: var(--spacing-md);
    padding-bottom: var(--spacing-md);
    padding-left: var(--spacing-md);
    padding-right: var(--spacing-md);
  }

  .md-p-lg {
    padding-top: var(--spacing-lg);
    padding-bottom: var(--spacing-lg);
    padding-left: var(--spacing-lg);
    padding-right: var(--spacing-lg);
  }

  .md-p-xl {
    padding-top: var(--spacing-xl);
    padding-bottom: var(--spacing-xl);
    padding-left: var(--spacing-xl);
    padding-right: var(--spacing-xl);
  }

  .md-p-xxl {
    padding-top: var(--spacing-xxl);
    padding-bottom: var(--spacing-xxl);
    padding-left: var(--spacing-xxl);
    padding-right: var(--spacing-xxl);
  }

  .md-p-xxxl {
    padding-top: var(--spacing-xxxl);
    padding-bottom: var(--spacing-xxxl);
    padding-left: var(--spacing-xxxl);
    padding-right: var(--spacing-xxxl);
  }

  .md-p-0 {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .md-p-half {
    padding-top: var(--spacing-xs);
    padding-bottom: var(--spacing-xs);
    padding-left: var(--spacing-xs);
    padding-right: var(--spacing-xs);
  }

  .md-p-1 {
    padding-top: var(--spacing-sm);
    padding-bottom: var(--spacing-sm);
    padding-left: var(--spacing-sm);
    padding-right: var(--spacing-sm);
  }

  .md-p-2 {
    padding-top: var(--spacing-md);
    padding-bottom: var(--spacing-md);
    padding-left: var(--spacing-md);
    padding-right: var(--spacing-md);
  }

  .md-p-3 {
    padding-top: var(--spacing-lg);
    padding-bottom: var(--spacing-lg);
    padding-left: var(--spacing-lg);
    padding-right: var(--spacing-lg);
  }

  .md-p-4 {
    padding-top: var(--spacing-xl);
    padding-bottom: var(--spacing-xl);
    padding-left: var(--spacing-xl);
    padding-right: var(--spacing-xl);
  }
}
@media only screen and (min-width: 1024px) {
  .lg-mt-none {
    margin-top: var(--spacing-none);
  }

  .lg-mt-xxs {
    margin-top: var(--spacing-xxs);
  }

  .lg-mt-xs {
    margin-top: var(--spacing-xs);
  }

  .lg-mt-sm {
    margin-top: var(--spacing-sm);
  }

  .lg-mt-md {
    margin-top: var(--spacing-md);
  }

  .lg-mt-lg {
    margin-top: var(--spacing-lg);
  }

  .lg-mt-xl {
    margin-top: var(--spacing-xl);
  }

  .lg-mt-xxl {
    margin-top: var(--spacing-xxl);
  }

  .lg-mt-xxxl {
    margin-top: var(--spacing-xxxl);
  }

  .lg-mt-0 {
    margin-top: 0;
  }

  .lg-mt-half {
    margin-top: var(--spacing-xs);
  }

  .lg-mt-1 {
    margin-top: var(--spacing-sm);
  }

  .lg-mt-2 {
    margin-top: var(--spacing-md);
  }

  .lg-mt-3 {
    margin-top: var(--spacing-lg);
  }

  .lg-mt-4 {
    margin-top: var(--spacing-xl);
  }

  .lg-mb-none {
    margin-bottom: var(--spacing-none);
  }

  .lg-mb-xxs {
    margin-bottom: var(--spacing-xxs);
  }

  .lg-mb-xs {
    margin-bottom: var(--spacing-xs);
  }

  .lg-mb-sm {
    margin-bottom: var(--spacing-sm);
  }

  .lg-mb-md {
    margin-bottom: var(--spacing-md);
  }

  .lg-mb-lg {
    margin-bottom: var(--spacing-lg);
  }

  .lg-mb-xl {
    margin-bottom: var(--spacing-xl);
  }

  .lg-mb-xxl {
    margin-bottom: var(--spacing-xxl);
  }

  .lg-mb-xxxl {
    margin-bottom: var(--spacing-xxxl);
  }

  .lg-mb-0 {
    margin-bottom: 0;
  }

  .lg-mb-half {
    margin-bottom: var(--spacing-xs);
  }

  .lg-mb-1 {
    margin-bottom: var(--spacing-sm);
  }

  .lg-mb-2 {
    margin-bottom: var(--spacing-md);
  }

  .lg-mb-3 {
    margin-bottom: var(--spacing-lg);
  }

  .lg-mb-4 {
    margin-bottom: var(--spacing-xl);
  }

  .lg-ml-none {
    margin-left: var(--spacing-none);
  }

  .lg-ml-xxs {
    margin-left: var(--spacing-xxs);
  }

  .lg-ml-xs {
    margin-left: var(--spacing-xs);
  }

  .lg-ml-sm {
    margin-left: var(--spacing-sm);
  }

  .lg-ml-md {
    margin-left: var(--spacing-md);
  }

  .lg-ml-lg {
    margin-left: var(--spacing-lg);
  }

  .lg-ml-xl {
    margin-left: var(--spacing-xl);
  }

  .lg-ml-xxl {
    margin-left: var(--spacing-xxl);
  }

  .lg-ml-xxxl {
    margin-left: var(--spacing-xxxl);
  }

  .lg-ml-0 {
    margin-left: 0;
  }

  .lg-ml-half {
    margin-left: var(--spacing-xs);
  }

  .lg-ml-1 {
    margin-left: var(--spacing-sm);
  }

  .lg-ml-2 {
    margin-left: var(--spacing-md);
  }

  .lg-ml-3 {
    margin-left: var(--spacing-lg);
  }

  .lg-ml-4 {
    margin-left: var(--spacing-xl);
  }

  .lg-mr-none {
    margin-right: var(--spacing-none);
  }

  .lg-mr-xxs {
    margin-right: var(--spacing-xxs);
  }

  .lg-mr-xs {
    margin-right: var(--spacing-xs);
  }

  .lg-mr-sm {
    margin-right: var(--spacing-sm);
  }

  .lg-mr-md {
    margin-right: var(--spacing-md);
  }

  .lg-mr-lg {
    margin-right: var(--spacing-lg);
  }

  .lg-mr-xl {
    margin-right: var(--spacing-xl);
  }

  .lg-mr-xxl {
    margin-right: var(--spacing-xxl);
  }

  .lg-mr-xxxl {
    margin-right: var(--spacing-xxxl);
  }

  .lg-mr-0 {
    margin-right: 0;
  }

  .lg-mr-half {
    margin-right: var(--spacing-xs);
  }

  .lg-mr-1 {
    margin-right: var(--spacing-sm);
  }

  .lg-mr-2 {
    margin-right: var(--spacing-md);
  }

  .lg-mr-3 {
    margin-right: var(--spacing-lg);
  }

  .lg-mr-4 {
    margin-right: var(--spacing-xl);
  }

  .lg-mx-none {
    margin-left: var(--spacing-none);
    margin-right: var(--spacing-none);
  }

  .lg-mx-xxs {
    margin-left: var(--spacing-xxs);
    margin-right: var(--spacing-xxs);
  }

  .lg-mx-xs {
    margin-left: var(--spacing-xs);
    margin-right: var(--spacing-xs);
  }

  .lg-mx-sm {
    margin-left: var(--spacing-sm);
    margin-right: var(--spacing-sm);
  }

  .lg-mx-md {
    margin-left: var(--spacing-md);
    margin-right: var(--spacing-md);
  }

  .lg-mx-lg {
    margin-left: var(--spacing-lg);
    margin-right: var(--spacing-lg);
  }

  .lg-mx-xl {
    margin-left: var(--spacing-xl);
    margin-right: var(--spacing-xl);
  }

  .lg-mx-xxl {
    margin-left: var(--spacing-xxl);
    margin-right: var(--spacing-xxl);
  }

  .lg-mx-xxxl {
    margin-left: var(--spacing-xxxl);
    margin-right: var(--spacing-xxxl);
  }

  .lg-mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .lg-mx-half {
    margin-left: var(--spacing-xs);
    margin-right: var(--spacing-xs);
  }

  .lg-mx-1 {
    margin-left: var(--spacing-sm);
    margin-right: var(--spacing-sm);
  }

  .lg-mx-2 {
    margin-left: var(--spacing-md);
    margin-right: var(--spacing-md);
  }

  .lg-mx-3 {
    margin-left: var(--spacing-lg);
    margin-right: var(--spacing-lg);
  }

  .lg-mx-4 {
    margin-left: var(--spacing-xl);
    margin-right: var(--spacing-xl);
  }

  .lg-my-none {
    margin-top: var(--spacing-none);
    margin-bottom: var(--spacing-none);
  }

  .lg-my-xxs {
    margin-top: var(--spacing-xxs);
    margin-bottom: var(--spacing-xxs);
  }

  .lg-my-xs {
    margin-top: var(--spacing-xs);
    margin-bottom: var(--spacing-xs);
  }

  .lg-my-sm {
    margin-top: var(--spacing-sm);
    margin-bottom: var(--spacing-sm);
  }

  .lg-my-md {
    margin-top: var(--spacing-md);
    margin-bottom: var(--spacing-md);
  }

  .lg-my-lg {
    margin-top: var(--spacing-lg);
    margin-bottom: var(--spacing-lg);
  }

  .lg-my-xl {
    margin-top: var(--spacing-xl);
    margin-bottom: var(--spacing-xl);
  }

  .lg-my-xxl {
    margin-top: var(--spacing-xxl);
    margin-bottom: var(--spacing-xxl);
  }

  .lg-my-xxxl {
    margin-top: var(--spacing-xxxl);
    margin-bottom: var(--spacing-xxxl);
  }

  .lg-my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .lg-my-half {
    margin-top: var(--spacing-xs);
    margin-bottom: var(--spacing-xs);
  }

  .lg-my-1 {
    margin-top: var(--spacing-sm);
    margin-bottom: var(--spacing-sm);
  }

  .lg-my-2 {
    margin-top: var(--spacing-md);
    margin-bottom: var(--spacing-md);
  }

  .lg-my-3 {
    margin-top: var(--spacing-lg);
    margin-bottom: var(--spacing-lg);
  }

  .lg-my-4 {
    margin-top: var(--spacing-xl);
    margin-bottom: var(--spacing-xl);
  }

  .lg-m-none {
    margin-top: var(--spacing-none);
    margin-bottom: var(--spacing-none);
    margin-left: var(--spacing-none);
    margin-right: var(--spacing-none);
  }

  .lg-m-xxs {
    margin-top: var(--spacing-xxs);
    margin-bottom: var(--spacing-xxs);
    margin-left: var(--spacing-xxs);
    margin-right: var(--spacing-xxs);
  }

  .lg-m-xs {
    margin-top: var(--spacing-xs);
    margin-bottom: var(--spacing-xs);
    margin-left: var(--spacing-xs);
    margin-right: var(--spacing-xs);
  }

  .lg-m-sm {
    margin-top: var(--spacing-sm);
    margin-bottom: var(--spacing-sm);
    margin-left: var(--spacing-sm);
    margin-right: var(--spacing-sm);
  }

  .lg-m-md {
    margin-top: var(--spacing-md);
    margin-bottom: var(--spacing-md);
    margin-left: var(--spacing-md);
    margin-right: var(--spacing-md);
  }

  .lg-m-lg {
    margin-top: var(--spacing-lg);
    margin-bottom: var(--spacing-lg);
    margin-left: var(--spacing-lg);
    margin-right: var(--spacing-lg);
  }

  .lg-m-xl {
    margin-top: var(--spacing-xl);
    margin-bottom: var(--spacing-xl);
    margin-left: var(--spacing-xl);
    margin-right: var(--spacing-xl);
  }

  .lg-m-xxl {
    margin-top: var(--spacing-xxl);
    margin-bottom: var(--spacing-xxl);
    margin-left: var(--spacing-xxl);
    margin-right: var(--spacing-xxl);
  }

  .lg-m-xxxl {
    margin-top: var(--spacing-xxxl);
    margin-bottom: var(--spacing-xxxl);
    margin-left: var(--spacing-xxxl);
    margin-right: var(--spacing-xxxl);
  }

  .lg-m-0 {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .lg-m-half {
    margin-top: var(--spacing-xs);
    margin-bottom: var(--spacing-xs);
    margin-left: var(--spacing-xs);
    margin-right: var(--spacing-xs);
  }

  .lg-m-1 {
    margin-top: var(--spacing-sm);
    margin-bottom: var(--spacing-sm);
    margin-left: var(--spacing-sm);
    margin-right: var(--spacing-sm);
  }

  .lg-m-2 {
    margin-top: var(--spacing-md);
    margin-bottom: var(--spacing-md);
    margin-left: var(--spacing-md);
    margin-right: var(--spacing-md);
  }

  .lg-m-3 {
    margin-top: var(--spacing-lg);
    margin-bottom: var(--spacing-lg);
    margin-left: var(--spacing-lg);
    margin-right: var(--spacing-lg);
  }

  .lg-m-4 {
    margin-top: var(--spacing-xl);
    margin-bottom: var(--spacing-xl);
    margin-left: var(--spacing-xl);
    margin-right: var(--spacing-xl);
  }

  .lg-pt-none {
    padding-top: var(--spacing-none);
  }

  .lg-pt-xxs {
    padding-top: var(--spacing-xxs);
  }

  .lg-pt-xs {
    padding-top: var(--spacing-xs);
  }

  .lg-pt-sm {
    padding-top: var(--spacing-sm);
  }

  .lg-pt-md {
    padding-top: var(--spacing-md);
  }

  .lg-pt-lg {
    padding-top: var(--spacing-lg);
  }

  .lg-pt-xl {
    padding-top: var(--spacing-xl);
  }

  .lg-pt-xxl {
    padding-top: var(--spacing-xxl);
  }

  .lg-pt-xxxl {
    padding-top: var(--spacing-xxxl);
  }

  .lg-pt-0 {
    padding-top: 0;
  }

  .lg-pt-half {
    padding-top: var(--spacing-xs);
  }

  .lg-pt-1 {
    padding-top: var(--spacing-sm);
  }

  .lg-pt-2 {
    padding-top: var(--spacing-md);
  }

  .lg-pt-3 {
    padding-top: var(--spacing-lg);
  }

  .lg-pt-4 {
    padding-top: var(--spacing-xl);
  }

  .lg-pb-none {
    padding-bottom: var(--spacing-none);
  }

  .lg-pb-xxs {
    padding-bottom: var(--spacing-xxs);
  }

  .lg-pb-xs {
    padding-bottom: var(--spacing-xs);
  }

  .lg-pb-sm {
    padding-bottom: var(--spacing-sm);
  }

  .lg-pb-md {
    padding-bottom: var(--spacing-md);
  }

  .lg-pb-lg {
    padding-bottom: var(--spacing-lg);
  }

  .lg-pb-xl {
    padding-bottom: var(--spacing-xl);
  }

  .lg-pb-xxl {
    padding-bottom: var(--spacing-xxl);
  }

  .lg-pb-xxxl {
    padding-bottom: var(--spacing-xxxl);
  }

  .lg-pb-0 {
    padding-bottom: 0;
  }

  .lg-pb-half {
    padding-bottom: var(--spacing-xs);
  }

  .lg-pb-1 {
    padding-bottom: var(--spacing-sm);
  }

  .lg-pb-2 {
    padding-bottom: var(--spacing-md);
  }

  .lg-pb-3 {
    padding-bottom: var(--spacing-lg);
  }

  .lg-pb-4 {
    padding-bottom: var(--spacing-xl);
  }

  .lg-pl-none {
    padding-left: var(--spacing-none);
  }

  .lg-pl-xxs {
    padding-left: var(--spacing-xxs);
  }

  .lg-pl-xs {
    padding-left: var(--spacing-xs);
  }

  .lg-pl-sm {
    padding-left: var(--spacing-sm);
  }

  .lg-pl-md {
    padding-left: var(--spacing-md);
  }

  .lg-pl-lg {
    padding-left: var(--spacing-lg);
  }

  .lg-pl-xl {
    padding-left: var(--spacing-xl);
  }

  .lg-pl-xxl {
    padding-left: var(--spacing-xxl);
  }

  .lg-pl-xxxl {
    padding-left: var(--spacing-xxxl);
  }

  .lg-pl-0 {
    padding-left: 0;
  }

  .lg-pl-half {
    padding-left: var(--spacing-xs);
  }

  .lg-pl-1 {
    padding-left: var(--spacing-sm);
  }

  .lg-pl-2 {
    padding-left: var(--spacing-md);
  }

  .lg-pl-3 {
    padding-left: var(--spacing-lg);
  }

  .lg-pl-4 {
    padding-left: var(--spacing-xl);
  }

  .lg-pr-none {
    padding-right: var(--spacing-none);
  }

  .lg-pr-xxs {
    padding-right: var(--spacing-xxs);
  }

  .lg-pr-xs {
    padding-right: var(--spacing-xs);
  }

  .lg-pr-sm {
    padding-right: var(--spacing-sm);
  }

  .lg-pr-md {
    padding-right: var(--spacing-md);
  }

  .lg-pr-lg {
    padding-right: var(--spacing-lg);
  }

  .lg-pr-xl {
    padding-right: var(--spacing-xl);
  }

  .lg-pr-xxl {
    padding-right: var(--spacing-xxl);
  }

  .lg-pr-xxxl {
    padding-right: var(--spacing-xxxl);
  }

  .lg-pr-0 {
    padding-right: 0;
  }

  .lg-pr-half {
    padding-right: var(--spacing-xs);
  }

  .lg-pr-1 {
    padding-right: var(--spacing-sm);
  }

  .lg-pr-2 {
    padding-right: var(--spacing-md);
  }

  .lg-pr-3 {
    padding-right: var(--spacing-lg);
  }

  .lg-pr-4 {
    padding-right: var(--spacing-xl);
  }

  .lg-px-none {
    padding-left: var(--spacing-none);
    padding-right: var(--spacing-none);
  }

  .lg-px-xxs {
    padding-left: var(--spacing-xxs);
    padding-right: var(--spacing-xxs);
  }

  .lg-px-xs {
    padding-left: var(--spacing-xs);
    padding-right: var(--spacing-xs);
  }

  .lg-px-sm {
    padding-left: var(--spacing-sm);
    padding-right: var(--spacing-sm);
  }

  .lg-px-md {
    padding-left: var(--spacing-md);
    padding-right: var(--spacing-md);
  }

  .lg-px-lg {
    padding-left: var(--spacing-lg);
    padding-right: var(--spacing-lg);
  }

  .lg-px-xl {
    padding-left: var(--spacing-xl);
    padding-right: var(--spacing-xl);
  }

  .lg-px-xxl {
    padding-left: var(--spacing-xxl);
    padding-right: var(--spacing-xxl);
  }

  .lg-px-xxxl {
    padding-left: var(--spacing-xxxl);
    padding-right: var(--spacing-xxxl);
  }

  .lg-px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .lg-px-half {
    padding-left: var(--spacing-xs);
    padding-right: var(--spacing-xs);
  }

  .lg-px-1 {
    padding-left: var(--spacing-sm);
    padding-right: var(--spacing-sm);
  }

  .lg-px-2 {
    padding-left: var(--spacing-md);
    padding-right: var(--spacing-md);
  }

  .lg-px-3 {
    padding-left: var(--spacing-lg);
    padding-right: var(--spacing-lg);
  }

  .lg-px-4 {
    padding-left: var(--spacing-xl);
    padding-right: var(--spacing-xl);
  }

  .lg-py-none {
    padding-top: var(--spacing-none);
    padding-bottom: var(--spacing-none);
  }

  .lg-py-xxs {
    padding-top: var(--spacing-xxs);
    padding-bottom: var(--spacing-xxs);
  }

  .lg-py-xs {
    padding-top: var(--spacing-xs);
    padding-bottom: var(--spacing-xs);
  }

  .lg-py-sm {
    padding-top: var(--spacing-sm);
    padding-bottom: var(--spacing-sm);
  }

  .lg-py-md {
    padding-top: var(--spacing-md);
    padding-bottom: var(--spacing-md);
  }

  .lg-py-lg {
    padding-top: var(--spacing-lg);
    padding-bottom: var(--spacing-lg);
  }

  .lg-py-xl {
    padding-top: var(--spacing-xl);
    padding-bottom: var(--spacing-xl);
  }

  .lg-py-xxl {
    padding-top: var(--spacing-xxl);
    padding-bottom: var(--spacing-xxl);
  }

  .lg-py-xxxl {
    padding-top: var(--spacing-xxxl);
    padding-bottom: var(--spacing-xxxl);
  }

  .lg-py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .lg-py-half {
    padding-top: var(--spacing-xs);
    padding-bottom: var(--spacing-xs);
  }

  .lg-py-1 {
    padding-top: var(--spacing-sm);
    padding-bottom: var(--spacing-sm);
  }

  .lg-py-2 {
    padding-top: var(--spacing-md);
    padding-bottom: var(--spacing-md);
  }

  .lg-py-3 {
    padding-top: var(--spacing-lg);
    padding-bottom: var(--spacing-lg);
  }

  .lg-py-4 {
    padding-top: var(--spacing-xl);
    padding-bottom: var(--spacing-xl);
  }

  .lg-p-none {
    padding-top: var(--spacing-none);
    padding-bottom: var(--spacing-none);
    padding-left: var(--spacing-none);
    padding-right: var(--spacing-none);
  }

  .lg-p-xxs {
    padding-top: var(--spacing-xxs);
    padding-bottom: var(--spacing-xxs);
    padding-left: var(--spacing-xxs);
    padding-right: var(--spacing-xxs);
  }

  .lg-p-xs {
    padding-top: var(--spacing-xs);
    padding-bottom: var(--spacing-xs);
    padding-left: var(--spacing-xs);
    padding-right: var(--spacing-xs);
  }

  .lg-p-sm {
    padding-top: var(--spacing-sm);
    padding-bottom: var(--spacing-sm);
    padding-left: var(--spacing-sm);
    padding-right: var(--spacing-sm);
  }

  .lg-p-md {
    padding-top: var(--spacing-md);
    padding-bottom: var(--spacing-md);
    padding-left: var(--spacing-md);
    padding-right: var(--spacing-md);
  }

  .lg-p-lg {
    padding-top: var(--spacing-lg);
    padding-bottom: var(--spacing-lg);
    padding-left: var(--spacing-lg);
    padding-right: var(--spacing-lg);
  }

  .lg-p-xl {
    padding-top: var(--spacing-xl);
    padding-bottom: var(--spacing-xl);
    padding-left: var(--spacing-xl);
    padding-right: var(--spacing-xl);
  }

  .lg-p-xxl {
    padding-top: var(--spacing-xxl);
    padding-bottom: var(--spacing-xxl);
    padding-left: var(--spacing-xxl);
    padding-right: var(--spacing-xxl);
  }

  .lg-p-xxxl {
    padding-top: var(--spacing-xxxl);
    padding-bottom: var(--spacing-xxxl);
    padding-left: var(--spacing-xxxl);
    padding-right: var(--spacing-xxxl);
  }

  .lg-p-0 {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .lg-p-half {
    padding-top: var(--spacing-xs);
    padding-bottom: var(--spacing-xs);
    padding-left: var(--spacing-xs);
    padding-right: var(--spacing-xs);
  }

  .lg-p-1 {
    padding-top: var(--spacing-sm);
    padding-bottom: var(--spacing-sm);
    padding-left: var(--spacing-sm);
    padding-right: var(--spacing-sm);
  }

  .lg-p-2 {
    padding-top: var(--spacing-md);
    padding-bottom: var(--spacing-md);
    padding-left: var(--spacing-md);
    padding-right: var(--spacing-md);
  }

  .lg-p-3 {
    padding-top: var(--spacing-lg);
    padding-bottom: var(--spacing-lg);
    padding-left: var(--spacing-lg);
    padding-right: var(--spacing-lg);
  }

  .lg-p-4 {
    padding-top: var(--spacing-xl);
    padding-bottom: var(--spacing-xl);
    padding-left: var(--spacing-xl);
    padding-right: var(--spacing-xl);
  }
}
@media only screen and (min-width: 1280px) {
  .xl-mt-none {
    margin-top: var(--spacing-none);
  }

  .xl-mt-xxs {
    margin-top: var(--spacing-xxs);
  }

  .xl-mt-xs {
    margin-top: var(--spacing-xs);
  }

  .xl-mt-sm {
    margin-top: var(--spacing-sm);
  }

  .xl-mt-md {
    margin-top: var(--spacing-md);
  }

  .xl-mt-lg {
    margin-top: var(--spacing-lg);
  }

  .xl-mt-xl {
    margin-top: var(--spacing-xl);
  }

  .xl-mt-xxl {
    margin-top: var(--spacing-xxl);
  }

  .xl-mt-xxxl {
    margin-top: var(--spacing-xxxl);
  }

  .xl-mt-0 {
    margin-top: 0;
  }

  .xl-mt-half {
    margin-top: var(--spacing-xs);
  }

  .xl-mt-1 {
    margin-top: var(--spacing-sm);
  }

  .xl-mt-2 {
    margin-top: var(--spacing-md);
  }

  .xl-mt-3 {
    margin-top: var(--spacing-lg);
  }

  .xl-mt-4 {
    margin-top: var(--spacing-xl);
  }

  .xl-mb-none {
    margin-bottom: var(--spacing-none);
  }

  .xl-mb-xxs {
    margin-bottom: var(--spacing-xxs);
  }

  .xl-mb-xs {
    margin-bottom: var(--spacing-xs);
  }

  .xl-mb-sm {
    margin-bottom: var(--spacing-sm);
  }

  .xl-mb-md {
    margin-bottom: var(--spacing-md);
  }

  .xl-mb-lg {
    margin-bottom: var(--spacing-lg);
  }

  .xl-mb-xl {
    margin-bottom: var(--spacing-xl);
  }

  .xl-mb-xxl {
    margin-bottom: var(--spacing-xxl);
  }

  .xl-mb-xxxl {
    margin-bottom: var(--spacing-xxxl);
  }

  .xl-mb-0 {
    margin-bottom: 0;
  }

  .xl-mb-half {
    margin-bottom: var(--spacing-xs);
  }

  .xl-mb-1 {
    margin-bottom: var(--spacing-sm);
  }

  .xl-mb-2 {
    margin-bottom: var(--spacing-md);
  }

  .xl-mb-3 {
    margin-bottom: var(--spacing-lg);
  }

  .xl-mb-4 {
    margin-bottom: var(--spacing-xl);
  }

  .xl-ml-none {
    margin-left: var(--spacing-none);
  }

  .xl-ml-xxs {
    margin-left: var(--spacing-xxs);
  }

  .xl-ml-xs {
    margin-left: var(--spacing-xs);
  }

  .xl-ml-sm {
    margin-left: var(--spacing-sm);
  }

  .xl-ml-md {
    margin-left: var(--spacing-md);
  }

  .xl-ml-lg {
    margin-left: var(--spacing-lg);
  }

  .xl-ml-xl {
    margin-left: var(--spacing-xl);
  }

  .xl-ml-xxl {
    margin-left: var(--spacing-xxl);
  }

  .xl-ml-xxxl {
    margin-left: var(--spacing-xxxl);
  }

  .xl-ml-0 {
    margin-left: 0;
  }

  .xl-ml-half {
    margin-left: var(--spacing-xs);
  }

  .xl-ml-1 {
    margin-left: var(--spacing-sm);
  }

  .xl-ml-2 {
    margin-left: var(--spacing-md);
  }

  .xl-ml-3 {
    margin-left: var(--spacing-lg);
  }

  .xl-ml-4 {
    margin-left: var(--spacing-xl);
  }

  .xl-mr-none {
    margin-right: var(--spacing-none);
  }

  .xl-mr-xxs {
    margin-right: var(--spacing-xxs);
  }

  .xl-mr-xs {
    margin-right: var(--spacing-xs);
  }

  .xl-mr-sm {
    margin-right: var(--spacing-sm);
  }

  .xl-mr-md {
    margin-right: var(--spacing-md);
  }

  .xl-mr-lg {
    margin-right: var(--spacing-lg);
  }

  .xl-mr-xl {
    margin-right: var(--spacing-xl);
  }

  .xl-mr-xxl {
    margin-right: var(--spacing-xxl);
  }

  .xl-mr-xxxl {
    margin-right: var(--spacing-xxxl);
  }

  .xl-mr-0 {
    margin-right: 0;
  }

  .xl-mr-half {
    margin-right: var(--spacing-xs);
  }

  .xl-mr-1 {
    margin-right: var(--spacing-sm);
  }

  .xl-mr-2 {
    margin-right: var(--spacing-md);
  }

  .xl-mr-3 {
    margin-right: var(--spacing-lg);
  }

  .xl-mr-4 {
    margin-right: var(--spacing-xl);
  }

  .xl-mx-none {
    margin-left: var(--spacing-none);
    margin-right: var(--spacing-none);
  }

  .xl-mx-xxs {
    margin-left: var(--spacing-xxs);
    margin-right: var(--spacing-xxs);
  }

  .xl-mx-xs {
    margin-left: var(--spacing-xs);
    margin-right: var(--spacing-xs);
  }

  .xl-mx-sm {
    margin-left: var(--spacing-sm);
    margin-right: var(--spacing-sm);
  }

  .xl-mx-md {
    margin-left: var(--spacing-md);
    margin-right: var(--spacing-md);
  }

  .xl-mx-lg {
    margin-left: var(--spacing-lg);
    margin-right: var(--spacing-lg);
  }

  .xl-mx-xl {
    margin-left: var(--spacing-xl);
    margin-right: var(--spacing-xl);
  }

  .xl-mx-xxl {
    margin-left: var(--spacing-xxl);
    margin-right: var(--spacing-xxl);
  }

  .xl-mx-xxxl {
    margin-left: var(--spacing-xxxl);
    margin-right: var(--spacing-xxxl);
  }

  .xl-mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .xl-mx-half {
    margin-left: var(--spacing-xs);
    margin-right: var(--spacing-xs);
  }

  .xl-mx-1 {
    margin-left: var(--spacing-sm);
    margin-right: var(--spacing-sm);
  }

  .xl-mx-2 {
    margin-left: var(--spacing-md);
    margin-right: var(--spacing-md);
  }

  .xl-mx-3 {
    margin-left: var(--spacing-lg);
    margin-right: var(--spacing-lg);
  }

  .xl-mx-4 {
    margin-left: var(--spacing-xl);
    margin-right: var(--spacing-xl);
  }

  .xl-my-none {
    margin-top: var(--spacing-none);
    margin-bottom: var(--spacing-none);
  }

  .xl-my-xxs {
    margin-top: var(--spacing-xxs);
    margin-bottom: var(--spacing-xxs);
  }

  .xl-my-xs {
    margin-top: var(--spacing-xs);
    margin-bottom: var(--spacing-xs);
  }

  .xl-my-sm {
    margin-top: var(--spacing-sm);
    margin-bottom: var(--spacing-sm);
  }

  .xl-my-md {
    margin-top: var(--spacing-md);
    margin-bottom: var(--spacing-md);
  }

  .xl-my-lg {
    margin-top: var(--spacing-lg);
    margin-bottom: var(--spacing-lg);
  }

  .xl-my-xl {
    margin-top: var(--spacing-xl);
    margin-bottom: var(--spacing-xl);
  }

  .xl-my-xxl {
    margin-top: var(--spacing-xxl);
    margin-bottom: var(--spacing-xxl);
  }

  .xl-my-xxxl {
    margin-top: var(--spacing-xxxl);
    margin-bottom: var(--spacing-xxxl);
  }

  .xl-my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .xl-my-half {
    margin-top: var(--spacing-xs);
    margin-bottom: var(--spacing-xs);
  }

  .xl-my-1 {
    margin-top: var(--spacing-sm);
    margin-bottom: var(--spacing-sm);
  }

  .xl-my-2 {
    margin-top: var(--spacing-md);
    margin-bottom: var(--spacing-md);
  }

  .xl-my-3 {
    margin-top: var(--spacing-lg);
    margin-bottom: var(--spacing-lg);
  }

  .xl-my-4 {
    margin-top: var(--spacing-xl);
    margin-bottom: var(--spacing-xl);
  }

  .xl-m-none {
    margin-top: var(--spacing-none);
    margin-bottom: var(--spacing-none);
    margin-left: var(--spacing-none);
    margin-right: var(--spacing-none);
  }

  .xl-m-xxs {
    margin-top: var(--spacing-xxs);
    margin-bottom: var(--spacing-xxs);
    margin-left: var(--spacing-xxs);
    margin-right: var(--spacing-xxs);
  }

  .xl-m-xs {
    margin-top: var(--spacing-xs);
    margin-bottom: var(--spacing-xs);
    margin-left: var(--spacing-xs);
    margin-right: var(--spacing-xs);
  }

  .xl-m-sm {
    margin-top: var(--spacing-sm);
    margin-bottom: var(--spacing-sm);
    margin-left: var(--spacing-sm);
    margin-right: var(--spacing-sm);
  }

  .xl-m-md {
    margin-top: var(--spacing-md);
    margin-bottom: var(--spacing-md);
    margin-left: var(--spacing-md);
    margin-right: var(--spacing-md);
  }

  .xl-m-lg {
    margin-top: var(--spacing-lg);
    margin-bottom: var(--spacing-lg);
    margin-left: var(--spacing-lg);
    margin-right: var(--spacing-lg);
  }

  .xl-m-xl {
    margin-top: var(--spacing-xl);
    margin-bottom: var(--spacing-xl);
    margin-left: var(--spacing-xl);
    margin-right: var(--spacing-xl);
  }

  .xl-m-xxl {
    margin-top: var(--spacing-xxl);
    margin-bottom: var(--spacing-xxl);
    margin-left: var(--spacing-xxl);
    margin-right: var(--spacing-xxl);
  }

  .xl-m-xxxl {
    margin-top: var(--spacing-xxxl);
    margin-bottom: var(--spacing-xxxl);
    margin-left: var(--spacing-xxxl);
    margin-right: var(--spacing-xxxl);
  }

  .xl-m-0 {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .xl-m-half {
    margin-top: var(--spacing-xs);
    margin-bottom: var(--spacing-xs);
    margin-left: var(--spacing-xs);
    margin-right: var(--spacing-xs);
  }

  .xl-m-1 {
    margin-top: var(--spacing-sm);
    margin-bottom: var(--spacing-sm);
    margin-left: var(--spacing-sm);
    margin-right: var(--spacing-sm);
  }

  .xl-m-2 {
    margin-top: var(--spacing-md);
    margin-bottom: var(--spacing-md);
    margin-left: var(--spacing-md);
    margin-right: var(--spacing-md);
  }

  .xl-m-3 {
    margin-top: var(--spacing-lg);
    margin-bottom: var(--spacing-lg);
    margin-left: var(--spacing-lg);
    margin-right: var(--spacing-lg);
  }

  .xl-m-4 {
    margin-top: var(--spacing-xl);
    margin-bottom: var(--spacing-xl);
    margin-left: var(--spacing-xl);
    margin-right: var(--spacing-xl);
  }

  .xl-pt-none {
    padding-top: var(--spacing-none);
  }

  .xl-pt-xxs {
    padding-top: var(--spacing-xxs);
  }

  .xl-pt-xs {
    padding-top: var(--spacing-xs);
  }

  .xl-pt-sm {
    padding-top: var(--spacing-sm);
  }

  .xl-pt-md {
    padding-top: var(--spacing-md);
  }

  .xl-pt-lg {
    padding-top: var(--spacing-lg);
  }

  .xl-pt-xl {
    padding-top: var(--spacing-xl);
  }

  .xl-pt-xxl {
    padding-top: var(--spacing-xxl);
  }

  .xl-pt-xxxl {
    padding-top: var(--spacing-xxxl);
  }

  .xl-pt-0 {
    padding-top: 0;
  }

  .xl-pt-half {
    padding-top: var(--spacing-xs);
  }

  .xl-pt-1 {
    padding-top: var(--spacing-sm);
  }

  .xl-pt-2 {
    padding-top: var(--spacing-md);
  }

  .xl-pt-3 {
    padding-top: var(--spacing-lg);
  }

  .xl-pt-4 {
    padding-top: var(--spacing-xl);
  }

  .xl-pb-none {
    padding-bottom: var(--spacing-none);
  }

  .xl-pb-xxs {
    padding-bottom: var(--spacing-xxs);
  }

  .xl-pb-xs {
    padding-bottom: var(--spacing-xs);
  }

  .xl-pb-sm {
    padding-bottom: var(--spacing-sm);
  }

  .xl-pb-md {
    padding-bottom: var(--spacing-md);
  }

  .xl-pb-lg {
    padding-bottom: var(--spacing-lg);
  }

  .xl-pb-xl {
    padding-bottom: var(--spacing-xl);
  }

  .xl-pb-xxl {
    padding-bottom: var(--spacing-xxl);
  }

  .xl-pb-xxxl {
    padding-bottom: var(--spacing-xxxl);
  }

  .xl-pb-0 {
    padding-bottom: 0;
  }

  .xl-pb-half {
    padding-bottom: var(--spacing-xs);
  }

  .xl-pb-1 {
    padding-bottom: var(--spacing-sm);
  }

  .xl-pb-2 {
    padding-bottom: var(--spacing-md);
  }

  .xl-pb-3 {
    padding-bottom: var(--spacing-lg);
  }

  .xl-pb-4 {
    padding-bottom: var(--spacing-xl);
  }

  .xl-pl-none {
    padding-left: var(--spacing-none);
  }

  .xl-pl-xxs {
    padding-left: var(--spacing-xxs);
  }

  .xl-pl-xs {
    padding-left: var(--spacing-xs);
  }

  .xl-pl-sm {
    padding-left: var(--spacing-sm);
  }

  .xl-pl-md {
    padding-left: var(--spacing-md);
  }

  .xl-pl-lg {
    padding-left: var(--spacing-lg);
  }

  .xl-pl-xl {
    padding-left: var(--spacing-xl);
  }

  .xl-pl-xxl {
    padding-left: var(--spacing-xxl);
  }

  .xl-pl-xxxl {
    padding-left: var(--spacing-xxxl);
  }

  .xl-pl-0 {
    padding-left: 0;
  }

  .xl-pl-half {
    padding-left: var(--spacing-xs);
  }

  .xl-pl-1 {
    padding-left: var(--spacing-sm);
  }

  .xl-pl-2 {
    padding-left: var(--spacing-md);
  }

  .xl-pl-3 {
    padding-left: var(--spacing-lg);
  }

  .xl-pl-4 {
    padding-left: var(--spacing-xl);
  }

  .xl-pr-none {
    padding-right: var(--spacing-none);
  }

  .xl-pr-xxs {
    padding-right: var(--spacing-xxs);
  }

  .xl-pr-xs {
    padding-right: var(--spacing-xs);
  }

  .xl-pr-sm {
    padding-right: var(--spacing-sm);
  }

  .xl-pr-md {
    padding-right: var(--spacing-md);
  }

  .xl-pr-lg {
    padding-right: var(--spacing-lg);
  }

  .xl-pr-xl {
    padding-right: var(--spacing-xl);
  }

  .xl-pr-xxl {
    padding-right: var(--spacing-xxl);
  }

  .xl-pr-xxxl {
    padding-right: var(--spacing-xxxl);
  }

  .xl-pr-0 {
    padding-right: 0;
  }

  .xl-pr-half {
    padding-right: var(--spacing-xs);
  }

  .xl-pr-1 {
    padding-right: var(--spacing-sm);
  }

  .xl-pr-2 {
    padding-right: var(--spacing-md);
  }

  .xl-pr-3 {
    padding-right: var(--spacing-lg);
  }

  .xl-pr-4 {
    padding-right: var(--spacing-xl);
  }

  .xl-px-none {
    padding-left: var(--spacing-none);
    padding-right: var(--spacing-none);
  }

  .xl-px-xxs {
    padding-left: var(--spacing-xxs);
    padding-right: var(--spacing-xxs);
  }

  .xl-px-xs {
    padding-left: var(--spacing-xs);
    padding-right: var(--spacing-xs);
  }

  .xl-px-sm {
    padding-left: var(--spacing-sm);
    padding-right: var(--spacing-sm);
  }

  .xl-px-md {
    padding-left: var(--spacing-md);
    padding-right: var(--spacing-md);
  }

  .xl-px-lg {
    padding-left: var(--spacing-lg);
    padding-right: var(--spacing-lg);
  }

  .xl-px-xl {
    padding-left: var(--spacing-xl);
    padding-right: var(--spacing-xl);
  }

  .xl-px-xxl {
    padding-left: var(--spacing-xxl);
    padding-right: var(--spacing-xxl);
  }

  .xl-px-xxxl {
    padding-left: var(--spacing-xxxl);
    padding-right: var(--spacing-xxxl);
  }

  .xl-px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .xl-px-half {
    padding-left: var(--spacing-xs);
    padding-right: var(--spacing-xs);
  }

  .xl-px-1 {
    padding-left: var(--spacing-sm);
    padding-right: var(--spacing-sm);
  }

  .xl-px-2 {
    padding-left: var(--spacing-md);
    padding-right: var(--spacing-md);
  }

  .xl-px-3 {
    padding-left: var(--spacing-lg);
    padding-right: var(--spacing-lg);
  }

  .xl-px-4 {
    padding-left: var(--spacing-xl);
    padding-right: var(--spacing-xl);
  }

  .xl-py-none {
    padding-top: var(--spacing-none);
    padding-bottom: var(--spacing-none);
  }

  .xl-py-xxs {
    padding-top: var(--spacing-xxs);
    padding-bottom: var(--spacing-xxs);
  }

  .xl-py-xs {
    padding-top: var(--spacing-xs);
    padding-bottom: var(--spacing-xs);
  }

  .xl-py-sm {
    padding-top: var(--spacing-sm);
    padding-bottom: var(--spacing-sm);
  }

  .xl-py-md {
    padding-top: var(--spacing-md);
    padding-bottom: var(--spacing-md);
  }

  .xl-py-lg {
    padding-top: var(--spacing-lg);
    padding-bottom: var(--spacing-lg);
  }

  .xl-py-xl {
    padding-top: var(--spacing-xl);
    padding-bottom: var(--spacing-xl);
  }

  .xl-py-xxl {
    padding-top: var(--spacing-xxl);
    padding-bottom: var(--spacing-xxl);
  }

  .xl-py-xxxl {
    padding-top: var(--spacing-xxxl);
    padding-bottom: var(--spacing-xxxl);
  }

  .xl-py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .xl-py-half {
    padding-top: var(--spacing-xs);
    padding-bottom: var(--spacing-xs);
  }

  .xl-py-1 {
    padding-top: var(--spacing-sm);
    padding-bottom: var(--spacing-sm);
  }

  .xl-py-2 {
    padding-top: var(--spacing-md);
    padding-bottom: var(--spacing-md);
  }

  .xl-py-3 {
    padding-top: var(--spacing-lg);
    padding-bottom: var(--spacing-lg);
  }

  .xl-py-4 {
    padding-top: var(--spacing-xl);
    padding-bottom: var(--spacing-xl);
  }

  .xl-p-none {
    padding-top: var(--spacing-none);
    padding-bottom: var(--spacing-none);
    padding-left: var(--spacing-none);
    padding-right: var(--spacing-none);
  }

  .xl-p-xxs {
    padding-top: var(--spacing-xxs);
    padding-bottom: var(--spacing-xxs);
    padding-left: var(--spacing-xxs);
    padding-right: var(--spacing-xxs);
  }

  .xl-p-xs {
    padding-top: var(--spacing-xs);
    padding-bottom: var(--spacing-xs);
    padding-left: var(--spacing-xs);
    padding-right: var(--spacing-xs);
  }

  .xl-p-sm {
    padding-top: var(--spacing-sm);
    padding-bottom: var(--spacing-sm);
    padding-left: var(--spacing-sm);
    padding-right: var(--spacing-sm);
  }

  .xl-p-md {
    padding-top: var(--spacing-md);
    padding-bottom: var(--spacing-md);
    padding-left: var(--spacing-md);
    padding-right: var(--spacing-md);
  }

  .xl-p-lg {
    padding-top: var(--spacing-lg);
    padding-bottom: var(--spacing-lg);
    padding-left: var(--spacing-lg);
    padding-right: var(--spacing-lg);
  }

  .xl-p-xl {
    padding-top: var(--spacing-xl);
    padding-bottom: var(--spacing-xl);
    padding-left: var(--spacing-xl);
    padding-right: var(--spacing-xl);
  }

  .xl-p-xxl {
    padding-top: var(--spacing-xxl);
    padding-bottom: var(--spacing-xxl);
    padding-left: var(--spacing-xxl);
    padding-right: var(--spacing-xxl);
  }

  .xl-p-xxxl {
    padding-top: var(--spacing-xxxl);
    padding-bottom: var(--spacing-xxxl);
    padding-left: var(--spacing-xxxl);
    padding-right: var(--spacing-xxxl);
  }

  .xl-p-0 {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .xl-p-half {
    padding-top: var(--spacing-xs);
    padding-bottom: var(--spacing-xs);
    padding-left: var(--spacing-xs);
    padding-right: var(--spacing-xs);
  }

  .xl-p-1 {
    padding-top: var(--spacing-sm);
    padding-bottom: var(--spacing-sm);
    padding-left: var(--spacing-sm);
    padding-right: var(--spacing-sm);
  }

  .xl-p-2 {
    padding-top: var(--spacing-md);
    padding-bottom: var(--spacing-md);
    padding-left: var(--spacing-md);
    padding-right: var(--spacing-md);
  }

  .xl-p-3 {
    padding-top: var(--spacing-lg);
    padding-bottom: var(--spacing-lg);
    padding-left: var(--spacing-lg);
    padding-right: var(--spacing-lg);
  }

  .xl-p-4 {
    padding-top: var(--spacing-xl);
    padding-bottom: var(--spacing-xl);
    padding-left: var(--spacing-xl);
    padding-right: var(--spacing-xl);
  }
}
.typog-d1 {
  font-family: var(--typog-d1-family);
  font-weight: var(--typog-d1-weight);
  font-style: var(--typog-d1-style);
  font-size: var(--typog-d1-size);
  line-height: var(--typog-d1-line-height);
  letter-spacing: var(--typog-d1-letter-spacing);
  -webkit-text-decoration: var(--typog-d1-text-decoration);
          text-decoration: var(--typog-d1-text-decoration);
  text-transform: var(--typog-d1-text-transform);
}
.typog-d2 {
  font-family: var(--typog-d2-family);
  font-weight: var(--typog-d2-weight);
  font-style: var(--typog-d2-style);
  font-size: var(--typog-d2-size);
  line-height: var(--typog-d2-line-height);
  letter-spacing: var(--typog-d2-letter-spacing);
  -webkit-text-decoration: var(--typog-d2-text-decoration);
          text-decoration: var(--typog-d2-text-decoration);
  text-transform: var(--typog-d2-text-transform);
}
.typog-h1, body h1 {
  font-family: var(--typog-h1-family);
  font-weight: var(--typog-h1-weight);
  font-style: var(--typog-h1-style);
  font-size: var(--typog-h1-size);
  line-height: var(--typog-h1-line-height);
  letter-spacing: var(--typog-h1-letter-spacing);
  -webkit-text-decoration: var(--typog-h1-text-decoration);
          text-decoration: var(--typog-h1-text-decoration);
  text-transform: var(--typog-h1-text-transform);
}
.typog-h2, body h2 {
  font-family: var(--typog-h2-family);
  font-weight: var(--typog-h2-weight);
  font-style: var(--typog-h2-style);
  font-size: var(--typog-h2-size);
  line-height: var(--typog-h2-line-height);
  letter-spacing: var(--typog-h2-letter-spacing);
  -webkit-text-decoration: var(--typog-h2-text-decoration);
          text-decoration: var(--typog-h2-text-decoration);
  text-transform: var(--typog-h2-text-transform);
}
.typog-h3, body h3 {
  font-family: var(--typog-h3-family);
  font-weight: var(--typog-h3-weight);
  font-style: var(--typog-h3-style);
  font-size: var(--typog-h3-size);
  line-height: var(--typog-h3-line-height);
  letter-spacing: var(--typog-h3-letter-spacing);
  -webkit-text-decoration: var(--typog-h3-text-decoration);
          text-decoration: var(--typog-h3-text-decoration);
  text-transform: var(--typog-h3-text-transform);
}
.typog-h4, body h4 {
  font-family: var(--typog-h4-family);
  font-weight: var(--typog-h4-weight);
  font-style: var(--typog-h4-style);
  font-size: var(--typog-h4-size);
  line-height: var(--typog-h4-line-height);
  letter-spacing: var(--typog-h4-letter-spacing);
  -webkit-text-decoration: var(--typog-h4-text-decoration);
          text-decoration: var(--typog-h4-text-decoration);
  text-transform: var(--typog-h4-text-transform);
}
.typog-h5, body h5 {
  font-family: var(--typog-h5-family);
  font-weight: var(--typog-h5-weight);
  font-style: var(--typog-h5-style);
  font-size: var(--typog-h5-size);
  line-height: var(--typog-h5-line-height);
  letter-spacing: var(--typog-h5-letter-spacing);
  -webkit-text-decoration: var(--typog-h5-text-decoration);
          text-decoration: var(--typog-h5-text-decoration);
  text-transform: var(--typog-h5-text-transform);
}
.typog-h6, body h6 {
  font-family: var(--typog-h6-family);
  font-weight: var(--typog-h6-weight);
  font-style: var(--typog-h6-style);
  font-size: var(--typog-h6-size);
  line-height: var(--typog-h6-line-height);
  letter-spacing: var(--typog-h6-letter-spacing);
  -webkit-text-decoration: var(--typog-h6-text-decoration);
          text-decoration: var(--typog-h6-text-decoration);
  text-transform: var(--typog-h6-text-transform);
}
.typog-button {
  font-family: var(--typog-button-family);
  font-weight: var(--typog-button-weight);
  font-style: var(--typog-button-style);
  font-size: var(--typog-button-size);
  line-height: var(--typog-button-line-height);
  letter-spacing: var(--typog-button-letter-spacing);
  -webkit-text-decoration: var(--typog-button-text-decoration);
          text-decoration: var(--typog-button-text-decoration);
  text-transform: var(--typog-button-text-transform);
}
.typog-body-regular, .typog-body, body,
body p,
body li {
  font-family: var(--typog-body-regular-family);
  font-weight: var(--typog-body-regular-weight);
  font-style: var(--typog-body-regular-style);
  font-size: var(--typog-body-regular-size);
  line-height: var(--typog-body-regular-line-height);
  letter-spacing: var(--typog-body-regular-letter-spacing);
  -webkit-text-decoration: var(--typog-body-regular-text-decoration);
          text-decoration: var(--typog-body-regular-text-decoration);
  text-transform: var(--typog-body-regular-text-transform);
}
.typog-body-large-link, .typog-body-large a {
  font-family: var(--typog-body-large-link-family);
  font-weight: var(--typog-body-large-link-weight);
  font-style: var(--typog-body-large-link-style);
  font-size: var(--typog-body-large-link-size);
  line-height: var(--typog-body-large-link-line-height);
  letter-spacing: var(--typog-body-large-link-letter-spacing);
  -webkit-text-decoration: var(--typog-body-large-link-text-decoration);
          text-decoration: var(--typog-body-large-link-text-decoration);
  text-transform: var(--typog-body-large-link-text-transform);
}
.typog-body-large-bold, .typog-body-large strong {
  font-family: var(--typog-body-large-bold-family);
  font-weight: var(--typog-body-large-bold-weight);
  font-style: var(--typog-body-large-bold-style);
  font-size: var(--typog-body-large-bold-size);
  line-height: var(--typog-body-large-bold-line-height);
  letter-spacing: var(--typog-body-large-bold-letter-spacing);
  -webkit-text-decoration: var(--typog-body-large-bold-text-decoration);
          text-decoration: var(--typog-body-large-bold-text-decoration);
  text-transform: var(--typog-body-large-bold-text-transform);
}
.typog-body-large-regular, .typog-body-large {
  font-family: var(--typog-body-large-family);
  font-weight: var(--typog-body-large-weight);
  font-style: var(--typog-body-large-style);
  font-size: var(--typog-body-large-size);
  line-height: var(--typog-body-large-line-height);
  letter-spacing: var(--typog-body-large-letter-spacing);
  -webkit-text-decoration: var(--typog-body-large-text-decoration);
          text-decoration: var(--typog-body-large-text-decoration);
  text-transform: var(--typog-body-large-text-transform);
}
.typog-body-bold, .typog-body strong, body strong,
body p strong,
body li strong {
  font-family: var(--typog-body-bold-family);
  font-weight: var(--typog-body-bold-weight);
  font-style: var(--typog-body-bold-style);
  font-size: var(--typog-body-bold-size);
  line-height: var(--typog-body-bold-line-height);
  letter-spacing: var(--typog-body-bold-letter-spacing);
  -webkit-text-decoration: var(--typog-body-bold-text-decoration);
          text-decoration: var(--typog-body-bold-text-decoration);
  text-transform: var(--typog-body-bold-text-transform);
}
.typog-body-link, .typog-body a, body a,
body p a,
body li a {
  font-family: var(--typog-body-link-family);
  font-weight: var(--typog-body-link-weight);
  font-style: var(--typog-body-link-style);
  font-size: var(--typog-body-link-size);
  line-height: var(--typog-body-link-line-height);
  letter-spacing: var(--typog-body-link-letter-spacing);
  -webkit-text-decoration: var(--typog-body-link-text-decoration);
          text-decoration: var(--typog-body-link-text-decoration);
  text-transform: var(--typog-body-link-text-transform);
}
.typog-body-link:hover, .typog-body a:hover, body a:hover {
  -webkit-text-decoration: var(--typog-body-link-hover-text-decoration, none);
          text-decoration: var(--typog-body-link-hover-text-decoration, none);
}
.typog-caption-regular, .typog-caption {
  font-family: var(--typog-caption-regular-family);
  font-weight: var(--typog-caption-regular-weight);
  font-style: var(--typog-caption-regular-style);
  font-size: var(--typog-caption-regular-size);
  line-height: var(--typog-caption-regular-line-height);
  letter-spacing: var(--typog-caption-regular-letter-spacing);
  -webkit-text-decoration: var(--typog-caption-regular-text-decoration);
          text-decoration: var(--typog-caption-regular-text-decoration);
  text-transform: var(--typog-caption-regular-text-transform);
}
.typog-caption-bold, .typog-caption strong {
  font-family: var(--typog-caption-bold-family);
  font-weight: var(--typog-caption-bold-weight);
  font-style: var(--typog-caption-bold-style);
  font-size: var(--typog-caption-bold-size);
  line-height: var(--typog-caption-bold-line-height);
  letter-spacing: var(--typog-caption-bold-letter-spacing);
  -webkit-text-decoration: var(--typog-caption-bold-text-decoration);
          text-decoration: var(--typog-caption-bold-text-decoration);
  text-transform: var(--typog-caption-bold-text-transform);
}
.typog-caption-link, .typog-caption a {
  font-family: var(--typog-caption-link-family);
  font-weight: var(--typog-caption-link-weight);
  font-style: var(--typog-caption-link-style);
  font-size: var(--typog-caption-link-size);
  line-height: var(--typog-caption-link-line-height);
  letter-spacing: var(--typog-caption-link-letter-spacing);
  -webkit-text-decoration: var(--typog-caption-link-text-decoration);
          text-decoration: var(--typog-caption-link-text-decoration);
  text-transform: var(--typog-caption-link-text-transform);
}
.typog-caption-link:hover, .typog-caption a:hover {
  -webkit-text-decoration: var(--typog-caption-link-hover-text-decoration, none);
          text-decoration: var(--typog-caption-link-hover-text-decoration, none);
}
.typog-menu-link {
  font-family: var(--typog-menu-link-family);
  font-weight: var(--typog-menu-link-weight);
  font-style: var(--typog-menu-link-style);
  font-size: var(--typog-menu-link-size);
  line-height: var(--typog-menu-link-line-height);
  letter-spacing: var(--typog-menu-link-letter-spacing);
  -webkit-text-decoration: var(--typog-menu-link-text-decoration);
          text-decoration: var(--typog-menu-link-text-decoration);
  text-transform: var(--typog-menu-link-text-transform);
}
.typog-menu-link:hover {
  -webkit-text-decoration: var(--typog-menu-link-hover-text-decoration, none);
          text-decoration: var(--typog-menu-link-hover-text-decoration, none);
}
.typog-header-link {
  font-family: var(--typog-header-link-family);
  font-weight: var(--typog-header-link-weight);
  font-style: var(--typog-header-link-style);
  font-size: var(--typog-header-link-size);
  line-height: var(--typog-header-link-line-height);
  letter-spacing: var(--typog-header-link-letter-spacing);
  -webkit-text-decoration: var(--typog-header-link-text-decoration);
          text-decoration: var(--typog-header-link-text-decoration);
  text-transform: var(--typog-header-link-text-transform);
}
.typog-header-link:hover {
  -webkit-text-decoration: var(--typog-header-link-hover-text-decoration, none);
          text-decoration: var(--typog-header-link-hover-text-decoration, none);
}
/* Usage:

@include breakpoint(sm) {
      margin-right: 0;
}
@include breakpoint(sm-only) {
      margin-right: 0;
}
@include breakpoint(0, $screen-md-max) {
      margin-right: 0;
}

 */
body {
  overflow-x: hidden;
  color: var(--tone-700);
  -webkit-font-smoothing: antialiased;
}
body span {
  font-size: inherit;
}
body .link {
  color: var(--primary-interactive-color);
  cursor: pointer;
}
body a,
body .link {
  word-break: break-word;
}
body a, body a:focus, body a:active,
body .link,
body .link:focus,
body .link:active {
  text-decoration: underline;
}
body a:hover,
body .link:hover {
  text-decoration: none;
}
body a.link--standalone {
  text-decoration: underline;
}
body a.link--standalone:hover, body a.link--standalone:focus, body a.link--standalone:active {
  text-decoration: none;
}
body .font--standard {
  font-family: var(--typog-body-regular-family);
  font-weight: var(--typog-body-regular-weight);
  font-style: var(--typog-body-regular-style);
  font-size: var(--typog-body-regular-size);
  line-height: var(--typog-body-regular-line-height);
  letter-spacing: var(--typog-body-regular-letter-spacing);
  -webkit-text-decoration: var(--typog-body-regular-text-decoration);
          text-decoration: var(--typog-body-regular-text-decoration);
  text-transform: var(--typog-body-regular-text-transform);
}
body .font--bold, body strong {
  font-family: var(--typog-body-bold-family);
  font-weight: var(--typog-body-bold-weight);
  font-style: var(--typog-body-bold-style);
  font-size: var(--typog-body-bold-size);
  line-height: var(--typog-body-bold-line-height);
  letter-spacing: var(--typog-body-bold-letter-spacing);
  -webkit-text-decoration: var(--typog-body-bold-text-decoration);
          text-decoration: var(--typog-body-bold-text-decoration);
  text-transform: var(--typog-body-bold-text-transform);
}
body .font--sm, body small {
  font-family: var(--typog-caption-regular-family);
  font-weight: var(--typog-caption-regular-weight);
  font-style: var(--typog-caption-regular-style);
  font-size: var(--typog-caption-regular-size);
  line-height: var(--typog-caption-regular-line-height);
  letter-spacing: var(--typog-caption-regular-letter-spacing);
  -webkit-text-decoration: var(--typog-caption-regular-text-decoration);
          text-decoration: var(--typog-caption-regular-text-decoration);
  text-transform: var(--typog-caption-regular-text-transform);
}
body em {
  font-style: italic;
}
body.body--locked {
  height: 100%;
  overflow: hidden;
  width: 100%;
  position: fixed;
}
@media only screen and (min-width: 1024px) {
  body.body--locked {
    height: auto;
    overflow: visible;
    position: static;
  }
}
/* Usage:

@include breakpoint(sm) {
      margin-right: 0;
}
@include breakpoint(sm-only) {
      margin-right: 0;
}
@include breakpoint(0, $screen-md-max) {
      margin-right: 0;
}

 */
/*
  Note that most new typography variables have default values at present
  this is to maintain flexibility, and preserve compatibility

  in each theme, or within your app, you should include a mixin from
  `abstracts/typography-presets`

  This will either set the variables to:
   - the new styles based on styleguide
   - the old default styles (with no dependency on legacy vars)
   - to map the old vars to the new vars

   Please see storybook for more documentation.

   There are a set of typography styles:
    d1
    h1
    h2
    h3
    h4
    h5
    h6
    body-regular
    body-bold
    body-link
    body-large
    body-large-link
    body-large-bold
    button
    caption-regular
    caption-bold
    caption-link
    menu-link
    header-link

   Each style can have variables for large screens (>=md) and small screens

   Each style has variables for:
    family
    weight
    style
    size
    line-height
    letter-spacing
    text-decoration
    text-transform

   If not specified

   - small screen variables fallback to medium, then large screen equivalent
   - medium screen variables fallback to large screen equivalent


   Font family vars all default to either --typog-default-heading-family (d1 & h1-h6) or --typog-default-body-family

   Other defaults:
    weight: normal
    style: normal
    letter-spacing: 0
    text-decoration: none
    text-transform: none

   Variables are defined as --typog-[sm|md|lg]-{style}-{property}

   e.g.:

    --typog-lg-h4-family
    --typog-lg-h4-weight
    --typog-lg-h4-style
    --typog-lg-h4-size
    --typog-lg-h4-line-height
    --typog-lg-h4-letter-spacing
    --typog-lg-h4-text-decoration
    --typog-lg-h4-text-transform
    --typog-sm-h4-family
    --typog-sm-h4-weight
    --typog-sm-h4-style
    --typog-sm-h4-size
    --typog-sm-h4-line-height
    --typog-sm-h4-letter-spacing
    --typog-sm-h4-text-decoration
    --typog-sm-h4-text-transform

 */
body {
  --typog-d1-family: var(--typog-sm-d1-family, var(--typog-md-d1-family, var(--typog-lg-d1-family, var(--typog-default-heading-family))));
  --typog-d1-weight: var(--typog-sm-d1-weight, var(--typog-md-d1-weight, var(--typog-lg-d1-weight, normal)));
  --typog-d1-style: var(--typog-sm-d1-style, var(--typog-md-d1-style, var(--typog-lg-d1-style, normal)));
  --typog-d1-size: var(--typog-sm-d1-size, var(--typog-md-d1-size, var(--typog-lg-d1-size)));
  --typog-d1-line-height: var(--typog-sm-d1-line-height, var(--typog-md-d1-line-height, var(--typog-lg-d1-line-height)));
  --typog-d1-letter-spacing: var(--typog-sm-d1-letter-spacing, var(--typog-md-d1-letter-spacing, var(--typog-lg-d1-letter-spacing, 0)));
  --typog-d1-text-decoration: var(--typog-sm-d1-text-decoration, var(--typog-md-d1-text-decoration, var(--typog-lg-d1-text-decoration, none)));
  --typog-d1-text-transform: var(--typog-sm-d1-text-transform, var(--typog-md-d1-text-transform, var(--typog-lg-d1-text-transform, none)));
  --typog-d2-family: var(--typog-sm-d2-family, var(--typog-md-d2-family, var(--typog-lg-d2-family, var(--typog-default-heading-family))));
  --typog-d2-weight: var(--typog-sm-d2-weight, var(--typog-md-d2-weight, var(--typog-lg-d2-weight, normal)));
  --typog-d2-style: var(--typog-sm-d2-style, var(--typog-md-d2-style, var(--typog-lg-d2-style, normal)));
  --typog-d2-size: var(--typog-sm-d2-size, var(--typog-md-d2-size, var(--typog-lg-d2-size)));
  --typog-d2-line-height: var(--typog-sm-d2-line-height, var(--typog-md-d2-line-height, var(--typog-lg-d2-line-height)));
  --typog-d2-letter-spacing: var(--typog-sm-d2-letter-spacing, var(--typog-md-d2-letter-spacing, var(--typog-lg-d2-letter-spacing, 0)));
  --typog-d2-text-decoration: var(--typog-sm-d2-text-decoration, var(--typog-md-d2-text-decoration, var(--typog-lg-d2-text-decoration, none)));
  --typog-d2-text-transform: var(--typog-sm-d2-text-transform, var(--typog-md-d2-text-transform, var(--typog-lg-d2-text-transform, none)));
  --typog-h1-family: var(--typog-sm-h1-family, var(--typog-md-h1-family, var(--typog-lg-h1-family, var(--typog-default-heading-family))));
  --typog-h1-weight: var(--typog-sm-h1-weight, var(--typog-md-h1-weight, var(--typog-lg-h1-weight, normal)));
  --typog-h1-style: var(--typog-sm-h1-style, var(--typog-md-h1-style, var(--typog-lg-h1-style, normal)));
  --typog-h1-size: var(--typog-sm-h1-size, var(--typog-md-h1-size, var(--typog-lg-h1-size)));
  --typog-h1-line-height: var(--typog-sm-h1-line-height, var(--typog-md-h1-line-height, var(--typog-lg-h1-line-height)));
  --typog-h1-letter-spacing: var(--typog-sm-h1-letter-spacing, var(--typog-md-h1-letter-spacing, var(--typog-lg-h1-letter-spacing, 0)));
  --typog-h1-text-decoration: var(--typog-sm-h1-text-decoration, var(--typog-md-h1-text-decoration, var(--typog-lg-h1-text-decoration, none)));
  --typog-h1-text-transform: var(--typog-sm-h1-text-transform, var(--typog-md-h1-text-transform, var(--typog-lg-h1-text-transform, none)));
  --typog-h2-family: var(--typog-sm-h2-family, var(--typog-md-h2-family, var(--typog-lg-h2-family, var(--typog-default-heading-family))));
  --typog-h2-weight: var(--typog-sm-h2-weight, var(--typog-md-h2-weight, var(--typog-lg-h2-weight, normal)));
  --typog-h2-style: var(--typog-sm-h2-style, var(--typog-md-h2-style, var(--typog-lg-h2-style, normal)));
  --typog-h2-size: var(--typog-sm-h2-size, var(--typog-md-h2-size, var(--typog-lg-h2-size)));
  --typog-h2-line-height: var(--typog-sm-h2-line-height, var(--typog-md-h2-line-height, var(--typog-lg-h2-line-height)));
  --typog-h2-letter-spacing: var(--typog-sm-h2-letter-spacing, var(--typog-md-h2-letter-spacing, var(--typog-lg-h2-letter-spacing, 0)));
  --typog-h2-text-decoration: var(--typog-sm-h2-text-decoration, var(--typog-md-h2-text-decoration, var(--typog-lg-h2-text-decoration, none)));
  --typog-h2-text-transform: var(--typog-sm-h2-text-transform, var(--typog-md-h2-text-transform, var(--typog-lg-h2-text-transform, none)));
  --typog-h3-family: var(--typog-sm-h3-family, var(--typog-md-h3-family, var(--typog-lg-h3-family, var(--typog-default-heading-family))));
  --typog-h3-weight: var(--typog-sm-h3-weight, var(--typog-md-h3-weight, var(--typog-lg-h3-weight, normal)));
  --typog-h3-style: var(--typog-sm-h3-style, var(--typog-md-h3-style, var(--typog-lg-h3-style, normal)));
  --typog-h3-size: var(--typog-sm-h3-size, var(--typog-md-h3-size, var(--typog-lg-h3-size)));
  --typog-h3-line-height: var(--typog-sm-h3-line-height, var(--typog-md-h3-line-height, var(--typog-lg-h3-line-height)));
  --typog-h3-letter-spacing: var(--typog-sm-h3-letter-spacing, var(--typog-md-h3-letter-spacing, var(--typog-lg-h3-letter-spacing, 0)));
  --typog-h3-text-decoration: var(--typog-sm-h3-text-decoration, var(--typog-md-h3-text-decoration, var(--typog-lg-h3-text-decoration, none)));
  --typog-h3-text-transform: var(--typog-sm-h3-text-transform, var(--typog-md-h3-text-transform, var(--typog-lg-h3-text-transform, none)));
  --typog-h4-family: var(--typog-sm-h4-family, var(--typog-md-h4-family, var(--typog-lg-h4-family, var(--typog-default-heading-family))));
  --typog-h4-weight: var(--typog-sm-h4-weight, var(--typog-md-h4-weight, var(--typog-lg-h4-weight, normal)));
  --typog-h4-style: var(--typog-sm-h4-style, var(--typog-md-h4-style, var(--typog-lg-h4-style, normal)));
  --typog-h4-size: var(--typog-sm-h4-size, var(--typog-md-h4-size, var(--typog-lg-h4-size)));
  --typog-h4-line-height: var(--typog-sm-h4-line-height, var(--typog-md-h4-line-height, var(--typog-lg-h4-line-height)));
  --typog-h4-letter-spacing: var(--typog-sm-h4-letter-spacing, var(--typog-md-h4-letter-spacing, var(--typog-lg-h4-letter-spacing, 0)));
  --typog-h4-text-decoration: var(--typog-sm-h4-text-decoration, var(--typog-md-h4-text-decoration, var(--typog-lg-h4-text-decoration, none)));
  --typog-h4-text-transform: var(--typog-sm-h4-text-transform, var(--typog-md-h4-text-transform, var(--typog-lg-h4-text-transform, none)));
  --typog-h5-family: var(--typog-sm-h5-family, var(--typog-md-h5-family, var(--typog-lg-h5-family, var(--typog-default-heading-family))));
  --typog-h5-weight: var(--typog-sm-h5-weight, var(--typog-md-h5-weight, var(--typog-lg-h5-weight, normal)));
  --typog-h5-style: var(--typog-sm-h5-style, var(--typog-md-h5-style, var(--typog-lg-h5-style, normal)));
  --typog-h5-size: var(--typog-sm-h5-size, var(--typog-md-h5-size, var(--typog-lg-h5-size)));
  --typog-h5-line-height: var(--typog-sm-h5-line-height, var(--typog-md-h5-line-height, var(--typog-lg-h5-line-height)));
  --typog-h5-letter-spacing: var(--typog-sm-h5-letter-spacing, var(--typog-md-h5-letter-spacing, var(--typog-lg-h5-letter-spacing, 0)));
  --typog-h5-text-decoration: var(--typog-sm-h5-text-decoration, var(--typog-md-h5-text-decoration, var(--typog-lg-h5-text-decoration, none)));
  --typog-h5-text-transform: var(--typog-sm-h5-text-transform, var(--typog-md-h5-text-transform, var(--typog-lg-h5-text-transform, none)));
  --typog-h6-family: var(--typog-sm-h6-family, var(--typog-md-h6-family, var(--typog-lg-h6-family, var(--typog-default-heading-family))));
  --typog-h6-weight: var(--typog-sm-h6-weight, var(--typog-md-h6-weight, var(--typog-lg-h6-weight, normal)));
  --typog-h6-style: var(--typog-sm-h6-style, var(--typog-md-h6-style, var(--typog-lg-h6-style, normal)));
  --typog-h6-size: var(--typog-sm-h6-size, var(--typog-md-h6-size, var(--typog-lg-h6-size)));
  --typog-h6-line-height: var(--typog-sm-h6-line-height, var(--typog-md-h6-line-height, var(--typog-lg-h6-line-height)));
  --typog-h6-letter-spacing: var(--typog-sm-h6-letter-spacing, var(--typog-md-h6-letter-spacing, var(--typog-lg-h6-letter-spacing, 0)));
  --typog-h6-text-decoration: var(--typog-sm-h6-text-decoration, var(--typog-md-h6-text-decoration, var(--typog-lg-h6-text-decoration, none)));
  --typog-h6-text-transform: var(--typog-sm-h6-text-transform, var(--typog-md-h6-text-transform, var(--typog-lg-h6-text-transform, none)));
  --typog-button-family: var(--typog-sm-button-family, var(--typog-md-button-family, var(--typog-lg-button-family, var(--typog-default-body-family))));
  --typog-button-weight: var(--typog-sm-button-weight, var(--typog-md-button-weight, var(--typog-lg-button-weight, normal)));
  --typog-button-style: var(--typog-sm-button-style, var(--typog-md-button-style, var(--typog-lg-button-style, normal)));
  --typog-button-size: var(--typog-sm-button-size, var(--typog-md-button-size, var(--typog-lg-button-size)));
  --typog-button-line-height: var(--typog-sm-button-line-height, var(--typog-md-button-line-height, var(--typog-lg-button-line-height)));
  --typog-button-letter-spacing: var(--typog-sm-button-letter-spacing, var(--typog-md-button-letter-spacing, var(--typog-lg-button-letter-spacing, 0)));
  --typog-button-text-decoration: var(--typog-sm-button-text-decoration, var(--typog-md-button-text-decoration, var(--typog-lg-button-text-decoration, none)));
  --typog-button-text-transform: var(--typog-sm-button-text-transform, var(--typog-md-button-text-transform, var(--typog-lg-button-text-transform, none)));
  --typog-body-regular-family: var(--typog-sm-body-regular-family, var(--typog-md-body-regular-family, var(--typog-lg-body-regular-family, var(--typog-default-body-family))));
  --typog-body-regular-weight: var(--typog-sm-body-regular-weight, var(--typog-md-body-regular-weight, var(--typog-lg-body-regular-weight, normal)));
  --typog-body-regular-style: var(--typog-sm-body-regular-style, var(--typog-md-body-regular-style, var(--typog-lg-body-regular-style, normal)));
  --typog-body-regular-size: var(--typog-sm-body-regular-size, var(--typog-md-body-regular-size, var(--typog-lg-body-regular-size)));
  --typog-body-regular-line-height: var(--typog-sm-body-regular-line-height, var(--typog-md-body-regular-line-height, var(--typog-lg-body-regular-line-height)));
  --typog-body-regular-letter-spacing: var(--typog-sm-body-regular-letter-spacing, var(--typog-md-body-regular-letter-spacing, var(--typog-lg-body-regular-letter-spacing, 0)));
  --typog-body-regular-text-decoration: var(--typog-sm-body-regular-text-decoration, var(--typog-md-body-regular-text-decoration, var(--typog-lg-body-regular-text-decoration, none)));
  --typog-body-regular-text-transform: var(--typog-sm-body-regular-text-transform, var(--typog-md-body-regular-text-transform, var(--typog-lg-body-regular-text-transform, none)));
  --typog-body-bold-family: var(--typog-sm-body-bold-family, var(--typog-md-body-bold-family, var(--typog-lg-body-bold-family, var(--typog-default-body-family))));
  --typog-body-bold-weight: var(--typog-sm-body-bold-weight, var(--typog-md-body-bold-weight, var(--typog-lg-body-bold-weight, normal)));
  --typog-body-bold-style: var(--typog-sm-body-bold-style, var(--typog-md-body-bold-style, var(--typog-lg-body-bold-style, normal)));
  --typog-body-bold-size: var(--typog-sm-body-bold-size, var(--typog-md-body-bold-size, var(--typog-lg-body-bold-size)));
  --typog-body-bold-line-height: var(--typog-sm-body-bold-line-height, var(--typog-md-body-bold-line-height, var(--typog-lg-body-bold-line-height)));
  --typog-body-bold-letter-spacing: var(--typog-sm-body-bold-letter-spacing, var(--typog-md-body-bold-letter-spacing, var(--typog-lg-body-bold-letter-spacing, 0)));
  --typog-body-bold-text-decoration: var(--typog-sm-body-bold-text-decoration, var(--typog-md-body-bold-text-decoration, var(--typog-lg-body-bold-text-decoration, none)));
  --typog-body-bold-text-transform: var(--typog-sm-body-bold-text-transform, var(--typog-md-body-bold-text-transform, var(--typog-lg-body-bold-text-transform, none)));
  --typog-body-link-family: var(--typog-sm-body-link-family, var(--typog-md-body-link-family, var(--typog-lg-body-link-family, var(--typog-default-body-family))));
  --typog-body-link-weight: var(--typog-sm-body-link-weight, var(--typog-md-body-link-weight, var(--typog-lg-body-link-weight, normal)));
  --typog-body-link-style: var(--typog-sm-body-link-style, var(--typog-md-body-link-style, var(--typog-lg-body-link-style, normal)));
  --typog-body-link-size: var(--typog-sm-body-link-size, var(--typog-md-body-link-size, var(--typog-lg-body-link-size)));
  --typog-body-link-line-height: var(--typog-sm-body-link-line-height, var(--typog-md-body-link-line-height, var(--typog-lg-body-link-line-height)));
  --typog-body-link-letter-spacing: var(--typog-sm-body-link-letter-spacing, var(--typog-md-body-link-letter-spacing, var(--typog-lg-body-link-letter-spacing, 0)));
  --typog-body-link-text-decoration: var(--typog-sm-body-link-text-decoration, var(--typog-md-body-link-text-decoration, var(--typog-lg-body-link-text-decoration, none)));
  --typog-body-link-text-transform: var(--typog-sm-body-link-text-transform, var(--typog-md-body-link-text-transform, var(--typog-lg-body-link-text-transform, none)));
  --typog-body-large-family: var(--typog-sm-body-large-family, var(--typog-md-body-large-family, var(--typog-lg-body-large-family, var(--typog-default-body-family))));
  --typog-body-large-weight: var(--typog-sm-body-large-weight, var(--typog-md-body-large-weight, var(--typog-lg-body-large-weight, normal)));
  --typog-body-large-style: var(--typog-sm-body-large-style, var(--typog-md-body-large-style, var(--typog-lg-body-large-style, normal)));
  --typog-body-large-size: var(--typog-sm-body-large-size, var(--typog-md-body-large-size, var(--typog-lg-body-large-size)));
  --typog-body-large-line-height: var(--typog-sm-body-large-line-height, var(--typog-md-body-large-line-height, var(--typog-lg-body-large-line-height)));
  --typog-body-large-letter-spacing: var(--typog-sm-body-large-letter-spacing, var(--typog-md-body-large-letter-spacing, var(--typog-lg-body-large-letter-spacing, 0)));
  --typog-body-large-text-decoration: var(--typog-sm-body-large-text-decoration, var(--typog-md-body-large-text-decoration, var(--typog-lg-body-large-text-decoration, none)));
  --typog-body-large-text-transform: var(--typog-sm-body-large-text-transform, var(--typog-md-body-large-text-transform, var(--typog-lg-body-large-text-transform, none)));
  --typog-body-large-bold-family: var(--typog-sm-body-large-bold-family, var(--typog-md-body-large-bold-family, var(--typog-lg-body-large-bold-family, var(--typog-default-body-family))));
  --typog-body-large-bold-weight: var(--typog-sm-body-large-bold-weight, var(--typog-md-body-large-bold-weight, var(--typog-lg-body-large-bold-weight, normal)));
  --typog-body-large-bold-style: var(--typog-sm-body-large-bold-style, var(--typog-md-body-large-bold-style, var(--typog-lg-body-large-bold-style, normal)));
  --typog-body-large-bold-size: var(--typog-sm-body-large-bold-size, var(--typog-md-body-large-bold-size, var(--typog-lg-body-large-bold-size)));
  --typog-body-large-bold-line-height: var(--typog-sm-body-large-bold-line-height, var(--typog-md-body-large-bold-line-height, var(--typog-lg-body-large-bold-line-height)));
  --typog-body-large-bold-letter-spacing: var(--typog-sm-body-large-bold-letter-spacing, var(--typog-md-body-large-bold-letter-spacing, var(--typog-lg-body-large-bold-letter-spacing, 0)));
  --typog-body-large-bold-text-decoration: var(--typog-sm-body-large-bold-text-decoration, var(--typog-md-body-large-bold-text-decoration, var(--typog-lg-body-large-bold-text-decoration, none)));
  --typog-body-large-bold-text-transform: var(--typog-sm-body-large-bold-text-transform, var(--typog-md-body-large-bold-text-transform, var(--typog-lg-body-large-bold-text-transform, none)));
  --typog-body-large-link-family: var(--typog-sm-body-large-link-family, var(--typog-md-body-large-link-family, var(--typog-lg-body-large-link-family, var(--typog-default-body-family))));
  --typog-body-large-link-weight: var(--typog-sm-body-large-link-weight, var(--typog-md-body-large-link-weight, var(--typog-lg-body-large-link-weight, normal)));
  --typog-body-large-link-style: var(--typog-sm-body-large-link-style, var(--typog-md-body-large-link-style, var(--typog-lg-body-large-link-style, normal)));
  --typog-body-large-link-size: var(--typog-sm-body-large-link-size, var(--typog-md-body-large-link-size, var(--typog-lg-body-large-link-size)));
  --typog-body-large-link-line-height: var(--typog-sm-body-large-link-line-height, var(--typog-md-body-large-link-line-height, var(--typog-lg-body-large-link-line-height)));
  --typog-body-large-link-letter-spacing: var(--typog-sm-body-large-link-letter-spacing, var(--typog-md-body-large-link-letter-spacing, var(--typog-lg-body-large-link-letter-spacing, 0)));
  --typog-body-large-link-text-decoration: var(--typog-sm-body-large-link-text-decoration, var(--typog-md-body-large-link-text-decoration, var(--typog-lg-body-large-link-text-decoration, none)));
  --typog-body-large-link-text-transform: var(--typog-sm-body-large-link-text-transform, var(--typog-md-body-large-link-text-transform, var(--typog-lg-body-large-link-text-transform, none)));
  --typog-caption-regular-family: var(--typog-sm-caption-regular-family, var(--typog-md-caption-regular-family, var(--typog-lg-caption-regular-family, var(--typog-default-body-family))));
  --typog-caption-regular-weight: var(--typog-sm-caption-regular-weight, var(--typog-md-caption-regular-weight, var(--typog-lg-caption-regular-weight, normal)));
  --typog-caption-regular-style: var(--typog-sm-caption-regular-style, var(--typog-md-caption-regular-style, var(--typog-lg-caption-regular-style, normal)));
  --typog-caption-regular-size: var(--typog-sm-caption-regular-size, var(--typog-md-caption-regular-size, var(--typog-lg-caption-regular-size)));
  --typog-caption-regular-line-height: var(--typog-sm-caption-regular-line-height, var(--typog-md-caption-regular-line-height, var(--typog-lg-caption-regular-line-height)));
  --typog-caption-regular-letter-spacing: var(--typog-sm-caption-regular-letter-spacing, var(--typog-md-caption-regular-letter-spacing, var(--typog-lg-caption-regular-letter-spacing, 0)));
  --typog-caption-regular-text-decoration: var(--typog-sm-caption-regular-text-decoration, var(--typog-md-caption-regular-text-decoration, var(--typog-lg-caption-regular-text-decoration, none)));
  --typog-caption-regular-text-transform: var(--typog-sm-caption-regular-text-transform, var(--typog-md-caption-regular-text-transform, var(--typog-lg-caption-regular-text-transform, none)));
  --typog-caption-bold-family: var(--typog-sm-caption-bold-family, var(--typog-md-caption-bold-family, var(--typog-lg-caption-bold-family, var(--typog-default-body-family))));
  --typog-caption-bold-weight: var(--typog-sm-caption-bold-weight, var(--typog-md-caption-bold-weight, var(--typog-lg-caption-bold-weight, normal)));
  --typog-caption-bold-style: var(--typog-sm-caption-bold-style, var(--typog-md-caption-bold-style, var(--typog-lg-caption-bold-style, normal)));
  --typog-caption-bold-size: var(--typog-sm-caption-bold-size, var(--typog-md-caption-bold-size, var(--typog-lg-caption-bold-size)));
  --typog-caption-bold-line-height: var(--typog-sm-caption-bold-line-height, var(--typog-md-caption-bold-line-height, var(--typog-lg-caption-bold-line-height)));
  --typog-caption-bold-letter-spacing: var(--typog-sm-caption-bold-letter-spacing, var(--typog-md-caption-bold-letter-spacing, var(--typog-lg-caption-bold-letter-spacing, 0)));
  --typog-caption-bold-text-decoration: var(--typog-sm-caption-bold-text-decoration, var(--typog-md-caption-bold-text-decoration, var(--typog-lg-caption-bold-text-decoration, none)));
  --typog-caption-bold-text-transform: var(--typog-sm-caption-bold-text-transform, var(--typog-md-caption-bold-text-transform, var(--typog-lg-caption-bold-text-transform, none)));
  --typog-caption-link-family: var(--typog-sm-caption-link-family, var(--typog-md-caption-link-family, var(--typog-lg-caption-link-family, var(--typog-default-body-family))));
  --typog-caption-link-weight: var(--typog-sm-caption-link-weight, var(--typog-md-caption-link-weight, var(--typog-lg-caption-link-weight, normal)));
  --typog-caption-link-style: var(--typog-sm-caption-link-style, var(--typog-md-caption-link-style, var(--typog-lg-caption-link-style, normal)));
  --typog-caption-link-size: var(--typog-sm-caption-link-size, var(--typog-md-caption-link-size, var(--typog-lg-caption-link-size)));
  --typog-caption-link-line-height: var(--typog-sm-caption-link-line-height, var(--typog-md-caption-link-line-height, var(--typog-lg-caption-link-line-height)));
  --typog-caption-link-letter-spacing: var(--typog-sm-caption-link-letter-spacing, var(--typog-md-caption-link-letter-spacing, var(--typog-lg-caption-link-letter-spacing, 0)));
  --typog-caption-link-text-decoration: var(--typog-sm-caption-link-text-decoration, var(--typog-md-caption-link-text-decoration, var(--typog-lg-caption-link-text-decoration, none)));
  --typog-caption-link-text-transform: var(--typog-sm-caption-link-text-transform, var(--typog-md-caption-link-text-transform, var(--typog-lg-caption-link-text-transform, none)));
  --typog-menu-link-family: var(--typog-sm-menu-link-family, var(--typog-md-menu-link-family, var(--typog-lg-menu-link-family, var(--typog-default-body-family))));
  --typog-menu-link-weight: var(--typog-sm-menu-link-weight, var(--typog-md-menu-link-weight, var(--typog-lg-menu-link-weight, normal)));
  --typog-menu-link-style: var(--typog-sm-menu-link-style, var(--typog-md-menu-link-style, var(--typog-lg-menu-link-style, normal)));
  --typog-menu-link-size: var(--typog-sm-menu-link-size, var(--typog-md-menu-link-size, var(--typog-lg-menu-link-size)));
  --typog-menu-link-line-height: var(--typog-sm-menu-link-line-height, var(--typog-md-menu-link-line-height, var(--typog-lg-menu-link-line-height)));
  --typog-menu-link-letter-spacing: var(--typog-sm-menu-link-letter-spacing, var(--typog-md-menu-link-letter-spacing, var(--typog-lg-menu-link-letter-spacing, 0)));
  --typog-menu-link-text-decoration: var(--typog-sm-menu-link-text-decoration, var(--typog-md-menu-link-text-decoration, var(--typog-lg-menu-link-text-decoration, none)));
  --typog-menu-link-text-transform: var(--typog-sm-menu-link-text-transform, var(--typog-md-menu-link-text-transform, var(--typog-lg-menu-link-text-transform, none)));
  --typog-header-link-family: var(--typog-sm-header-link-family, var(--typog-md-header-link-family, var(--typog-lg-header-link-family, var(--typog-default-body-family))));
  --typog-header-link-weight: var(--typog-sm-header-link-weight, var(--typog-md-header-link-weight, var(--typog-lg-header-link-weight, normal)));
  --typog-header-link-style: var(--typog-sm-header-link-style, var(--typog-md-header-link-style, var(--typog-lg-header-link-style, normal)));
  --typog-header-link-size: var(--typog-sm-header-link-size, var(--typog-md-header-link-size, var(--typog-lg-header-link-size)));
  --typog-header-link-line-height: var(--typog-sm-header-link-line-height, var(--typog-md-header-link-line-height, var(--typog-lg-header-link-line-height)));
  --typog-header-link-letter-spacing: var(--typog-sm-header-link-letter-spacing, var(--typog-md-header-link-letter-spacing, var(--typog-lg-header-link-letter-spacing, 0)));
  --typog-header-link-text-decoration: var(--typog-sm-header-link-text-decoration, var(--typog-md-header-link-text-decoration, var(--typog-lg-header-link-text-decoration, none)));
  --typog-header-link-text-transform: var(--typog-sm-header-link-text-transform, var(--typog-md-header-link-text-transform, var(--typog-lg-header-link-text-transform, none)));
}
@media only screen and (min-width: 768px) {
  body {
    --typog-d1-family: var(--typog-md-d1-family, var(--typog-lg-d1-family, var(--typog-default-heading-family)));
    --typog-d1-weight: var(--typog-md-d1-weight, var(--typog-lg-d1-weight, normal));
    --typog-d1-style: var(--typog-md-d1-style, var(--typog-lg-d1-style, normal));
    --typog-d1-size: var(--typog-md-d1-size, var(--typog-lg-d1-size));
    --typog-d1-line-height: var(--typog-md-d1-line-height, var(--typog-lg-d1-line-height));
    --typog-d1-letter-spacing: var(--typog-md-d1-letter-spacing, var(--typog-lg-d1-letter-spacing, 0));
    --typog-d1-text-decoration: var(--typog-md-d1-text-decoration, var(--typog-lg-d1-text-decoration, none));
    --typog-d1-text-transform: var(--typog-md-d1-text-transform, var(--typog-lg-d1-text-transform, none));
  }
}
@media only screen and (min-width: 1024px) {
  body {
    --typog-d1-family: var(--typog-lg-d1-family, var(--typog-default-heading-family));
    --typog-d1-weight: var(--typog-lg-d1-weight, normal);
    --typog-d1-style: var(--typog-lg-d1-style, normal);
    --typog-d1-size: var(--typog-lg-d1-size);
    --typog-d1-line-height: var(--typog-lg-d1-line-height);
    --typog-d1-letter-spacing: var(--typog-lg-d1-letter-spacing, 0);
    --typog-d1-text-decoration: var(--typog-lg-d1-text-decoration, none);
    --typog-d1-text-transform: var(--typog-lg-d1-text-transform, none);
  }
}
@media only screen and (min-width: 768px) {
  body {
    --typog-d2-family: var(--typog-md-d2-family, var(--typog-lg-d2-family, var(--typog-default-heading-family)));
    --typog-d2-weight: var(--typog-md-d2-weight, var(--typog-lg-d2-weight, normal));
    --typog-d2-style: var(--typog-md-d2-style, var(--typog-lg-d2-style, normal));
    --typog-d2-size: var(--typog-md-d2-size, var(--typog-lg-d2-size));
    --typog-d2-line-height: var(--typog-md-d2-line-height, var(--typog-lg-d2-line-height));
    --typog-d2-letter-spacing: var(--typog-md-d2-letter-spacing, var(--typog-lg-d2-letter-spacing, 0));
    --typog-d2-text-decoration: var(--typog-md-d2-text-decoration, var(--typog-lg-d2-text-decoration, none));
    --typog-d2-text-transform: var(--typog-md-d2-text-transform, var(--typog-lg-d2-text-transform, none));
  }
}
@media only screen and (min-width: 1024px) {
  body {
    --typog-d2-family: var(--typog-lg-d2-family, var(--typog-default-heading-family));
    --typog-d2-weight: var(--typog-lg-d2-weight, normal);
    --typog-d2-style: var(--typog-lg-d2-style, normal);
    --typog-d2-size: var(--typog-lg-d2-size);
    --typog-d2-line-height: var(--typog-lg-d2-line-height);
    --typog-d2-letter-spacing: var(--typog-lg-d2-letter-spacing, 0);
    --typog-d2-text-decoration: var(--typog-lg-d2-text-decoration, none);
    --typog-d2-text-transform: var(--typog-lg-d2-text-transform, none);
  }
}
@media only screen and (min-width: 768px) {
  body {
    --typog-h1-family: var(--typog-md-h1-family, var(--typog-lg-h1-family, var(--typog-default-heading-family)));
    --typog-h1-weight: var(--typog-md-h1-weight, var(--typog-lg-h1-weight, normal));
    --typog-h1-style: var(--typog-md-h1-style, var(--typog-lg-h1-style, normal));
    --typog-h1-size: var(--typog-md-h1-size, var(--typog-lg-h1-size));
    --typog-h1-line-height: var(--typog-md-h1-line-height, var(--typog-lg-h1-line-height));
    --typog-h1-letter-spacing: var(--typog-md-h1-letter-spacing, var(--typog-lg-h1-letter-spacing, 0));
    --typog-h1-text-decoration: var(--typog-md-h1-text-decoration, var(--typog-lg-h1-text-decoration, none));
    --typog-h1-text-transform: var(--typog-md-h1-text-transform, var(--typog-lg-h1-text-transform, none));
  }
}
@media only screen and (min-width: 1024px) {
  body {
    --typog-h1-family: var(--typog-lg-h1-family, var(--typog-default-heading-family));
    --typog-h1-weight: var(--typog-lg-h1-weight, normal);
    --typog-h1-style: var(--typog-lg-h1-style, normal);
    --typog-h1-size: var(--typog-lg-h1-size);
    --typog-h1-line-height: var(--typog-lg-h1-line-height);
    --typog-h1-letter-spacing: var(--typog-lg-h1-letter-spacing, 0);
    --typog-h1-text-decoration: var(--typog-lg-h1-text-decoration, none);
    --typog-h1-text-transform: var(--typog-lg-h1-text-transform, none);
  }
}
@media only screen and (min-width: 768px) {
  body {
    --typog-h2-family: var(--typog-md-h2-family, var(--typog-lg-h2-family, var(--typog-default-heading-family)));
    --typog-h2-weight: var(--typog-md-h2-weight, var(--typog-lg-h2-weight, normal));
    --typog-h2-style: var(--typog-md-h2-style, var(--typog-lg-h2-style, normal));
    --typog-h2-size: var(--typog-md-h2-size, var(--typog-lg-h2-size));
    --typog-h2-line-height: var(--typog-md-h2-line-height, var(--typog-lg-h2-line-height));
    --typog-h2-letter-spacing: var(--typog-md-h2-letter-spacing, var(--typog-lg-h2-letter-spacing, 0));
    --typog-h2-text-decoration: var(--typog-md-h2-text-decoration, var(--typog-lg-h2-text-decoration, none));
    --typog-h2-text-transform: var(--typog-md-h2-text-transform, var(--typog-lg-h2-text-transform, none));
  }
}
@media only screen and (min-width: 1024px) {
  body {
    --typog-h2-family: var(--typog-lg-h2-family, var(--typog-default-heading-family));
    --typog-h2-weight: var(--typog-lg-h2-weight, normal);
    --typog-h2-style: var(--typog-lg-h2-style, normal);
    --typog-h2-size: var(--typog-lg-h2-size);
    --typog-h2-line-height: var(--typog-lg-h2-line-height);
    --typog-h2-letter-spacing: var(--typog-lg-h2-letter-spacing, 0);
    --typog-h2-text-decoration: var(--typog-lg-h2-text-decoration, none);
    --typog-h2-text-transform: var(--typog-lg-h2-text-transform, none);
  }
}
@media only screen and (min-width: 768px) {
  body {
    --typog-h3-family: var(--typog-md-h3-family, var(--typog-lg-h3-family, var(--typog-default-heading-family)));
    --typog-h3-weight: var(--typog-md-h3-weight, var(--typog-lg-h3-weight, normal));
    --typog-h3-style: var(--typog-md-h3-style, var(--typog-lg-h3-style, normal));
    --typog-h3-size: var(--typog-md-h3-size, var(--typog-lg-h3-size));
    --typog-h3-line-height: var(--typog-md-h3-line-height, var(--typog-lg-h3-line-height));
    --typog-h3-letter-spacing: var(--typog-md-h3-letter-spacing, var(--typog-lg-h3-letter-spacing, 0));
    --typog-h3-text-decoration: var(--typog-md-h3-text-decoration, var(--typog-lg-h3-text-decoration, none));
    --typog-h3-text-transform: var(--typog-md-h3-text-transform, var(--typog-lg-h3-text-transform, none));
  }
}
@media only screen and (min-width: 1024px) {
  body {
    --typog-h3-family: var(--typog-lg-h3-family, var(--typog-default-heading-family));
    --typog-h3-weight: var(--typog-lg-h3-weight, normal);
    --typog-h3-style: var(--typog-lg-h3-style, normal);
    --typog-h3-size: var(--typog-lg-h3-size);
    --typog-h3-line-height: var(--typog-lg-h3-line-height);
    --typog-h3-letter-spacing: var(--typog-lg-h3-letter-spacing, 0);
    --typog-h3-text-decoration: var(--typog-lg-h3-text-decoration, none);
    --typog-h3-text-transform: var(--typog-lg-h3-text-transform, none);
  }
}
@media only screen and (min-width: 768px) {
  body {
    --typog-h4-family: var(--typog-md-h4-family, var(--typog-lg-h4-family, var(--typog-default-heading-family)));
    --typog-h4-weight: var(--typog-md-h4-weight, var(--typog-lg-h4-weight, normal));
    --typog-h4-style: var(--typog-md-h4-style, var(--typog-lg-h4-style, normal));
    --typog-h4-size: var(--typog-md-h4-size, var(--typog-lg-h4-size));
    --typog-h4-line-height: var(--typog-md-h4-line-height, var(--typog-lg-h4-line-height));
    --typog-h4-letter-spacing: var(--typog-md-h4-letter-spacing, var(--typog-lg-h4-letter-spacing, 0));
    --typog-h4-text-decoration: var(--typog-md-h4-text-decoration, var(--typog-lg-h4-text-decoration, none));
    --typog-h4-text-transform: var(--typog-md-h4-text-transform, var(--typog-lg-h4-text-transform, none));
  }
}
@media only screen and (min-width: 1024px) {
  body {
    --typog-h4-family: var(--typog-lg-h4-family, var(--typog-default-heading-family));
    --typog-h4-weight: var(--typog-lg-h4-weight, normal);
    --typog-h4-style: var(--typog-lg-h4-style, normal);
    --typog-h4-size: var(--typog-lg-h4-size);
    --typog-h4-line-height: var(--typog-lg-h4-line-height);
    --typog-h4-letter-spacing: var(--typog-lg-h4-letter-spacing, 0);
    --typog-h4-text-decoration: var(--typog-lg-h4-text-decoration, none);
    --typog-h4-text-transform: var(--typog-lg-h4-text-transform, none);
  }
}
@media only screen and (min-width: 768px) {
  body {
    --typog-h5-family: var(--typog-md-h5-family, var(--typog-lg-h5-family, var(--typog-default-heading-family)));
    --typog-h5-weight: var(--typog-md-h5-weight, var(--typog-lg-h5-weight, normal));
    --typog-h5-style: var(--typog-md-h5-style, var(--typog-lg-h5-style, normal));
    --typog-h5-size: var(--typog-md-h5-size, var(--typog-lg-h5-size));
    --typog-h5-line-height: var(--typog-md-h5-line-height, var(--typog-lg-h5-line-height));
    --typog-h5-letter-spacing: var(--typog-md-h5-letter-spacing, var(--typog-lg-h5-letter-spacing, 0));
    --typog-h5-text-decoration: var(--typog-md-h5-text-decoration, var(--typog-lg-h5-text-decoration, none));
    --typog-h5-text-transform: var(--typog-md-h5-text-transform, var(--typog-lg-h5-text-transform, none));
  }
}
@media only screen and (min-width: 1024px) {
  body {
    --typog-h5-family: var(--typog-lg-h5-family, var(--typog-default-heading-family));
    --typog-h5-weight: var(--typog-lg-h5-weight, normal);
    --typog-h5-style: var(--typog-lg-h5-style, normal);
    --typog-h5-size: var(--typog-lg-h5-size);
    --typog-h5-line-height: var(--typog-lg-h5-line-height);
    --typog-h5-letter-spacing: var(--typog-lg-h5-letter-spacing, 0);
    --typog-h5-text-decoration: var(--typog-lg-h5-text-decoration, none);
    --typog-h5-text-transform: var(--typog-lg-h5-text-transform, none);
  }
}
@media only screen and (min-width: 768px) {
  body {
    --typog-h6-family: var(--typog-md-h6-family, var(--typog-lg-h6-family, var(--typog-default-heading-family)));
    --typog-h6-weight: var(--typog-md-h6-weight, var(--typog-lg-h6-weight, normal));
    --typog-h6-style: var(--typog-md-h6-style, var(--typog-lg-h6-style, normal));
    --typog-h6-size: var(--typog-md-h6-size, var(--typog-lg-h6-size));
    --typog-h6-line-height: var(--typog-md-h6-line-height, var(--typog-lg-h6-line-height));
    --typog-h6-letter-spacing: var(--typog-md-h6-letter-spacing, var(--typog-lg-h6-letter-spacing, 0));
    --typog-h6-text-decoration: var(--typog-md-h6-text-decoration, var(--typog-lg-h6-text-decoration, none));
    --typog-h6-text-transform: var(--typog-md-h6-text-transform, var(--typog-lg-h6-text-transform, none));
  }
}
@media only screen and (min-width: 1024px) {
  body {
    --typog-h6-family: var(--typog-lg-h6-family, var(--typog-default-heading-family));
    --typog-h6-weight: var(--typog-lg-h6-weight, normal);
    --typog-h6-style: var(--typog-lg-h6-style, normal);
    --typog-h6-size: var(--typog-lg-h6-size);
    --typog-h6-line-height: var(--typog-lg-h6-line-height);
    --typog-h6-letter-spacing: var(--typog-lg-h6-letter-spacing, 0);
    --typog-h6-text-decoration: var(--typog-lg-h6-text-decoration, none);
    --typog-h6-text-transform: var(--typog-lg-h6-text-transform, none);
  }
}
@media only screen and (min-width: 768px) {
  body {
    --typog-button-family: var(--typog-md-button-family, var(--typog-lg-button-family, var(--typog-default-body-family)));
    --typog-button-weight: var(--typog-md-button-weight, var(--typog-lg-button-weight, normal));
    --typog-button-style: var(--typog-md-button-style, var(--typog-lg-button-style, normal));
    --typog-button-size: var(--typog-md-button-size, var(--typog-lg-button-size));
    --typog-button-line-height: var(--typog-md-button-line-height, var(--typog-lg-button-line-height));
    --typog-button-letter-spacing: var(--typog-md-button-letter-spacing, var(--typog-lg-button-letter-spacing, 0));
    --typog-button-text-decoration: var(--typog-md-button-text-decoration, var(--typog-lg-button-text-decoration, none));
    --typog-button-text-transform: var(--typog-md-button-text-transform, var(--typog-lg-button-text-transform, none));
  }
}
@media only screen and (min-width: 1024px) {
  body {
    --typog-button-family: var(--typog-lg-button-family, var(--typog-default-body-family));
    --typog-button-weight: var(--typog-lg-button-weight, normal);
    --typog-button-style: var(--typog-lg-button-style, normal);
    --typog-button-size: var(--typog-lg-button-size);
    --typog-button-line-height: var(--typog-lg-button-line-height);
    --typog-button-letter-spacing: var(--typog-lg-button-letter-spacing, 0);
    --typog-button-text-decoration: var(--typog-lg-button-text-decoration, none);
    --typog-button-text-transform: var(--typog-lg-button-text-transform, none);
  }
}
@media only screen and (min-width: 768px) {
  body {
    --typog-body-regular-family: var(--typog-md-body-regular-family, var(--typog-lg-body-regular-family, var(--typog-default-body-family)));
    --typog-body-regular-weight: var(--typog-md-body-regular-weight, var(--typog-lg-body-regular-weight, normal));
    --typog-body-regular-style: var(--typog-md-body-regular-style, var(--typog-lg-body-regular-style, normal));
    --typog-body-regular-size: var(--typog-md-body-regular-size, var(--typog-lg-body-regular-size));
    --typog-body-regular-line-height: var(--typog-md-body-regular-line-height, var(--typog-lg-body-regular-line-height));
    --typog-body-regular-letter-spacing: var(--typog-md-body-regular-letter-spacing, var(--typog-lg-body-regular-letter-spacing, 0));
    --typog-body-regular-text-decoration: var(--typog-md-body-regular-text-decoration, var(--typog-lg-body-regular-text-decoration, none));
    --typog-body-regular-text-transform: var(--typog-md-body-regular-text-transform, var(--typog-lg-body-regular-text-transform, none));
  }
}
@media only screen and (min-width: 1024px) {
  body {
    --typog-body-regular-family: var(--typog-lg-body-regular-family, var(--typog-default-body-family));
    --typog-body-regular-weight: var(--typog-lg-body-regular-weight, normal);
    --typog-body-regular-style: var(--typog-lg-body-regular-style, normal);
    --typog-body-regular-size: var(--typog-lg-body-regular-size);
    --typog-body-regular-line-height: var(--typog-lg-body-regular-line-height);
    --typog-body-regular-letter-spacing: var(--typog-lg-body-regular-letter-spacing, 0);
    --typog-body-regular-text-decoration: var(--typog-lg-body-regular-text-decoration, none);
    --typog-body-regular-text-transform: var(--typog-lg-body-regular-text-transform, none);
  }
}
@media only screen and (min-width: 768px) {
  body {
    --typog-body-bold-family: var(--typog-md-body-bold-family, var(--typog-lg-body-bold-family, var(--typog-default-body-family)));
    --typog-body-bold-weight: var(--typog-md-body-bold-weight, var(--typog-lg-body-bold-weight, normal));
    --typog-body-bold-style: var(--typog-md-body-bold-style, var(--typog-lg-body-bold-style, normal));
    --typog-body-bold-size: var(--typog-md-body-bold-size, var(--typog-lg-body-bold-size));
    --typog-body-bold-line-height: var(--typog-md-body-bold-line-height, var(--typog-lg-body-bold-line-height));
    --typog-body-bold-letter-spacing: var(--typog-md-body-bold-letter-spacing, var(--typog-lg-body-bold-letter-spacing, 0));
    --typog-body-bold-text-decoration: var(--typog-md-body-bold-text-decoration, var(--typog-lg-body-bold-text-decoration, none));
    --typog-body-bold-text-transform: var(--typog-md-body-bold-text-transform, var(--typog-lg-body-bold-text-transform, none));
  }
}
@media only screen and (min-width: 1024px) {
  body {
    --typog-body-bold-family: var(--typog-lg-body-bold-family, var(--typog-default-body-family));
    --typog-body-bold-weight: var(--typog-lg-body-bold-weight, normal);
    --typog-body-bold-style: var(--typog-lg-body-bold-style, normal);
    --typog-body-bold-size: var(--typog-lg-body-bold-size);
    --typog-body-bold-line-height: var(--typog-lg-body-bold-line-height);
    --typog-body-bold-letter-spacing: var(--typog-lg-body-bold-letter-spacing, 0);
    --typog-body-bold-text-decoration: var(--typog-lg-body-bold-text-decoration, none);
    --typog-body-bold-text-transform: var(--typog-lg-body-bold-text-transform, none);
  }
}
@media only screen and (min-width: 768px) {
  body {
    --typog-body-link-family: var(--typog-md-body-link-family, var(--typog-lg-body-link-family, var(--typog-default-body-family)));
    --typog-body-link-weight: var(--typog-md-body-link-weight, var(--typog-lg-body-link-weight, normal));
    --typog-body-link-style: var(--typog-md-body-link-style, var(--typog-lg-body-link-style, normal));
    --typog-body-link-size: var(--typog-md-body-link-size, var(--typog-lg-body-link-size));
    --typog-body-link-line-height: var(--typog-md-body-link-line-height, var(--typog-lg-body-link-line-height));
    --typog-body-link-letter-spacing: var(--typog-md-body-link-letter-spacing, var(--typog-lg-body-link-letter-spacing, 0));
    --typog-body-link-text-decoration: var(--typog-md-body-link-text-decoration, var(--typog-lg-body-link-text-decoration, none));
    --typog-body-link-text-transform: var(--typog-md-body-link-text-transform, var(--typog-lg-body-link-text-transform, none));
  }
}
@media only screen and (min-width: 1024px) {
  body {
    --typog-body-link-family: var(--typog-lg-body-link-family, var(--typog-default-body-family));
    --typog-body-link-weight: var(--typog-lg-body-link-weight, normal);
    --typog-body-link-style: var(--typog-lg-body-link-style, normal);
    --typog-body-link-size: var(--typog-lg-body-link-size);
    --typog-body-link-line-height: var(--typog-lg-body-link-line-height);
    --typog-body-link-letter-spacing: var(--typog-lg-body-link-letter-spacing, 0);
    --typog-body-link-text-decoration: var(--typog-lg-body-link-text-decoration, none);
    --typog-body-link-text-transform: var(--typog-lg-body-link-text-transform, none);
  }
}
@media only screen and (min-width: 768px) {
  body {
    --typog-body-large-family: var(--typog-md-body-large-family, var(--typog-lg-body-large-family, var(--typog-default-body-family)));
    --typog-body-large-weight: var(--typog-md-body-large-weight, var(--typog-lg-body-large-weight, normal));
    --typog-body-large-style: var(--typog-md-body-large-style, var(--typog-lg-body-large-style, normal));
    --typog-body-large-size: var(--typog-md-body-large-size, var(--typog-lg-body-large-size));
    --typog-body-large-line-height: var(--typog-md-body-large-line-height, var(--typog-lg-body-large-line-height));
    --typog-body-large-letter-spacing: var(--typog-md-body-large-letter-spacing, var(--typog-lg-body-large-letter-spacing, 0));
    --typog-body-large-text-decoration: var(--typog-md-body-large-text-decoration, var(--typog-lg-body-large-text-decoration, none));
    --typog-body-large-text-transform: var(--typog-md-body-large-text-transform, var(--typog-lg-body-large-text-transform, none));
  }
}
@media only screen and (min-width: 1024px) {
  body {
    --typog-body-large-family: var(--typog-lg-body-large-family, var(--typog-default-body-family));
    --typog-body-large-weight: var(--typog-lg-body-large-weight, normal);
    --typog-body-large-style: var(--typog-lg-body-large-style, normal);
    --typog-body-large-size: var(--typog-lg-body-large-size);
    --typog-body-large-line-height: var(--typog-lg-body-large-line-height);
    --typog-body-large-letter-spacing: var(--typog-lg-body-large-letter-spacing, 0);
    --typog-body-large-text-decoration: var(--typog-lg-body-large-text-decoration, none);
    --typog-body-large-text-transform: var(--typog-lg-body-large-text-transform, none);
  }
}
@media only screen and (min-width: 768px) {
  body {
    --typog-body-large-bold-family: var(--typog-md-body-large-bold-family, var(--typog-lg-body-large-bold-family, var(--typog-default-body-family)));
    --typog-body-large-bold-weight: var(--typog-md-body-large-bold-weight, var(--typog-lg-body-large-bold-weight, normal));
    --typog-body-large-bold-style: var(--typog-md-body-large-bold-style, var(--typog-lg-body-large-bold-style, normal));
    --typog-body-large-bold-size: var(--typog-md-body-large-bold-size, var(--typog-lg-body-large-bold-size));
    --typog-body-large-bold-line-height: var(--typog-md-body-large-bold-line-height, var(--typog-lg-body-large-bold-line-height));
    --typog-body-large-bold-letter-spacing: var(--typog-md-body-large-bold-letter-spacing, var(--typog-lg-body-large-bold-letter-spacing, 0));
    --typog-body-large-bold-text-decoration: var(--typog-md-body-large-bold-text-decoration, var(--typog-lg-body-large-bold-text-decoration, none));
    --typog-body-large-bold-text-transform: var(--typog-md-body-large-bold-text-transform, var(--typog-lg-body-large-bold-text-transform, none));
  }
}
@media only screen and (min-width: 1024px) {
  body {
    --typog-body-large-bold-family: var(--typog-lg-body-large-bold-family, var(--typog-default-body-family));
    --typog-body-large-bold-weight: var(--typog-lg-body-large-bold-weight, normal);
    --typog-body-large-bold-style: var(--typog-lg-body-large-bold-style, normal);
    --typog-body-large-bold-size: var(--typog-lg-body-large-bold-size);
    --typog-body-large-bold-line-height: var(--typog-lg-body-large-bold-line-height);
    --typog-body-large-bold-letter-spacing: var(--typog-lg-body-large-bold-letter-spacing, 0);
    --typog-body-large-bold-text-decoration: var(--typog-lg-body-large-bold-text-decoration, none);
    --typog-body-large-bold-text-transform: var(--typog-lg-body-large-bold-text-transform, none);
  }
}
@media only screen and (min-width: 768px) {
  body {
    --typog-body-large-link-family: var(--typog-md-body-large-link-family, var(--typog-lg-body-large-link-family, var(--typog-default-body-family)));
    --typog-body-large-link-weight: var(--typog-md-body-large-link-weight, var(--typog-lg-body-large-link-weight, normal));
    --typog-body-large-link-style: var(--typog-md-body-large-link-style, var(--typog-lg-body-large-link-style, normal));
    --typog-body-large-link-size: var(--typog-md-body-large-link-size, var(--typog-lg-body-large-link-size));
    --typog-body-large-link-line-height: var(--typog-md-body-large-link-line-height, var(--typog-lg-body-large-link-line-height));
    --typog-body-large-link-letter-spacing: var(--typog-md-body-large-link-letter-spacing, var(--typog-lg-body-large-link-letter-spacing, 0));
    --typog-body-large-link-text-decoration: var(--typog-md-body-large-link-text-decoration, var(--typog-lg-body-large-link-text-decoration, none));
    --typog-body-large-link-text-transform: var(--typog-md-body-large-link-text-transform, var(--typog-lg-body-large-link-text-transform, none));
  }
}
@media only screen and (min-width: 1024px) {
  body {
    --typog-body-large-link-family: var(--typog-lg-body-large-link-family, var(--typog-default-body-family));
    --typog-body-large-link-weight: var(--typog-lg-body-large-link-weight, normal);
    --typog-body-large-link-style: var(--typog-lg-body-large-link-style, normal);
    --typog-body-large-link-size: var(--typog-lg-body-large-link-size);
    --typog-body-large-link-line-height: var(--typog-lg-body-large-link-line-height);
    --typog-body-large-link-letter-spacing: var(--typog-lg-body-large-link-letter-spacing, 0);
    --typog-body-large-link-text-decoration: var(--typog-lg-body-large-link-text-decoration, none);
    --typog-body-large-link-text-transform: var(--typog-lg-body-large-link-text-transform, none);
  }
}
@media only screen and (min-width: 768px) {
  body {
    --typog-caption-regular-family: var(--typog-md-caption-regular-family, var(--typog-lg-caption-regular-family, var(--typog-default-body-family)));
    --typog-caption-regular-weight: var(--typog-md-caption-regular-weight, var(--typog-lg-caption-regular-weight, normal));
    --typog-caption-regular-style: var(--typog-md-caption-regular-style, var(--typog-lg-caption-regular-style, normal));
    --typog-caption-regular-size: var(--typog-md-caption-regular-size, var(--typog-lg-caption-regular-size));
    --typog-caption-regular-line-height: var(--typog-md-caption-regular-line-height, var(--typog-lg-caption-regular-line-height));
    --typog-caption-regular-letter-spacing: var(--typog-md-caption-regular-letter-spacing, var(--typog-lg-caption-regular-letter-spacing, 0));
    --typog-caption-regular-text-decoration: var(--typog-md-caption-regular-text-decoration, var(--typog-lg-caption-regular-text-decoration, none));
    --typog-caption-regular-text-transform: var(--typog-md-caption-regular-text-transform, var(--typog-lg-caption-regular-text-transform, none));
  }
}
@media only screen and (min-width: 1024px) {
  body {
    --typog-caption-regular-family: var(--typog-lg-caption-regular-family, var(--typog-default-body-family));
    --typog-caption-regular-weight: var(--typog-lg-caption-regular-weight, normal);
    --typog-caption-regular-style: var(--typog-lg-caption-regular-style, normal);
    --typog-caption-regular-size: var(--typog-lg-caption-regular-size);
    --typog-caption-regular-line-height: var(--typog-lg-caption-regular-line-height);
    --typog-caption-regular-letter-spacing: var(--typog-lg-caption-regular-letter-spacing, 0);
    --typog-caption-regular-text-decoration: var(--typog-lg-caption-regular-text-decoration, none);
    --typog-caption-regular-text-transform: var(--typog-lg-caption-regular-text-transform, none);
  }
}
@media only screen and (min-width: 768px) {
  body {
    --typog-caption-bold-family: var(--typog-md-caption-bold-family, var(--typog-lg-caption-bold-family, var(--typog-default-body-family)));
    --typog-caption-bold-weight: var(--typog-md-caption-bold-weight, var(--typog-lg-caption-bold-weight, normal));
    --typog-caption-bold-style: var(--typog-md-caption-bold-style, var(--typog-lg-caption-bold-style, normal));
    --typog-caption-bold-size: var(--typog-md-caption-bold-size, var(--typog-lg-caption-bold-size));
    --typog-caption-bold-line-height: var(--typog-md-caption-bold-line-height, var(--typog-lg-caption-bold-line-height));
    --typog-caption-bold-letter-spacing: var(--typog-md-caption-bold-letter-spacing, var(--typog-lg-caption-bold-letter-spacing, 0));
    --typog-caption-bold-text-decoration: var(--typog-md-caption-bold-text-decoration, var(--typog-lg-caption-bold-text-decoration, none));
    --typog-caption-bold-text-transform: var(--typog-md-caption-bold-text-transform, var(--typog-lg-caption-bold-text-transform, none));
  }
}
@media only screen and (min-width: 1024px) {
  body {
    --typog-caption-bold-family: var(--typog-lg-caption-bold-family, var(--typog-default-body-family));
    --typog-caption-bold-weight: var(--typog-lg-caption-bold-weight, normal);
    --typog-caption-bold-style: var(--typog-lg-caption-bold-style, normal);
    --typog-caption-bold-size: var(--typog-lg-caption-bold-size);
    --typog-caption-bold-line-height: var(--typog-lg-caption-bold-line-height);
    --typog-caption-bold-letter-spacing: var(--typog-lg-caption-bold-letter-spacing, 0);
    --typog-caption-bold-text-decoration: var(--typog-lg-caption-bold-text-decoration, none);
    --typog-caption-bold-text-transform: var(--typog-lg-caption-bold-text-transform, none);
  }
}
@media only screen and (min-width: 768px) {
  body {
    --typog-caption-link-family: var(--typog-md-caption-link-family, var(--typog-lg-caption-link-family, var(--typog-default-body-family)));
    --typog-caption-link-weight: var(--typog-md-caption-link-weight, var(--typog-lg-caption-link-weight, normal));
    --typog-caption-link-style: var(--typog-md-caption-link-style, var(--typog-lg-caption-link-style, normal));
    --typog-caption-link-size: var(--typog-md-caption-link-size, var(--typog-lg-caption-link-size));
    --typog-caption-link-line-height: var(--typog-md-caption-link-line-height, var(--typog-lg-caption-link-line-height));
    --typog-caption-link-letter-spacing: var(--typog-md-caption-link-letter-spacing, var(--typog-lg-caption-link-letter-spacing, 0));
    --typog-caption-link-text-decoration: var(--typog-md-caption-link-text-decoration, var(--typog-lg-caption-link-text-decoration, none));
    --typog-caption-link-text-transform: var(--typog-md-caption-link-text-transform, var(--typog-lg-caption-link-text-transform, none));
  }
}
@media only screen and (min-width: 1024px) {
  body {
    --typog-caption-link-family: var(--typog-lg-caption-link-family, var(--typog-default-body-family));
    --typog-caption-link-weight: var(--typog-lg-caption-link-weight, normal);
    --typog-caption-link-style: var(--typog-lg-caption-link-style, normal);
    --typog-caption-link-size: var(--typog-lg-caption-link-size);
    --typog-caption-link-line-height: var(--typog-lg-caption-link-line-height);
    --typog-caption-link-letter-spacing: var(--typog-lg-caption-link-letter-spacing, 0);
    --typog-caption-link-text-decoration: var(--typog-lg-caption-link-text-decoration, none);
    --typog-caption-link-text-transform: var(--typog-lg-caption-link-text-transform, none);
  }
}
@media only screen and (min-width: 768px) {
  body {
    --typog-menu-link-family: var(--typog-md-menu-link-family, var(--typog-lg-menu-link-family, var(--typog-default-body-family)));
    --typog-menu-link-weight: var(--typog-md-menu-link-weight, var(--typog-lg-menu-link-weight, normal));
    --typog-menu-link-style: var(--typog-md-menu-link-style, var(--typog-lg-menu-link-style, normal));
    --typog-menu-link-size: var(--typog-md-menu-link-size, var(--typog-lg-menu-link-size));
    --typog-menu-link-line-height: var(--typog-md-menu-link-line-height, var(--typog-lg-menu-link-line-height));
    --typog-menu-link-letter-spacing: var(--typog-md-menu-link-letter-spacing, var(--typog-lg-menu-link-letter-spacing, 0));
    --typog-menu-link-text-decoration: var(--typog-md-menu-link-text-decoration, var(--typog-lg-menu-link-text-decoration, none));
    --typog-menu-link-text-transform: var(--typog-md-menu-link-text-transform, var(--typog-lg-menu-link-text-transform, none));
  }
}
@media only screen and (min-width: 1024px) {
  body {
    --typog-menu-link-family: var(--typog-lg-menu-link-family, var(--typog-default-body-family));
    --typog-menu-link-weight: var(--typog-lg-menu-link-weight, normal);
    --typog-menu-link-style: var(--typog-lg-menu-link-style, normal);
    --typog-menu-link-size: var(--typog-lg-menu-link-size);
    --typog-menu-link-line-height: var(--typog-lg-menu-link-line-height);
    --typog-menu-link-letter-spacing: var(--typog-lg-menu-link-letter-spacing, 0);
    --typog-menu-link-text-decoration: var(--typog-lg-menu-link-text-decoration, none);
    --typog-menu-link-text-transform: var(--typog-lg-menu-link-text-transform, none);
  }
}
@media only screen and (min-width: 768px) {
  body {
    --typog-header-link-family: var(--typog-md-header-link-family, var(--typog-lg-header-link-family, var(--typog-default-body-family)));
    --typog-header-link-weight: var(--typog-md-header-link-weight, var(--typog-lg-header-link-weight, normal));
    --typog-header-link-style: var(--typog-md-header-link-style, var(--typog-lg-header-link-style, normal));
    --typog-header-link-size: var(--typog-md-header-link-size, var(--typog-lg-header-link-size));
    --typog-header-link-line-height: var(--typog-md-header-link-line-height, var(--typog-lg-header-link-line-height));
    --typog-header-link-letter-spacing: var(--typog-md-header-link-letter-spacing, var(--typog-lg-header-link-letter-spacing, 0));
    --typog-header-link-text-decoration: var(--typog-md-header-link-text-decoration, var(--typog-lg-header-link-text-decoration, none));
    --typog-header-link-text-transform: var(--typog-md-header-link-text-transform, var(--typog-lg-header-link-text-transform, none));
  }
}
@media only screen and (min-width: 1024px) {
  body {
    --typog-header-link-family: var(--typog-lg-header-link-family, var(--typog-default-body-family));
    --typog-header-link-weight: var(--typog-lg-header-link-weight, normal);
    --typog-header-link-style: var(--typog-lg-header-link-style, normal);
    --typog-header-link-size: var(--typog-lg-header-link-size);
    --typog-header-link-line-height: var(--typog-lg-header-link-line-height);
    --typog-header-link-letter-spacing: var(--typog-lg-header-link-letter-spacing, 0);
    --typog-header-link-text-decoration: var(--typog-lg-header-link-text-decoration, none);
    --typog-header-link-text-transform: var(--typog-lg-header-link-text-transform, none);
  }
}
@font-face {
  font-family: "VAG Rounded LT Pro Bold";
  src: url('VAGRoundedLTPro-Bold.eot');
  src: url('VAGRoundedLTPro-Bold.eot?#iefix') format("embedded-opentype"), url('VAGRoundedLTPro-Bold.woff2') format("woff2"), url('VAGRoundedLTPro-Bold.woff') format("woff"), url('VAGRoundedLTPro-Bold.ttf') format("truetype"), url('VAGRoundedLTPro-Bold.svg#VAGRoundedLTPro-Bold') format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "VAG Rounded LT Pro Thin";
  src: url('VAGRoundedLTPro-Thin.eot');
  src: url('VAGRoundedLTPro-Thin.eot?#iefix') format("embedded-opentype"), url('VAGRoundedLTPro-Thin.woff2') format("woff2"), url('VAGRoundedLTPro-Thin.woff') format("woff"), url('VAGRoundedLTPro-Thin.ttf') format("truetype"), url('VAGRoundedLTPro-Thin.svg#VAGRoundedLTPro-Thin') format("svg");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "VAG Rounded LT Pro Light";
  src: url('VAGRoundedLTPro-Light.eot');
  src: url('VAGRoundedLTPro-Light.eot?#iefix') format("embedded-opentype"), url('VAGRoundedLTPro-Light.woff2') format("woff2"), url('VAGRoundedLTPro-Light.woff') format("woff"), url('VAGRoundedLTPro-Light.ttf') format("truetype"), url('VAGRoundedLTPro-Light.svg#VAGRoundedLTPro-Light') format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "VAG Rounded LT Pro Black";
  src: url('VAGRoundedLTPro-Black.eot');
  src: url('VAGRoundedLTPro-Black.eot?#iefix') format("embedded-opentype"), url('VAGRoundedLTPro-Black.woff2') format("woff2"), url('VAGRoundedLTPro-Black.woff') format("woff"), url('VAGRoundedLTPro-Black.ttf') format("truetype"), url('VAGRoundedLTPro-Black.svg#VAGRoundedLTPro-Black') format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "VAG Rounded W01 Light";
  src: url('VAGRoundedW01-Light.eot');
  src: url('VAGRoundedW01-Light.eot?#iefix') format("embedded-opentype"), url('VAGRoundedW01-Light.woff2') format("woff2"), url('VAGRoundedW01-Light.woff') format("woff"), url('VAGRoundedW01-Light.ttf') format("truetype"), url('VAGRoundedW01-Light.svg#VAGRoundedW01-Light') format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "VAG Rounded W01 Bold";
  src: url('VAGRoundedW01-Bold.eot');
  src: url('VAGRoundedW01-Bold.eot?#iefix') format("embedded-opentype"), url('VAGRoundedW01-Bold.woff2') format("woff2"), url('VAGRoundedW01-Bold.woff') format("woff"), url('VAGRoundedW01-Bold.ttf') format("truetype"), url('VAGRoundedW01-Bold.svg#VAGRoundedW01-Bold') format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo Sans Light";
  src: url('MuseoSans-Light.eot');
  src: url('MuseoSans-Light.eot?#iefix') format("embedded-opentype"), url('MuseoSans-Light.woff2') format("woff2"), url('MuseoSans-Light.woff') format("woff"), url('MuseoSans-Light.ttf') format("truetype"), url('MuseoSans-Light.svg#MuseoSans-Light') format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo Sans Regular";
  src: url('MuseoSans-Regular.eot');
  src: url('MuseoSans-Regular.eot?#iefix') format("embedded-opentype"), url('MuseoSans-Regular.woff2') format("woff2"), url('MuseoSans-Regular.woff') format("woff"), url('MuseoSans-Regular.ttf') format("truetype"), url('MuseoSans-Regular.svg#MuseoSans-Regular') format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo Sans Bold";
  src: url('MuseoSans-Bold.eot');
  src: url('MuseoSans-Bold.eot?#iefix') format("embedded-opentype"), url('MuseoSans-Bold.woff2') format("woff2"), url('MuseoSans-Bold.woff') format("woff"), url('MuseoSans-Bold.ttf') format("truetype"), url('MuseoSans-Bold.svg#MuseoSans-Bold') format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source Sans Pro SemiBold";
  src: url('SourceSansPro-SemiBold.eot');
  src: url('SourceSansPro-SemiBold.eot?#iefix') format("embedded-opentype"), url('SourceSansPro-SemiBold.woff2') format("woff2"), url('SourceSansPro-SemiBold.woff') format("woff"), url('SourceSansPro-SemiBold.ttf') format("truetype"), url('SourceSansPro-SemiBold.svg#SourceSansPro-SemiBold') format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source Sans Pro Regular";
  src: url('SourceSansPro-Regular.eot');
  src: url('SourceSansPro-Regular.eot?#iefix') format("embedded-opentype"), url('SourceSansPro-Regular.woff2') format("woff2"), url('SourceSansPro-Regular.woff') format("woff"), url('SourceSansPro-Regular.ttf') format("truetype"), url('SourceSansPro-Regular.svg#SourceSansPro-Regular') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SkyTextMedium";
  src: url('sky-medium-webfont.woff2') format("woff2"), url('sky-medium-webfont.woff') format("woff");
  font-display: swap;
}
@font-face {
  font-family: "SkyTextRegular";
  src: url('sky-regular-webfont.woff2') format("woff2"), url('sky-regular-webfont.woff') format("woff");
  font-display: swap;
}
@font-face {
  font-family: "VAG Rounded LT Pro";
  src: url('VAGRoundedLTPro-Bold.eot');
  src: url('VAGRoundedLTPro-Bold.eot?#iefix') format("embedded-opentype"), url('VAGRoundedLTPro-Bold.woff2') format("woff2"), url('VAGRoundedLTPro-Bold.woff') format("woff"), url('VAGRoundedLTPro-Bold.ttf') format("truetype"), url('VAGRoundedLTPro-Bold.svg#VAGRoundedLTPro-Bold') format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "VAG Rounded LT Pro";
  src: url('VAGRoundedLTPro-Thin.eot');
  src: url('VAGRoundedLTPro-Thin.eot?#iefix') format("embedded-opentype"), url('VAGRoundedLTPro-Thin.woff2') format("woff2"), url('VAGRoundedLTPro-Thin.woff') format("woff"), url('VAGRoundedLTPro-Thin.ttf') format("truetype"), url('VAGRoundedLTPro-Thin.svg#VAGRoundedLTPro-Thin') format("svg");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "VAG Rounded LT Pro";
  src: url('VAGRoundedLTPro-Light.eot');
  src: url('VAGRoundedLTPro-Light.eot?#iefix') format("embedded-opentype"), url('VAGRoundedLTPro-Light.woff2') format("woff2"), url('VAGRoundedLTPro-Light.woff') format("woff"), url('VAGRoundedLTPro-Light.ttf') format("truetype"), url('VAGRoundedLTPro-Light.svg#VAGRoundedLTPro-Light') format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "VAG Rounded LT Pro";
  src: url('VAGRoundedLTPro-Black.eot');
  src: url('VAGRoundedLTPro-Black.eot?#iefix') format("embedded-opentype"), url('VAGRoundedLTPro-Black.woff2') format("woff2"), url('VAGRoundedLTPro-Black.woff') format("woff"), url('VAGRoundedLTPro-Black.ttf') format("truetype"), url('VAGRoundedLTPro-Black.svg#VAGRoundedLTPro-Black') format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "VAG Rounded W01";
  src: url('VAGRoundedW01-Bold.eot');
  src: url('VAGRoundedW01-Bold.eot?#iefix') format("embedded-opentype"), url('VAGRoundedW01-Bold.woff2') format("woff2"), url('VAGRoundedW01-Bold.woff') format("woff"), url('VAGRoundedW01-Bold.ttf') format("truetype"), url('VAGRoundedW01-Bold.svg#VAGRoundedW01-Bold') format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "VAG Rounded W01";
  src: url('VAGRoundedW01-Light.eot');
  src: url('VAGRoundedW01-Light.eot?#iefix') format("embedded-opentype"), url('VAGRoundedW01-Light.woff2') format("woff2"), url('VAGRoundedW01-Light.woff') format("woff"), url('VAGRoundedW01-Light.ttf') format("truetype"), url('VAGRoundedW01-Light.svg#VAGRoundedW01-Light') format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo Sans";
  src: url('MuseoSans-Light.eot');
  src: url('MuseoSans-Light.eot?#iefix') format("embedded-opentype"), url('MuseoSans-Light.woff2') format("woff2"), url('MuseoSans-Light.woff') format("woff"), url('MuseoSans-Light.ttf') format("truetype"), url('MuseoSans-Light.svg#MuseoSans-Light') format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo Sans";
  src: url('MuseoSans-Regular.eot');
  src: url('MuseoSans-Regular.eot?#iefix') format("embedded-opentype"), url('MuseoSans-Regular.woff2') format("woff2"), url('MuseoSans-Regular.woff') format("woff"), url('MuseoSans-Regular.ttf') format("truetype"), url('MuseoSans-Regular.svg#MuseoSans-Regular') format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo Sans";
  src: url('MuseoSans-Bold.eot');
  src: url('MuseoSans-Bold.eot?#iefix') format("embedded-opentype"), url('MuseoSans-Bold.woff2') format("woff2"), url('MuseoSans-Bold.woff') format("woff"), url('MuseoSans-Bold.ttf') format("truetype"), url('MuseoSans-Bold.svg#MuseoSans-Bold') format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo Sans";
  src: url('MuseoSans-Bold.eot');
  src: url('MuseoSans-Bold.eot?#iefix') format("embedded-opentype"), url('MuseoSans-Bold.woff2') format("woff2"), url('MuseoSans-Bold.woff') format("woff"), url('MuseoSans-Bold.ttf') format("truetype"), url('MuseoSans-Bold.svg#MuseoSans-Bold') format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source Sans Pro";
  src: url('SourceSansPro-SemiBold.eot');
  src: url('SourceSansPro-SemiBold.eot?#iefix') format("embedded-opentype"), url('SourceSansPro-SemiBold.woff2') format("woff2"), url('SourceSansPro-SemiBold.woff') format("woff"), url('SourceSansPro-SemiBold.ttf') format("truetype"), url('SourceSansPro-SemiBold.svg#SourceSansPro-SemiBold') format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source Sans Pro";
  src: url('SourceSansPro-Regular.eot');
  src: url('SourceSansPro-Regular.eot?#iefix') format("embedded-opentype"), url('SourceSansPro-Regular.woff2') format("woff2"), url('SourceSansPro-Regular.woff') format("woff"), url('SourceSansPro-Regular.ttf') format("truetype"), url('SourceSansPro-Regular.svg#SourceSansPro-Regular') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 700;
  src: url('SourceSansPro-Bold.eot');
  src: local(""), url('SourceSansPro-Bold.eot?#iefix') format("embedded-opentype"), url('SourceSansPro-Bold.woff2') format("woff2"), url('SourceSansPro-Bold.woff') format("woff"), url('SourceSansPro-Bold.ttf') format("truetype"), url('SourceSansPro-Bold.svg#SourceSansPro') format("svg");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('open-sans-v18-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local(""), url('open-sans-v18-latin-regular.eot?#iefix') format("embedded-opentype"), url('open-sans-v18-latin-regular.woff2') format("woff2"), url('open-sans-v18-latin-regular.woff') format("woff"), url('open-sans-v18-latin-regular.ttf') format("truetype"), url('open-sans-v18-latin-regular.svg#OpenSans') format("svg");
  /* Legacy iOS */
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('open-sans-v18-latin-600.eot');
  /* IE9 Compat Modes */
  src: local(""), url('open-sans-v18-latin-600.eot?#iefix') format("embedded-opentype"), url('open-sans-v18-latin-600.woff2') format("woff2"), url('open-sans-v18-latin-600.woff') format("woff"), url('open-sans-v18-latin-600.ttf') format("truetype"), url('open-sans-v18-latin-600.svg#OpenSans') format("svg");
  /* Legacy iOS */
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('open-sans-v18-latin-700.eot');
  /* IE9 Compat Modes */
  src: local(""), url('open-sans-v18-latin-700.eot?#iefix') format("embedded-opentype"), url('open-sans-v18-latin-700.woff2') format("woff2"), url('open-sans-v18-latin-700.woff') format("woff"), url('open-sans-v18-latin-700.ttf') format("truetype"), url('open-sans-v18-latin-700.svg#OpenSans') format("svg");
  /* Legacy iOS */
}
@font-face {
  font-family: "smileyface";
  src: url('smileyface-regularitalic-webfont.eot');
  src: url('smileyface-regularitalic-webfont.eot?#iefix') format("embedded-opentype"), url('smileyface-regularitalic-webfont.woff2') format("woff2"), url('smileyface-regularitalic-webfont.woff') format("woff"), url('smileyface-regularitalic-webfont.ttf') format("truetype"), url('smileyface-regularitalic-webfont.svg#smiley_faceitalic') format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "smileyface";
  src: url('smileyface-regular-webfont.eot');
  src: url('smileyface-regular-webfont.eot?#iefix') format("embedded-opentype"), url('smileyface-regular-webfont.woff2') format("woff2"), url('smileyface-regular-webfont.woff') format("woff"), url('smileyface-regular-webfont.ttf') format("truetype"), url('smileyface-regular-webfont.svg#smiley_faceregular') format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "smileyface";
  src: url('smileyface-mediumitalic-webfont.eot');
  src: url('smileyface-mediumitalic-webfont.eot?#iefix') format("embedded-opentype"), url('smileyface-mediumitalic-webfont.woff2') format("woff2"), url('smileyface-mediumitalic-webfont.woff') format("woff"), url('smileyface-mediumitalic-webfont.ttf') format("truetype"), url('smileyface-mediumitalic-webfont.svg#smiley_facemedium_italic') format("svg");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "smileyface";
  src: url('smileyface-lightitalic-webfont.eot');
  src: url('smileyface-lightitalic-webfont.eot?#iefix') format("embedded-opentype"), url('smileyface-lightitalic-webfont.woff2') format("woff2"), url('smileyface-lightitalic-webfont.woff') format("woff"), url('smileyface-lightitalic-webfont.ttf') format("truetype"), url('smileyface-lightitalic-webfont.svg#smiley_facelight_italic') format("svg");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "smileyface";
  src: url('smileyface-medium-webfont.eot');
  src: url('smileyface-medium-webfont.eot?#iefix') format("embedded-opentype"), url('smileyface-medium-webfont.woff2') format("woff2"), url('smileyface-medium-webfont.woff') format("woff"), url('smileyface-medium-webfont.ttf') format("truetype"), url('smileyface-medium-webfont.svg#smiley_facemedium') format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "smileyface";
  src: url('smileyface-light-webfont.eot');
  src: url('smileyface-light-webfont.eot?#iefix') format("embedded-opentype"), url('smileyface-light-webfont.woff2') format("woff2"), url('smileyface-light-webfont.woff') format("woff"), url('smileyface-light-webfont.ttf') format("truetype"), url('smileyface-light-webfont.svg#smiley_facelight') format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "smileyface";
  src: url('smileyface-bolditalic-webfont.eot');
  src: url('smileyface-bolditalic-webfont.eot?#iefix') format("embedded-opentype"), url('smileyface-bolditalic-webfont.woff2') format("woff2"), url('smileyface-bolditalic-webfont.woff') format("woff"), url('smileyface-bolditalic-webfont.ttf') format("truetype"), url('smileyface-bolditalic-webfont.svg#smiley_facebold_italic') format("svg");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "smileyface";
  src: url('smileyface-bold-webfont.eot');
  src: url('smileyface-bold-webfont.eot?#iefix') format("embedded-opentype"), url('smileyface-bold-webfont.woff2') format("woff2"), url('smileyface-bold-webfont.woff') format("woff"), url('smileyface-bold-webfont.ttf') format("truetype"), url('smileyface-bold-webfont.svg#smiley_facebold') format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "smileyface_headline";
  src: url('smileyface-headline-webfont.eot');
  src: url('smileyface-headline-webfont.eot?#iefix') format("embedded-opentype"), url('smileyface-headline-webfont.woff2') format("woff2"), url('smileyface-headline-webfont.woff') format("woff"), url('smileyface-headline-webfont.ttf') format("truetype"), url('smileyface-headline-webfont.svg#smiley_faceheadline') format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('inter-v3-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local(""), url('inter-v3-latin-regular.eot?#iefix') format("embedded-opentype"), url('inter-v3-latin-regular.woff2') format("woff2"), url('inter-v3-latin-regular.woff') format("woff"), url('inter-v3-latin-regular.ttf') format("truetype"), url('inter-v3-latin-regular.svg#Inter') format("svg");
  /* Legacy iOS */
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('inter-v3-latin-700.eot');
  /* IE9 Compat Modes */
  src: local(""), url('inter-v3-latin-700.eot?#iefix') format("embedded-opentype"), url('inter-v3-latin-700.woff2') format("woff2"), url('inter-v3-latin-700.woff') format("woff"), url('inter-v3-latin-700.ttf') format("truetype"), url('inter-v3-latin-700.svg#Inter') format("svg");
  /* Legacy iOS */
}
.is-hidden {
  display: none;
}
.is-visible {
  display: block;
}
.is-invisible {
  visibility: hidden;
}
.margin--none {
  margin: 0 !important;
}
.padding--none {
  padding: 0 !important;
}
.fit-parent {
  min-height: 100%;
  min-width: 100%;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.d-block {
  display: block;
}
.align--start {
  align-items: flex-start;
  align-content: flex-start;
}
.align--center {
  align-items: center;
  align-content: center;
}
.align--end {
  align-items: flex-end;
  align-content: flex-end;
}
.align--space-between {
  align-items: flex-start;
  align-content: space-between;
}
.align--space-around {
  align-items: flex-start;
  align-content: space-around;
}
.align--stretch {
  align-items: stretch;
  align-content: stretch;
}
.justify--start {
  justify-content: flex-start;
}
.justify--center {
  justify-content: center;
}
.justify--end {
  justify-content: flex-end;
}
.justify--space-between {
  justify-content: space-between;
}
.justify--space-around {
  justify-content: space-around;
}
.text--center {
  text-align: center;
}
.text--left {
  text-align: left;
}
.text--right {
  text-align: right;
}
.text--ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.sr-only {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.sr-only--focusable:active, .sr-only--focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
:export {
  icons: contact-us, more-info, arrow-down, arrow-left, arrow-right, arrow-up, close, delivery, faq, hamburger, satisfaction, tick, plan, calendar, generic-appliance, disposal, installation, download, large-cross, large-tick, protection, repair, search, my-account, basket, payment-direct-debit, facebook, twitter, instagram, linkedin, alert, direct-debit-slim, lock, plus, minus;
}
@font-face {
  font-family: "icomoon";
  src: url('icons.ttf?c3zd62') format("truetype"), url('icons.woff?c3zd62') format("woff"), url('icons.svg?c3zd62#icomoon') format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.icon {
  /* import !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: var(--icon-size);
}
.icon--xxs {
  font-size: var(--icon-size-xxs);
}
.icon--xs {
  font-size: var(--icon-size-xs);
}
.icon--sm {
  font-size: var(--icon-size-sm);
}
.icon--md {
  font-size: var(--icon-size-md);
}
.icon--lg {
  font-size: var(--icon-size-lg);
}
.icon--xl {
  font-size: var(--icon-size-xl);
}
.icon-contact-us:before {
  content: "\e910";
}
.icon-more-info:before {
  content: "\e900";
}
.icon-arrow-down:before {
  content: "\e906";
}
.icon-arrow-left:before {
  content: "\e907";
}
.icon-arrow-right:before {
  content: "\e908";
}
.icon-arrow-up:before {
  content: "\e909";
}
.icon-close:before, .icon-error-circle:before {
  content: "\e90a";
}
.icon-delivery:before {
  content: "\e90b";
}
.icon-faq:before {
  content: "\e90c";
}
.icon-hamburger:before {
  content: "\e90d";
}
.icon-satisfaction:before {
  content: "\e90e";
}
.icon-tick:before, .icon-tick-circle:before {
  content: "\e90f";
}
.icon-plan:before {
  content: "\e971";
}
.icon-calendar:before {
  content: "\e972";
}
.icon-generic-appliance:before {
  content: "\e911";
}
.icon-disposal:before {
  content: "\e912";
}
.icon-installation:before {
  content: "\e913";
}
.icon-download:before {
  content: "\e973";
}
.icon-large-cross:before {
  content: "\e974";
}
.icon-large-tick:before {
  content: "\e975";
}
.icon-protection:before {
  content: "\e979";
}
.icon-repair:before {
  content: "\e97a";
}
.icon-search:before {
  content: "\e97b";
}
.icon-my-account:before {
  content: "\e97c";
}
.icon-basket:before {
  content: "\e97d";
}
.icon-payment-direct-debit:before {
  content: "\e970";
}
.icon-facebook:before {
  content: "\e97e";
}
.icon-twitter:before {
  content: "\e97f";
}
.icon-instagram:before {
  content: "\e981";
}
.icon-linkedin:before {
  content: "\e982";
}
.icon-alert:before {
  content: "\e914";
}
.icon-direct-debit-slim:before {
  content: "\e915";
}
.icon-lock:before {
  content: "\e916";
}
.icon-plus:before {
  content: "\e918";
}
.icon-minus:before {
  content: "\e919";
}
.icon-unavailable .path1:before {
  content: "\e901";
  color: var(--tone-800);
}
.icon-unavailable .path2:before {
  content: "\e902";
  margin-left: -1em;
  color: var(--primary-contrast);
}
.icon-unavailable .path3:before {
  content: "\e903";
  margin-left: -1em;
  color: var(--primary-contrast);
}
.icon-info .path1:before {
  content: "\e904";
  color: var(--tone-800);
}
.icon-info .path2:before {
  content: "\e905";
  margin-left: -1em;
  color: var(--primary-contrast);
}
.icon-more-info-fill .path1:before {
  content: "\e976";
  color: var(--primary-500);
}
.icon-more-info-fill .path2:before {
  content: "\e977";
  margin-left: -1em;
  color: var(--primary-contrast);
}
.icon-more-info-fill .path3:before {
  content: "\e978";
  margin-left: -1em;
  color: var(--primary-contrast);
}
/**
 * Box mixin is used to style an element as a "box like" input field - i.e. input, select, textarea etc.
 * Anything with a border that wants to be consistent
 * Adds Borders, Padding, Shadow, Constrains width - all dependent on theme variables
 */
/**
 * Use with box mixin to adjust to show focused style
 */
/**
 * Use with box mixin to adjust to show valid style
 */
/**
 * Use with box mixin to adjust to show invalid style
 */
/**
 * Use with box mixin to adjust to support a trigger being shown
 * It adds additional padding to make room for an absolutely positioned trigger.
 * Should be used on an element within an element using box-wrapper,
 * and the trigger mixin should be used on the trigger element itself
 */
/**
 * Use with box mixin to automatically add valid and invalid states based on angular forms automatic classes:
 *  - ng-touched
 *  - ng-valid
 *  - ng-invalid
 *
 * Should be added to the form control element
 * (usually :host{} on your component when implementing control value accessor)
 * $selector argument allows you to pass in the child selector for the actual component you want styles applied to
 * (i.e. the one you have added box mixin to)
 */
/**
 * Used to wrap around fields to allow triggers and validation icons to be positioned
 */
/**
 * Use on input fields and selects to combine box mixin, with focus state and placeholder pseudo element styles
 */
/**
 * Used to style icon to be used as a trigger (e.g. search, clear or down arrow)
 * Place inside an element with box-wrapper()
 * Combine with an element using box--with-trigger() to position correctly
 */
/**
 * Standard input text (i.e. input field or select)
 */
/**
 * Placeholder text used on input fields (can also be used on selects with custom implementation to emulate placeholder)
 */
/**
 * Field label
 */
/**
 * Hint text to appear next to the field
 */
/**
 * Error message text
 */
/**
 * Base mixin for validation icon (tick/cross top/right of fields)
 */
/**
 * Use with validation-icon mixin to show valid state
 */
/**
 * Use with validation-icon mixin to show invalid state
 */
/**
 * Card of tooltip in expanded state
 */
/**
 * Icon of tooltip to be shown next to field label
 */
/**
 * Radio field, no specific markup needed - use on standard <input type="radio"/>
 */
/**
 * This is a reusable select style that relies on a particular dom tree:
 *   <div class="select-wrapper">
 *     <select>...</select>
 *     <i class="icon-arrow-down"></i>
 *   </div>
 */
/**
 * This is a reusable checkbox style that relies on a particular dom tree:
 *   <${label-selector}>       <!-- i.e. <label> -->
 *     <${input-selector}/>    <!-- i.e. <input type="checkbox"/> -->
 *     <{$box-selector}>
 *       <{$icon-selector|svg-selector}/>
 *     </{$box-selector}>
 *     <{$text-selector}/>
 *   </${label-selector}>
 *
 * svg for use with this mixin:
 *    <svg width="12px" height="9px" viewBox="0 0 12 9">
 *      <polyline points="1 5 4 8 11 1"></polyline>
 *    </svg>
 *
 * box must follow input element
 *
 * "text" element can either be first or last child (before or after input for left/right align)
 *  - todo: this could be a modifier and use order
 *
 * defaults to square pass always matching selector e.g. ".checkbox" to $round-modifier to make always round
 */
/**
 * This mixin is for styling just a checkbox input - it should be applied directly to the element:
 * i.e.:
 *     input {
 *       @include checkboxfield-input(
 *         $size-large-modifier: '.checkbox_input--large',
 *         $round-modifier: '.checkbox_input--round',
 *         $invalid-modifier: '.checkbox_input--invalid',
 *         $disabled-modifier: '.checkbox_input--readonly, .checkbox_input--disabled',
 *       );
 *     }
 */
/**
 * These are some new utility classes where basic form fields are needed
 *
 * Note that these do not add validation icons or states at present
 *
 * All the files in these classes should not rely on a particular DOM structure
 * and be applied directly to individual elements.
 *
 * Please use components from the form builder library where more complete form elements are needed
 *
 */
.dg-form__label {
  color: var(--text-color--supporting);
  font-family: var(--typog-body-large-bold-family);
  font-weight: var(--typog-body-large-bold-weight);
  font-style: var(--typog-body-large-bold-style);
  font-size: var(--typog-body-large-bold-size);
  line-height: var(--typog-body-large-bold-line-height);
  letter-spacing: var(--typog-body-large-bold-letter-spacing);
  -webkit-text-decoration: var(--typog-body-large-bold-text-decoration);
          text-decoration: var(--typog-body-large-bold-text-decoration);
  text-transform: var(--typog-body-large-bold-text-transform);
}
.dg-form__field--text {
  height: auto;
  width: 100%;
  max-width: var(--max-input-width, auto);
  background: var(--input-background-color);
  border-radius: var(--input-border-radius);
  border: solid var(--input-border-width) var(--input-border-color);
  padding: var(--input-padding);
  box-shadow: var(--input-shadow);
  transition: all var(--ease-transition);
  color: var(--text-color);
  font-family: var(--typog-body-bold-family);
  font-weight: var(--typog-body-bold-weight);
  font-style: var(--typog-body-bold-style);
  font-size: var(--typog-body-bold-size);
  line-height: var(--typog-body-bold-line-height);
  letter-spacing: var(--typog-body-bold-letter-spacing);
  -webkit-text-decoration: var(--typog-body-bold-text-decoration);
          text-decoration: var(--typog-body-bold-text-decoration);
  text-transform: var(--typog-body-bold-text-transform);
  /* placeholders */
}
.dg-form__field--text:focus {
  outline-width: 2px;
  outline-color: var(--input-border-color--focus);
}
.dg-form__field--text::placeholder {
  opacity: 1;
  /* Firefox */
  color: var(--input-placeholder-color);
  font-family: var(--typog-body-regular-family);
  font-weight: var(--typog-body-regular-weight);
  font-style: var(--typog-body-regular-style);
  font-size: var(--typog-body-regular-size);
  line-height: var(--typog-body-regular-line-height);
  letter-spacing: var(--typog-body-regular-letter-spacing);
  -webkit-text-decoration: var(--typog-body-regular-text-decoration);
          text-decoration: var(--typog-body-regular-text-decoration);
  text-transform: var(--typog-body-regular-text-transform);
}
.dg-form__field--text::-webkit-input-placeholder {
  color: var(--input-placeholder-color);
  font-family: var(--typog-body-regular-family);
  font-weight: var(--typog-body-regular-weight);
  font-style: var(--typog-body-regular-style);
  font-size: var(--typog-body-regular-size);
  line-height: var(--typog-body-regular-line-height);
  letter-spacing: var(--typog-body-regular-letter-spacing);
  -webkit-text-decoration: var(--typog-body-regular-text-decoration);
          text-decoration: var(--typog-body-regular-text-decoration);
  text-transform: var(--typog-body-regular-text-transform);
}
.dg-form__field--text:-ms-input-placeholder {
  color: var(--input-placeholder-color);
  font-family: var(--typog-body-regular-family);
  font-weight: var(--typog-body-regular-weight);
  font-style: var(--typog-body-regular-style);
  font-size: var(--typog-body-regular-size);
  line-height: var(--typog-body-regular-line-height);
  letter-spacing: var(--typog-body-regular-letter-spacing);
  text-decoration: var(--typog-body-regular-text-decoration);
  text-transform: var(--typog-body-regular-text-transform);
}
.dg-form__field--radio {
  --radio-size: 24px;
  --radio-dot-size: calc(var(--radio-size) / 2);
  --border: var(--tone-600);
  --dot-transition: 0.3s ease;
  --dot-opacity: 0.2s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: var(--radio-size);
  width: var(--radio-size);
  min-width: var(--radio-size);
  outline: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  cursor: pointer;
  border: var(--border-width) solid var(--border);
  background: var(--user-input-selected-contrast-color);
  border-radius: 50%;
}
.dg-form__field--radio:after {
  content: "";
  display: flex;
  transition: transform var(--dot-transition), opacity var(--dot-opacity, 0.2s);
  width: var(--radio-dot-size);
  height: var(--radio-dot-size);
  border-radius: 50%;
  background: var(--user-input-selected-color);
  opacity: 0;
  transform: scale(0);
}
.dg-form__field--radio:checked {
  border-color: var(--user-input-selected-color);
}
.dg-form__field--radio:checked:after {
  --dot-opacity: 0.3s ease;
  --dot-transition: 0.6s cubic-bezier(0.2, 0.85, 0.32, 1.2);
  opacity: 1;
  transform: scale(1);
}
.dg-form__field--radio:disabled {
  border-color: var(--border);
  opacity: 0.9;
}
.dg-form__field--radio:disabled:after {
  background-color: var(--tone-600);
}
.dg-form__field--radio:disabled, .dg-form__field--radio:disabled + label {
  cursor: not-allowed;
}
.dg-form__field--radio:focus {
  border-color: var(--user-input-selected-color);
  outline: 3px solid transparent;
  /* For Windows high contrast mode. */
}
/*
* Static: background-color | border-color | color | text-decoration
* Hover (optional): background-color | border-color | color | text-decoration
* Active (optional): background-color | border-color | color | text-decoration
* Focus (optional):  border-color | text-decoration
* Usage
    @include _btn(
      var(--primary-contrast),
      var(--primary-500),
      var(--primary-500),
      var(--primary-contrast),
      var(--primary-700),
      var(--primary-700)
    );
*/
.btn {
  display: flex;
  font-family: var(--typog-button-family);
  font-weight: var(--typog-button-weight);
  font-style: var(--typog-button-style);
  font-size: var(--typog-button-size);
  line-height: var(--typog-button-line-height);
  letter-spacing: var(--typog-button-letter-spacing);
  -webkit-text-decoration: var(--typog-button-text-decoration);
          text-decoration: var(--typog-button-text-decoration);
  text-transform: var(--typog-button-text-transform);
  align-items: center;
  justify-content: var(--btn-justify-content);
  text-align: var(--btn-text-align);
  border-radius: var(--btn-border-radius);
  border-style: solid;
  transition: var(--btn-transition);
  cursor: pointer;
  height: var(--btn-height);
  width: var(--btn-width, 100%);
  min-width: var(--btn-min-width-sm);
  max-width: var(--btn-max-width-sm);
  padding: var(--btn-padding);
  border-width: var(--btn-border-width);
}
@media only screen and (min-width: 667px) {
  .btn {
    min-width: var(--btn-min-width);
    max-width: var(--btn-max-width);
  }
}
.btn--small {
  height: 34px;
  max-width: 190px;
  padding: 5px 20px;
}
@media only screen and (min-width: 667px) {
  .btn--small {
    height: 44px;
  }
}
.btn--disabled, .btn:disabled {
  opacity: var(--btn-disabled-opacity);
  box-shadow: var(--btn-disabled-shadow);
}
.btn:disabled {
  cursor: default;
}
.btn:hover:not(.btn--disabled):not(:disabled) {
  box-shadow: var(--btn-hover-shadow);
}
.btn span.label + .icon {
  margin-left: var(--btn-icon-spacing);
}
.btn .icon + span.label {
  margin-left: var(--btn-icon-spacing);
}
.btn:active:not(:disabled) {
  transform: scale(var(--btn-active-scale));
}
.btn.btn--primary {
  color: var(--btn-primary-color);
  background-color: var(--btn-primary-background-color);
  border-color: var(--btn-primary-border-color);
  -webkit-text-decoration: var(--btn-primary-text-decoration);
          text-decoration: var(--btn-primary-text-decoration);
  --btn-text-decoration: var(--btn-primary-text-decoration);
}
.btn.btn--primary:hover:not(.btn--disabled):not(:disabled) {
  color: var(--btn-primary-hover-color);
  background-color: var(--btn-primary-hover-background-color);
  border-color: var(--btn-primary-hover-border-color);
  -webkit-text-decoration: var(--btn-primary-hover-text-decoration);
          text-decoration: var(--btn-primary-hover-text-decoration);
  --btn-text-decoration: var(--btn-primary-hover-text-decoration);
}
.btn.btn--primary.btn--selected:not(.btn--disabled):not(:disabled), .btn.btn--primary:active:not(.btn--disabled):not(:disabled) {
  outline: none;
  color: var(--btn-primary-active-color);
  background-color: var(--btn-primary-active-background-color);
  border-color: var(--btn-primary-active-border-color);
  -webkit-text-decoration: var(--btn-primary-active-text-decoration);
          text-decoration: var(--btn-primary-active-text-decoration);
  --btn-text-decoration: var(--btn-primary-active-text-decoration);
}
.btn.btn--primary:focus:not(:focus-visible) {
  outline: none;
}
.btn.btn--primary:focus-visible:not(:active) {
  outline-color: var(--btn-primary-focus-border-color);
  -webkit-text-decoration: var(--btn-primary-focus-text-decoration);
          text-decoration: var(--btn-primary-focus-text-decoration);
  --btn-text-decoration: var(--btn-primary-focus-text-decoration);
}
.btn.btn--primary.btn--disabled, .btn.btn--primary:disabled {
  opacity: var(--btn-disabled-opacity);
  box-shadow: var(--btn-disabled-shadow);
}
.btn.btn--primary-inverted {
  color: var(--btn-primary-inverted-color);
  background-color: var(--btn-primary-inverted-background-color);
  border-color: var(--btn-primary-inverted-border-color);
  -webkit-text-decoration: var(--btn-primary-inverted-text-decoration);
          text-decoration: var(--btn-primary-inverted-text-decoration);
  --btn-text-decoration: var(--btn-primary-inverted-text-decoration);
}
.btn.btn--primary-inverted:hover:not(.btn--disabled):not(:disabled) {
  color: var(--btn-primary-inverted-hover-color);
  background-color: var(--btn-primary-inverted-hover-background-color);
  border-color: var(--btn-primary-inverted-hover-border-color);
  -webkit-text-decoration: var(--btn-primary-inverted-hover-text-decoration);
          text-decoration: var(--btn-primary-inverted-hover-text-decoration);
  --btn-text-decoration: var(--btn-primary-inverted-hover-text-decoration);
}
.btn.btn--primary-inverted.btn--selected:not(.btn--disabled):not(:disabled), .btn.btn--primary-inverted:active:not(.btn--disabled):not(:disabled) {
  outline: none;
  color: var(--btn-primary-inverted-active-color);
  background-color: var(--btn-primary-inverted-active-background-color);
  border-color: var(--btn-primary-inverted-active-border-color);
  -webkit-text-decoration: var(--btn-primary-inverted-active-text-decoration);
          text-decoration: var(--btn-primary-inverted-active-text-decoration);
  --btn-text-decoration: var(--btn-primary-inverted-active-text-decoration);
}
.btn.btn--primary-inverted:focus:not(:focus-visible) {
  outline: none;
}
.btn.btn--primary-inverted:focus-visible:not(:active) {
  outline-color: var(--btn-primary-inverted-focus-border-color);
  -webkit-text-decoration: var(--btn-primary-inverted-focus-text-decoration);
          text-decoration: var(--btn-primary-inverted-focus-text-decoration);
  --btn-text-decoration: var(--btn-primary-inverted-focus-text-decoration);
}
.btn.btn--primary-inverted.btn--disabled, .btn.btn--primary-inverted:disabled {
  opacity: var(--btn-disabled-opacity);
  box-shadow: var(--btn-disabled-shadow);
}
.btn.btn--secondary {
  color: var(--btn-secondary-color);
  background-color: var(--btn-secondary-background-color);
  border-color: var(--btn-secondary-border-color);
  -webkit-text-decoration: var(--btn-secondary-text-decoration);
          text-decoration: var(--btn-secondary-text-decoration);
  --btn-text-decoration: var(--btn-secondary-text-decoration);
}
.btn.btn--secondary:hover:not(.btn--disabled):not(:disabled) {
  color: var(--btn-secondary-hover-color);
  background-color: var(--btn-secondary-hover-background-color);
  border-color: var(--btn-secondary-hover-border-color);
  -webkit-text-decoration: var(--btn-secondary-hover-text-decoration);
          text-decoration: var(--btn-secondary-hover-text-decoration);
  --btn-text-decoration: var(--btn-secondary-hover-text-decoration);
}
.btn.btn--secondary.btn--selected:not(.btn--disabled):not(:disabled), .btn.btn--secondary:active:not(.btn--disabled):not(:disabled) {
  outline: none;
  color: var(--btn-secondary-active-color);
  background-color: var(--btn-secondary-active-background-color);
  border-color: var(--btn-secondary-active-border-color);
  -webkit-text-decoration: var(--btn-secondary-active-text-decoration);
          text-decoration: var(--btn-secondary-active-text-decoration);
  --btn-text-decoration: var(--btn-secondary-active-text-decoration);
}
.btn.btn--secondary:focus:not(:focus-visible) {
  outline: none;
}
.btn.btn--secondary:focus-visible:not(:active) {
  outline-color: var(--btn-secondary-focus-border-color);
  -webkit-text-decoration: var(--btn-secondary-focus-text-decoration);
          text-decoration: var(--btn-secondary-focus-text-decoration);
  --btn-text-decoration: var(--btn-secondary-focus-text-decoration);
}
.btn.btn--secondary.btn--disabled, .btn.btn--secondary:disabled {
  opacity: var(--btn-disabled-opacity);
  box-shadow: var(--btn-disabled-shadow);
}
.btn.btn--secondary-inverted {
  color: var(--btn-secondary-inverted-color);
  background-color: var(--btn-secondary-inverted-background-color);
  border-color: var(--btn-secondary-inverted-border-color);
  -webkit-text-decoration: var(--btn-secondary-inverted-text-decoration);
          text-decoration: var(--btn-secondary-inverted-text-decoration);
  --btn-text-decoration: var(--btn-secondary-inverted-text-decoration);
}
.btn.btn--secondary-inverted:hover:not(.btn--disabled):not(:disabled) {
  color: var(--btn-secondary-inverted-hover-color);
  background-color: var(--btn-secondary-inverted-hover-background-color);
  border-color: var(--btn-secondary-inverted-hover-border-color);
  -webkit-text-decoration: var(--btn-secondary-inverted-hover-text-decoration);
          text-decoration: var(--btn-secondary-inverted-hover-text-decoration);
  --btn-text-decoration: var(--btn-secondary-inverted-hover-text-decoration);
}
.btn.btn--secondary-inverted.btn--selected:not(.btn--disabled):not(:disabled), .btn.btn--secondary-inverted:active:not(.btn--disabled):not(:disabled) {
  outline: none;
  color: var(--btn-secondary-inverted-active-color);
  background-color: var(--btn-secondary-inverted-active-background-color);
  border-color: var(--btn-secondary-inverted-active-border-color);
  -webkit-text-decoration: var(--btn-secondary-inverted-active-text-decoration);
          text-decoration: var(--btn-secondary-inverted-active-text-decoration);
  --btn-text-decoration: var(--btn-secondary-inverted-active-text-decoration);
}
.btn.btn--secondary-inverted:focus:not(:focus-visible) {
  outline: none;
}
.btn.btn--secondary-inverted:focus-visible:not(:active) {
  outline-color: var(--btn-secondary-inverted-focus-border-color);
  -webkit-text-decoration: var(--btn-secondary-inverted-focus-text-decoration);
          text-decoration: var(--btn-secondary-inverted-focus-text-decoration);
  --btn-text-decoration: var(--btn-secondary-inverted-focus-text-decoration);
}
.btn.btn--secondary-inverted.btn--disabled, .btn.btn--secondary-inverted:disabled {
  opacity: var(--btn-disabled-opacity);
  box-shadow: var(--btn-disabled-shadow);
}
.btn.btn--tertiary {
  color: var(--btn-tertiary-color);
  background-color: var(--btn-tertiary-background-color);
  border-color: var(--btn-tertiary-border-color);
  -webkit-text-decoration: var(--btn-tertiary-text-decoration);
          text-decoration: var(--btn-tertiary-text-decoration);
  --btn-text-decoration: var(--btn-tertiary-text-decoration);
}
.btn.btn--tertiary:hover:not(.btn--disabled):not(:disabled) {
  color: var(--btn-tertiary-hover-color);
  background-color: var(--btn-tertiary-hover-background-color);
  border-color: var(--btn-tertiary-hover-border-color);
  -webkit-text-decoration: var(--btn-tertiary-hover-text-decoration);
          text-decoration: var(--btn-tertiary-hover-text-decoration);
  --btn-text-decoration: var(--btn-tertiary-hover-text-decoration);
}
.btn.btn--tertiary.btn--selected:not(.btn--disabled):not(:disabled), .btn.btn--tertiary:active:not(.btn--disabled):not(:disabled) {
  outline: none;
  color: var(--btn-tertiary-active-color);
  background-color: var(--btn-tertiary-active-background-color);
  border-color: var(--btn-tertiary-active-border-color);
  -webkit-text-decoration: var(--btn-tertiary-active-text-decoration);
          text-decoration: var(--btn-tertiary-active-text-decoration);
  --btn-text-decoration: var(--btn-tertiary-active-text-decoration);
}
.btn.btn--tertiary:focus:not(:focus-visible) {
  outline: none;
}
.btn.btn--tertiary:focus-visible:not(:active) {
  outline-color: var(--btn-tertiary-focus-border-color);
  -webkit-text-decoration: var(--btn-tertiary-focus-text-decoration);
          text-decoration: var(--btn-tertiary-focus-text-decoration);
  --btn-text-decoration: var(--btn-tertiary-focus-text-decoration);
}
.btn.btn--tertiary.btn--disabled, .btn.btn--tertiary:disabled {
  opacity: var(--btn-disabled-opacity);
  box-shadow: var(--btn-disabled-shadow);
}
.btn.btn--toggle {
  color: var(--btn-toggle-color);
  background-color: var(--btn-toggle-background-color);
  border-color: var(--btn-toggle-border-color);
  -webkit-text-decoration: var(--btn-toggle-text-decoration);
          text-decoration: var(--btn-toggle-text-decoration);
  --btn-text-decoration: var(--btn-toggle-text-decoration);
}
.btn.btn--toggle:hover:not(.btn--disabled):not(:disabled) {
  color: var(--btn-toggle-hover-color);
  background-color: var(--btn-toggle-hover-background-color);
  border-color: var(--btn-toggle-hover-border-color);
  -webkit-text-decoration: var(--btn-toggle-hover-text-decoration);
          text-decoration: var(--btn-toggle-hover-text-decoration);
  --btn-text-decoration: var(--btn-toggle-hover-text-decoration);
}
.btn.btn--toggle.btn--selected:not(.btn--disabled):not(:disabled), .btn.btn--toggle:active:not(.btn--disabled):not(:disabled) {
  outline: none;
  color: var(--btn-toggle-active-color);
  background-color: var(--btn-toggle-active-background-color);
  border-color: var(--btn-toggle-active-border-color);
  -webkit-text-decoration: var(--btn-toggle-active-text-decoration);
          text-decoration: var(--btn-toggle-active-text-decoration);
  --btn-text-decoration: var(--btn-toggle-active-text-decoration);
}
.btn.btn--toggle:focus:not(:focus-visible) {
  outline: none;
}
.btn.btn--toggle:focus-visible:not(:active) {
  outline-color: var(--btn-toggle-focus-border-color);
  -webkit-text-decoration: var(--btn-toggle-focus-text-decoration);
          text-decoration: var(--btn-toggle-focus-text-decoration);
  --btn-text-decoration: var(--btn-toggle-focus-text-decoration);
}
.btn.btn--toggle.btn--disabled, .btn.btn--toggle:disabled {
  opacity: var(--btn-disabled-opacity);
  box-shadow: var(--btn-disabled-shadow);
}
.btn.btn--toggle.btn--selected, .btn.btn--toggle:active {
  --btn-hover-shadow: none;
}
a.btn {
  display: inline-flex;
}
.form-panel--border {
  border: var(--border-width) solid var(--panel-border-color);
  background: var(--panel-bg);
  border-radius: var(--border-radius-sm);
  padding: var(--spacing-lg);
}
.form-panel__title {
  margin-bottom: var(--spacing-md);
  font-family: var(--typog-h2-family);
  font-weight: var(--typog-h2-weight);
  font-style: var(--typog-h2-style);
  font-size: var(--typog-h2-size);
  line-height: var(--typog-h2-line-height);
  letter-spacing: var(--typog-h2-letter-spacing);
  -webkit-text-decoration: var(--typog-h2-text-decoration);
          text-decoration: var(--typog-h2-text-decoration);
  text-transform: var(--typog-h2-text-transform);
}
.content-box--highlighted {
  padding: 20px;
  border: var(--border-width) solid var(--section-border-color);
  border-radius: var(--box-border-radius);
  background: var(--section-bg);
  color: var(--section-text);
}
@media only screen and (min-width: 768px) {
  .content-box--highlighted {
    padding: 30px 40px;
  }
}
.content-box--highlighted.highlighted {
  border-top: solid var(--card-highlight-width) var(--accent);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
/**
  Note this is currently the EDF set of styles
  We need to look at other familys and which properties would need changing
  to create some base whitelabel styles, and some brand specific overrides:
  - font size & line height likely reusable
  - weights may need to change based on the font family chosen
  - letter spacing most likely to change based on font family
 */
/*
  Note that most new typography variables have default values at present
  this is to maintain flexibility, and preserve compatibility

  in each theme, or within your app, you should include a mixin from
  `abstracts/typography-presets`

  This will either set the variables to:
   - the new styles based on styleguide
   - the old default styles (with no dependency on legacy vars)
   - to map the old vars to the new vars

   Please see storybook for more documentation.

   There are a set of typography styles:
    d1
    h1
    h2
    h3
    h4
    h5
    h6
    body-regular
    body-bold
    body-link
    body-large
    body-large-link
    body-large-bold
    button
    caption-regular
    caption-bold
    caption-link
    menu-link
    header-link

   Each style can have variables for large screens (>=md) and small screens

   Each style has variables for:
    family
    weight
    style
    size
    line-height
    letter-spacing
    text-decoration
    text-transform

   If not specified - small screen variables fallback to large screen equivalent

   Font family vars all default to either --typog-default-heading-family (d1 & h1-h6) or --typog-default-body-family

   Other defaults:
    weight: normal
    style: normal
    letter-spacing: 0
    text-decoration: none
    text-transform: none

   Variables are defined as --typog[-sm]-{style}-{property}

   e.g.:

    --typog-h4-family
    --typog-h4-weight
    --typog-h4-style
    --typog-h4-size
    --typog-h4-line-height
    --typog-h4-letter-spacing
    --typog-h4-text-decoration
    --typog-h4-text-transform
    --typog-sm-h4-family
    --typog-sm-h4-weight
    --typog-sm-h4-style
    --typog-sm-h4-size
    --typog-sm-h4-line-height
    --typog-sm-h4-letter-spacing
    --typog-sm-h4-text-decoration
    --typog-sm-h4-text-transform

 */
/**

  There are a lot of button variables here to support old, new and whitelabel styles

  Further alignment on appearance to reduce flexibility and make design system will reduce variables, and total CSS

  For example, the disabled state - recommended everyone uses opacity: 0.5 to show disabled state instead of grey
  this would remove the need for separate disabled vars

 */
/**
  The exact palette and mapping is still being finalised, the following is a guide for light themes only.
  (Note for dark themes, Midtone would remain the same and the rest of the palette would flip

  On EDF/Whitelabel designs the colors map as follows:

  Darker:   800 *
  Dark:     700 *
  Midtone:  600
  Light:    500 *
  Lighter:  400
  Lightest: 300

  Tones map slightly differently:
  Black:    900
  Darkest:  800
  Darker:   700
  Dark:     600
  Midtone:  500
  Light:    400
  Lighter:  300
  Lightest: 200
  White:    100
 */
html,
body {
  /*
    note - no new shades should be added to the color palette - this should be enough
    the allowed values are:
      - primary/secondary/warning/error/success: 200-800 (in 100 increments only)
      - tone: 100-900 where 100/900 are white/black equivalents
        (may not be exactly white or black, but these are the lightest and darkest the tones ever go in the entire application)
   */
  --primary-800: #0168b4;
  --primary-700: #0071bb;
  --primary-600: #0675cd;
  --primary-500: #0a93d3;
  --primary-400: #b3dff1;
  --primary-300: #f0f9fc;
  --tone-900: #000000;
  --tone-800: #111111;
  --tone-700: #333333;
  --tone-600: #414141;
  --tone-500: #afafaf;
  --tone-400: #dddddd;
  --tone-300: #dedede;
  --tone-200: #f6f6f6;
  --tone-100: #ffffff;
  --primary-contrast: #ffffff;
  --accent: #663399;
  --warn: #af2c2b;
  --accept: #228415;
  --package-discount: #3b8524;
  --secondary: #919191;
  --container-max-width: 1248px;
  --gutter: 8px;
  --spacing-xxs: 4px;
  --spacing-xs: 8px;
  --spacing-sm: 16px;
  --spacing-md: 24px;
  --spacing-lg: 32px;
  --spacing-xl: 40px;
  --spacing-xxl: 48px;
  --spacing-xxxl: 80px;
  --spacing-unit: 8px;
  --spacing-unit-sm: 8px;
  --spacing-unit-lg: 8px;
  --border-width: 1px;
  --border-radius-sm: 3px;
  --border-radius-md: 3px;
  --border-radius-lg: 3px;
  --box-border-radius: var(--border-radius-lg);
  --card-shadow: 0px 0px 3px var(--tone-400);
  --card-shadow--hover: 0px 0px 8px var(--tone-500);
  --transition-duration: 0.3s;
  --transition-ease: ease-in-out;
  --transition-curve: cubic-bezier(0.42, 0, 0, 1.07);
  --ease-transition: var(--transition-duration) var(--transition-ease);
  --curve-transition: var(--transition-duration) var(--transition-curve);
  --icon-size: 14px;
  --icon-size-xxs: 8px;
  --icon-size-xs: 10px;
  --icon-size-sm: 14px;
  --icon-size-md: 16px;
  --icon-size-lg: 24px;
  --icon-size-xl: 30px;
  --input-shadow: 0 0px 3px 0px var(--tone-400);
  --input-padding: 14px;
  --input-error-icon-circle-size: 20px;
  --input-error-icon-size: 8px;
  --input-border-radius: var(--border-radius-sm);
  --max-input-width: auto;
  --input-border-width: var(--border-width);
  --input-border-width--valid: var(--input-border-width);
  --input-border-width--invalid: 2px;
  --input-trigger-size: 16px;
  --primary-contrast: var(--tone-100);
  --warn: var(--error-600);
  --accept: var(--success-600);
  --error: var(--error-600);
  --warning: var(--warning-600);
  --success: var(--success-600);
  --error--contrast: var(--tone-100);
  --warning--contrast: var(--tone-100);
  --success--contrast: var(--tone-100);
  --accent: var(--secondary-600);
  --attention: #ce3298;
  --page-bg: var(--tone-100);
  --page-bg--alt: var(--tone-200);
  --page-bg--contrast: var(--tone-700);
  --page-bg--primary: var(--primary-700);
  --header: var(--tone-100);
  --header--contrast: var(--text-color);
  --footer: var(--primary-300);
  --footer--contrast: var(--tone-600);
  --footer-contrast-loud: var(--primary-700);
  --hero-color: var(--primary-800);
  --hero-contrast-color: var(--tone-100);
  --separator: var(--tone-400);
  --separator--secondary: var(--tone-300);
  --form-card-bg: var(--tone-300);
  --panel-bg: var(--tone-100);
  --panel-border-color: var(--tone-400);
  --panel-bg--highlight: var(--tone-300);
  --panel-bg--highlight-subtle: var(--tone-200);
  --info-card-bg: var(--primary-300);
  --info-card-text: var(--text-color);
  --card-highlight-width: 6px;
  --section-bg: var(--page-bg);
  --section-text: var(--tone-600);
  --section-border-color: var(--tone-400);
  --stand-out-bg: var(--tone-200);
  --stand-out-bg-border: var(--tone-400);
  --border-color--interactive: var(--tone-600);
  --primary-interactive-color: var(--primary-500);
  --primary-interactive-color--hover: var(--primary-700);
  --primary-interactive-color--active: var(--primary-700);
  --primary-interactive-contrast-color: var(--tone-100);
  --primary-interactive-contrast-color--hover: var(--tone-100);
  --primary-interactive-contrast-color--active: var(--tone-100);
  --secondary-interactive-color: var(--secondary-500);
  --secondary-interactive-color--hover: var(--secondary-700);
  --secondary-interactive-color--active: var(--secondary-700);
  --secondary-interactive-contrast-color: var(--tone-100);
  --secondary-interactive-contrast-color--hover: var(--tone-100);
  --secondary-interactive-contrast-color--active: var(--tone-100);
  --heading-color: var(--text-color);
  --heading--highlight-color: var(--primary-800);
  --user-input-selected-color: var(--success-700);
  --user-input-selected-contrast-color: var(--tone-100);
  --text-color: var(--tone-700);
  --text-color--supporting: var(--tone-700);
  --text-color--unimportant: var(--tone-500);
  --text-color--placeholder: var(--tone-600);
  --text-color--highlight: var(--primary-700);
  --placeholder-bg: var(--tone-400);
  --input-background-color: var(--primary-contrast);
  --input-trigger-color: var(--tone-600);
  --input-border-color: var(--tone-700);
  --input-border-color--focus: var(--primary-500);
  --input-text-color: var(--tone-700);
  --input-placeholder-color: var(--text-color--placeholder);
  --typeahead-highlight-color: var(--primary-interactive-color);
  --typeahead-highlight-color--active: var(--primary-interactive-color);
  --typeahead-bg-color: var(--tone-300);
  --input-border-color--valid: var(--success);
  --decoration-color-1: var(--primary-500);
  --decoration-color-contrast-1: var(--tone-100);
  --decoration-color-2: var(--secondary-500);
  --decoration-color-contrast-2: var(--tone-100);
  --decoration-color-3: var(--primary-500);
  --decoration-color-contrast-3: var(--tone-100);
  --decoration-color-4: var(--secondary-500);
  --decoration-color-contrast-4: var(--tone-100);
  --decoration-color-1--text: var(--decoration-color-1);
  --decoration-color-2--text: var(--decoration-color-2);
  --decoration-color-3--text: var(--decoration-color-3);
  --decoration-color-4--text: var(--decoration-color-4);
  --component-box-background-color: var(--tone-100);
  --btn-disabled-shadow: 0 0 3px var(--tone-300);
  --btn-hover-shadow: none;
  --btn-disabled-opacity: 1;
  --btn-border-radius: var(--border-radius-md);
  --btn-border-width: 2px;
  --btn-transition: all var(--ease-transition);
  --btn-active-scale: 1;
  --btn-height: 56px;
  --btn-max-width: 280px;
  --btn-max-width-sm: auto;
  --btn-justify-content: center;
  --btn-text-align: center;
  --btn-icon-spacing: 10px;
  --btn-padding: 13px 20px;
  --btn-primary-color: var(--primary-interactive-contrast-color);
  --btn-primary-text-decoration: none;
  --btn-primary-background-color: var(--primary-interactive-color);
  --btn-primary-border-color: var(--primary-interactive-color);
  --btn-primary-hover-color: var(--primary-interactive-color--hover);
  --btn-primary-hover-text-decoration: none;
  --btn-primary-hover-background-color: var(--primary-interactive-color--hover);
  --btn-primary-hover-border-color: var(--primary-interactive-color--hover);
  --btn-primary-active-color: var(--btn-primary-color);
  --btn-primary-active-text-decoration: none;
  --btn-primary-active-background-color: var(--btn-primary-background-color);
  --btn-primary-active-border-color: var(--btn-primary-border-color);
  --btn-primary-focus-border-color: var(--btn-primary-hover-border-color);
  --btn-secondary-color: var(--primary-interactive-color);
  --btn-primary-text-decoration: none;
  --btn-secondary-background-color: transparent;
  --btn-secondary-border-color: var(--primary-interactive-color);
  --btn-secondary-hover-color: var(--primary-interactive-color--hover);
  --btn-secondary-hover-text-decoration: none;
  --btn-secondary-hover-background-color: transparent;
  --btn-secondary-hover-border-color: var(--primary-interactive-color--hover);
  --btn-secondary-active-color: var(--btn-secondary-color);
  --btn-secondary-active-text-decoration: none;
  --btn-secondary-active-background-color: var(--btn-secondary-background-color);
  --btn-secondary-active-border-color: var(--btn-secondary-border-color);
  --btn-secondary-focus-border-color: var(--btn-secondary-hover-border-color);
  --btn-tertiary-color: var(--tone-700);
  --btn-tertiary-text-decoration: none;
  --btn-tertiary-background-color: var(--primary-interactive-contrast-color);
  --btn-tertiary-border-color: var(--tone-400);
  --btn-tertiary-hover-color: var(--tone-700);
  --btn-tertiary-hover-text-decoration: none;
  --btn-tertiary-hover-background-color: var(--primary-interactive-contrast-color);
  --btn-tertiary-hover-border-color: var(--tone-600);
  --btn-tertiary-active-color: var(--btn-tertiary-color);
  --btn-tertiary-active-text-decoration: none;
  --btn-tertiary-active-background-color: var(--btn-tertiary-background-color);
  --btn-tertiary-active-border-color: var(--btn-tertiary-border-color);
  --btn-tertiary-focus-border-color: var(--btn-tertiary-hover-border-color);
  --btn-toggle-color: var(--tone-700);
  --btn-primary-text-decoration: none;
  --btn-toggle-background-color: var(--primary-interactive-contrast-color);
  --btn-toggle-border-color: var(--primary-interactive-color);
  --btn-toggle-hover-color: var(--primary-interactive-contrast-color--hover);
  --btn-toggle-hover-text-decoration: none;
  --btn-toggle-hover-background-color: var(--primary-interactive-color--active);
  --btn-toggle-hover-border-color: var(--primary-interactive-color--active);
  --btn-toggle-active-color: var(--primary-interactive-contrast-color--active);
  --btn-toggle-active-text-decoration: none;
  --btn-toggle-active-background-color: var(--primary-interactive-color--active);
  --btn-toggle-active-border-color: var(--primary-interactive-color--active);
  --btn-toggle-focus-border-color: var(--btn-toggle-hover-border-color);
  --btn-success-color: var(--tone-100);
  --btn-success-background-color: var(--success);
  --btn-success-border-color: var(--success);
  --btn-success-text-decoration: none;
  --btn-success-hover-color: var(--tone-100);
  --btn-success-hover-background-color: var(--success-700);
  --btn-success-hover-border-color: var(--success-700);
  --btn-success-hover-text-decoration: none;
  --btn-success-focus-border-color: var(--btn-success-hover-border-color);
  --btn-success-inverted-color: var(--tone-700);
  --btn-success-inverted-background-color: var(--tone-100);
  --btn-success-inverted-border-color: var(--success);
  --btn-success-inverted-text-decoration: none;
  --btn-success-inverted-hover-color: var(--tone-100);
  --btn-success-inverted-hover-background-color: var(--success);
  --btn-success-inverted-hover-border-color: var(--success);
  --btn-success-inverted-hover-text-decoration: none;
  --btn-success-inverted-focus-border-color: var(--btn-success-inverted-hover-border-color);
  --typog-default-heading-family: Arial, sans-serif;
  --typog-default-body-family: Arial, sans-serif;
  --primary-800: #02422b;
  --primary-700: #03724a;
  --primary-600: #12c35a;
  --primary-500: #4eef8f;
  --primary-400: #befcc8;
  --primary-300: #f0fef3;
  --secondary-800: #043c75;
  --secondary-700: #0565c2;
  --secondary-600: #0565c2;
  --secondary-500: #4a6dce;
  --secondary-400: #a58cc9;
  --secondary-300: #dcd2ea;
  --success-800: #204814;
  --success-700: #32701e;
  --success-600: #3b8524;
  --success-500: #55c134;
  --success-400: #84d76a;
  --success-300: #b6e7a7;
  --warning-800: #b87900;
  --warning-700: #eb9a00;
  --warning-600: #ffc453;
  --warning-500: #ffd585;
  --warning-400: #ffde9e;
  --warning-300: #ffe7b8;
  --error-800: #872221;
  --error-700: #9c2726;
  --error-600: #af2c2b;
  --error-500: #d55453;
  --error-400: #e9a5a5;
  --error-300: #f3cece;
  --tone-900: #0d0d0d;
  --tone-800: #262626;
  --tone-700: #414141;
  --tone-600: #676767;
  --tone-500: #757575;
  --tone-400: #d9d9d9;
  --tone-300: #ebebeb;
  --tone-200: #f6f6f6;
  --tone-100: #ffffff;
  --accent: #011f44;
  --warn: var(--warning-600);
  --accept: var(--success-600);
  --primary-contrast: var(--tone-100);
  --error: var(--error-600);
  --warning: var(--warning-600);
  --success: var(--success-600);
  --text-color: var(--tone-800);
  --text-color--supporting: var(--tone-700);
  --text-color--unimportant: var(--tone-700);
  --text-color--placeholder: var(--tone-600);
  --heading--highlight-color: var(--tone-800);
  --primary-interactive-color: var(--primary-700);
  --primary-interactive-color--hover: var(--primary-800);
  --primary-interactive-color--active: var(--primary-800);
  --primary-interactive-contrast-color: var(--tone-100);
  --primary-interactive-contrast-color--hover: var(--tone-100);
  --primary-interactive-contrast-color--active: var(--tone-100);
  --secondary-interactive-color: var(--secondary-700);
  --secondary-interactive-color--hover: var(--secondary-800);
  --secondary-interactive-color--active: var(--secondary-800);
  --secondary-interactive-contrast-color: var(--tone-100);
  --secondary-interactive-contrast-color--hover: var(--tone-100);
  --secondary-interactive-contrast-color--active: var(--tone-100);
  --typeahead-bg-color: var(--tone-400);
  --footer: var(--tone-800);
  --footer--contrast: var(--tone-100);
  --footer-contrast-loud: var(--tone-100);
  --separator: var(--tone-400);
  --panel-bg--highlight: var(--tone-300);
  --decoration-color-1: #f96155;
  --decoration-color-2: #f1a14e;
  --decoration-color-3: #3b8524;
  --decoration-color-4: #4a6dce;
  --attention: #ab251b;
  --border-radius-sm: 4px;
  --border-radius-md: 8px;
  --border-radius-lg: 12px;
  --btn-height: auto;
  --btn-disabled-shadow: none;
  --btn-disabled-opacity: 0.5;
  --btn-transition: background-color var(--ease-transition), color var(--ease-transition),
    border-color var(--ease-transition), opacity var(--ease-transition);
  --btn-primary-color: var(--tone-100);
  --btn-primary-background-color: var(--primary-800);
  --btn-primary-border-color: var(--primary-800);
  --btn-primary-focus-border-color: var(--secondary-700);
  --btn-primary-active-color: var(--tone-100);
  --btn-primary-active-background-color: var(--primary-700);
  --btn-primary-active-border-color: var(--primary-700);
  --btn-primary-hover-color: var(--tone-100);
  --btn-primary-hover-background-color: var(--primary-600);
  --btn-primary-hover-border-color: var(--primary-600);
  --btn-primary-inverted-color: var(--primary-800);
  --btn-primary-inverted-background-color: var(--primary-300);
  --btn-primary-inverted-border-color: var(--primary-300);
  --btn-primary-inverted-hover-color: var(--primary-800);
  --btn-primary-inverted-hover-background-color: var(--primary-400);
  --btn-primary-inverted-hover-border-color: var(--primary-400);
  --btn-primary-inverted-active-color: var(--primary-800);
  --btn-primary-inverted-active-background-color: var(--primary-400);
  --btn-primary-inverted-active-border-color: var(--primary-300);
  --btn-primary-inverted-focus-border-color: var(--primary-400);
  --btn-primary-inverted-disabled-color: var(--btn-primary-inverted-color);
  --btn-primary-inverted-disabled-background-color: var(--btn-primary-inverted-background-color);
  --btn-primary-inverted-disabled-border-color: var(--btn-primary-inverted-border-color);
  --btn-primary-inverted-disabled-hover-color: var(--btn-primary-inverted-hover-color);
  --btn-primary-inverted-disabled-hover-background-color: var(
    --btn-primary-inverted-hover-background-color
  );
  --btn-primary-inverted-disabled-hover-border-color: var(
    --btn-primary-inverted-hover-background-color
  );
  --btn-secondary-color: var(--primary-800);
  --btn-secondary-background-color: var(--tone-100);
  --btn-secondary-border-color: var(--primary-800);
  --btn-secondary-focus-border-color: var(--secondary-700);
  --btn-secondary-active-color: var(--primary-700);
  --btn-secondary-active-background-color: var(--tone-100);
  --btn-secondary-active-border-color: var(--primary-700);
  --btn-secondary-hover-color: var(--primary-700);
  --btn-secondary-hover-background-color: var(--tone-100);
  --btn-secondary-hover-border-color: var(--primary-700);
  --btn-secondary-inverted-color: var(--primary-800);
  --btn-secondary-inverted-background-color: var(--primary-300);
  --btn-secondary-inverted-border-color: var(--primary-300);
  --btn-secondary-inverted-hover-color: var(--primary-800);
  --btn-secondary-inverted-hover-background-color: var(--primary-400);
  --btn-secondary-inverted-hover-border-color: var(--primary-400);
  --btn-secondary-inverted-active-color: var(--primary-800);
  --btn-secondary-inverted-active-background-color: var(--primary-400);
  --btn-secondary-inverted-active-border-color: var(--primary-300);
  --btn-secondary-inverted-focus-border-color: var(--primary-400);
  --btn-secondary-inverted-disabled-color: var(--btn-secondary-inverted-color);
  --btn-secondary-inverted-disabled-background-color: var(
    --btn-secondary-inverted-background-color
  );
  --btn-secondary-inverted-disabled-border-color: var(--btn-secondary-inverted-border-color);
  --btn-secondary-inverted-disabled-hover-color: var(--btn-secondary-inverted-hover-color);
  --btn-secondary-inverted-disabled-hover-background-color: var(
    --btn-secondary-inverted-hover-background-color
  );
  --btn-secondary-inverted-disabled-hover-border-color: var(
    --btn-secondary-inverted-hover-background-color
  );
  --btn-toggle-color: var(--tone-700);
  --btn-primary-text-decoration: none;
  --btn-toggle-background-color: var(--tone-100);
  --btn-toggle-border-color: var(--secondary-700);
  --btn-toggle-hover-color: var(--tone-100);
  --btn-toggle-hover-text-decoration: none;
  --btn-toggle-hover-background-color: var(--secondary-700);
  --btn-toggle-hover-border-color: var(--secondary-700);
  --btn-toggle-active-color: var(--tone-100);
  --btn-toggle-active-text-decoration: none;
  --btn-toggle-active-background-color: var(--secondary-700);
  --btn-toggle-active-border-color: var(--secondary-700);
  --btn-toggle-focus-border-color: var(--btn-toggle-hover-border-color);
  --form-card-bg: var(--tone-200);
  --input-padding: 16px;
  --input-error-icon-circle-size: 24px;
  --input-error-icon-size: 12px;
  --input-border-color--focus: var(--tone-600);
  --input-shadow: none;
  --card-highlight-width: 4px;
  --typog-default-heading-family: "smileyface", sans-serif;
  --typog-default-body-family: "Inter", sans-serif;
  --typog-lg-d1-weight: 700;
  --typog-lg-d1-size: 50px;
  --typog-lg-d1-line-height: 65px;
  --typog-lg-d1-letter-spacing: 0.6px;
  --typog-sm-d1-size: 42px;
  --typog-sm-d1-line-height: 54px;
  --typog-sm-d1-letter-spacing: 0;
  --typog-lg-d2-weight: 700;
  --typog-lg-d2-size: 32px;
  --typog-lg-d2-line-height: 42px;
  --typog-lg-d2-letter-spacing: 0.6px;
  --typog-sm-d2-size: 28px;
  --typog-sm-d2-line-height: 37px;
  --typog-sm-d2-letter-spacing: 0.4px;
  --typog-lg-h1-weight: 700;
  --typog-lg-h1-size: 42px;
  --typog-lg-h1-line-height: 54px;
  --typog-lg-h1-letter-spacing: 0.6px;
  --typog-sm-h1-size: 34px;
  --typog-sm-h1-line-height: 44px;
  --typog-sm-h1-letter-spacing: 0.4px;
  --typog-lg-h2-weight: 700;
  --typog-lg-h2-size: 32px;
  --typog-lg-h2-line-height: 42px;
  --typog-lg-h2-letter-spacing: 0.6px;
  --typog-sm-h2-size: 28px;
  --typog-sm-h2-line-height: 37px;
  --typog-sm-h2-letter-spacing: 0.4px;
  --typog-lg-h3-weight: 700;
  --typog-lg-h3-size: 26px;
  --typog-lg-h3-line-height: 33px;
  --typog-lg-h3-letter-spacing: 0.4px;
  --typog-sm-h3-size: 24px;
  --typog-sm-h3-line-height: 32px;
  --typog-sm-h3-letter-spacing: 0.4px;
  --typog-lg-h4-weight: 700;
  --typog-lg-h4-size: 22px;
  --typog-lg-h4-line-height: 29px;
  --typog-lg-h4-letter-spacing: 0.4px;
  --typog-sm-h4-size: 20px;
  --typog-sm-h4-line-height: 26px;
  --typog-sm-h4-letter-spacing: 0.4px;
  --typog-lg-h5-weight: 700;
  --typog-lg-h5-size: 20px;
  --typog-lg-h5-line-height: 26px;
  --typog-lg-h5-letter-spacing: 0.4px;
  --typog-sm-h5-size: 17px;
  --typog-sm-h5-line-height: 23px;
  --typog-sm-h5-letter-spacing: 0.4px;
  --typog-lg-h6-weight: 700;
  --typog-lg-h6-size: 16px;
  --typog-lg-h6-line-height: 150%;
  --typog-lg-h6-letter-spacing: 0.02em;
  --typog-lg-h6-text-transform: uppercase;
  --typog-sm-h6-size: 14px;
  --typog-lg-button-font: var(--typog-default-heading-family);
  --typog-lg-button-weight: bold;
  --typog-lg-button-size: 19px;
  --typog-lg-button-line-height: 24px;
  --typog-lg-button-letter-spacing: 0.4px;
  --typog-sm-button-size: 19px;
  --typog-lg-body-large-weight: normal;
  --typog-lg-body-large-size: 18px;
  --typog-lg-body-large-line-height: 28px;
  --typog-sm-body-large-size: 16px;
  --typog-lg-body-large-bold-weight: 700;
  --typog-lg-body-large-bold-size: 18px;
  --typog-lg-body-large-bold-line-height: 28px;
  --typog-sm-body-large-bold-size: 16px;
  --typog-lg-body-regular-weight: normal;
  --typog-lg-body-regular-size: 16px;
  --typog-lg-body-regular-line-height: 24px;
  --typog-sm-body-regular-size: 16px;
  --typog-sm-body-regular-line-height: 24px;
  --typog-lg-body-bold-weight: bold;
  --typog-lg-body-bold-size: 16px;
  --typog-lg-body-bold-line-height: 24px;
  --typog-sm-body-bold-size: 16px;
  --typog-sm-body-bold-line-height: 24px;
  --typog-lg-body-link-weight: bold;
  --typog-lg-body-link-size: 16px;
  --typog-lg-body-link-line-height: 24px;
  --typog-lg-body-link-text-decoration-line: underline;
  --typog-sm-body-link-size: 16px;
  --typog-sm-body-link-line-height: 24px;
  --typog-lg-caption-bold-weight: bold;
  --typog-lg-caption-bold-size: 14px;
  --typog-lg-caption-bold-line-height: 18px;
  --typog-sm-caption-bold-size: 12px;
  --typog-sm-caption-bold-line-height: 16px;
  --typog-lg-caption-regular-weight: normal;
  --typog-lg-caption-regular-size: 14px;
  --typog-lg-caption-regular-line-height: 21px;
  --typog-sm-caption-regular-size: 14px;
  --typog-sm-caption-regular-line-height: 21px;
  --typog-lg-caption-link-weight: bold;
  --typog-lg-caption-link-size: 14px;
  --typog-lg-caption-link-line-height: 21px;
  --typog-lg-caption-link-text-decoration-line: underline;
  --typog-sm-caption-link-size: 14px;
  --typog-sm-caption-link-line-height: 21px;
  --typog-lg-menu-link-weight: normal;
  --typog-lg-menu-link-size: 16px;
  --typog-lg-menu-link-line-height: 24px;
  --typog-lg-menu-link-text-decoration-line: underline;
  --typog-lg-menu-link-letter-spacing: 0.05em;
  --typog-lg-header-link-weight: normal;
  --typog-lg-header-link-size: 20px;
  --typog-lg-header-link-line-height: 24px;
  --typog-lg-header-link-text-decoration-line: none;
  --typog-lg-header-link-letter-spacing: calc(0.1em / 3);
  --typog-lg-header-link-family: var(--typog-default-body-family);
  --typog-sm-header-link-size: 18px;
  --typog-sm-header-link-line-height: 24px;
  --max-input-width: auto;
  --btn-max-width: auto;
}
@media only screen and (min-width: 768px) {
  html,
body {
    --spacing-xxxl: 120px;
  }
}
@media only screen and (min-width: 1024px) {
  html,
body {
    --spacing-xl: 48px;
    --spacing-xxl: 64px;
    --spacing-xxxl: 160px;
  }
}
html .tooltip__content[class],
body .tooltip__content[class] {
  padding: var(--spacing-md);
}
html .forgot-password-container,
body .forgot-password-container {
  top: -108px !important;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./libs/my-account/ui-assets/src/lib/scss/styles.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.row--spacing {
  margin-top: 40px;
  margin-bottom: 40px;
}

/**
Usage: .no-gutters-sm etc
*/

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 1092px) {
  .d-xl-none {
    display: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
  font-feature-settings: none;
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}

body {
  height: 100%;
}

app-root {
  height: 100%;
  margin: 0;
}

.clearfix {
  display: block;
}

.hidden {
  display: none;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

@font-face {
  font-family: "icomoon-dma";
  src: url('icomoon-dma.eot?ons7fi');
  src: url('icomoon-dma.eot?ons7fi#iefix') format("embedded-opentype"), url('icomoon-dma.ttf?ons7fi') format("truetype"), url('icomoon-dma.woff?ons7fi') format("woff"), url('icomoon-dma.svg?ons7fi#icomoon') format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^=icon-dma],
[class*=" icon-dma"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon-dma" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-dma-washing-machine:before {
  content: "\e918";
}

.icon-dma-eye:before {
  content: "\e917";
}

.icon-dma-tick-success:before {
  content: "\e904";
  color: #fff;
}

app-root h1,
app-root h2,
app-root h3,
app-root h4,
app-root h5,
app-root h6,
app-root .h1,
app-root .h2,
app-root .h3,
app-root .h4,
app-root .h5,
app-root .h6,
storybook-dynamic-app-root h1,
storybook-dynamic-app-root h2,
storybook-dynamic-app-root h3,
storybook-dynamic-app-root h4,
storybook-dynamic-app-root h5,
storybook-dynamic-app-root h6,
storybook-dynamic-app-root .h1,
storybook-dynamic-app-root .h2,
storybook-dynamic-app-root .h3,
storybook-dynamic-app-root .h4,
storybook-dynamic-app-root .h5,
storybook-dynamic-app-root .h6,
mat-dialog-container h1,
mat-dialog-container h2,
mat-dialog-container h3,
mat-dialog-container h4,
mat-dialog-container h5,
mat-dialog-container h6,
mat-dialog-container .h1,
mat-dialog-container .h2,
mat-dialog-container .h3,
mat-dialog-container .h4,
mat-dialog-container .h5,
mat-dialog-container .h6 {
  color: var(--tone-700);
}

app-root h1,
app-root .h1,
storybook-dynamic-app-root h1,
storybook-dynamic-app-root .h1,
mat-dialog-container h1,
mat-dialog-container .h1 {
  margin-bottom: 12px;
}

app-root .text-white p,
app-root .text-white strong,
app-root .text-white h1,
app-root .text-white h2,
app-root .text-white h3,
app-root .text-white h4,
app-root .text-white h5,
app-root .text-white h6,
app-root .text-white .h1,
app-root .text-white .h2,
app-root .text-white .h3,
app-root .text-white .h4,
app-root .text-white .h5,
app-root .text-white .h6,
storybook-dynamic-app-root .text-white p,
storybook-dynamic-app-root .text-white strong,
storybook-dynamic-app-root .text-white h1,
storybook-dynamic-app-root .text-white h2,
storybook-dynamic-app-root .text-white h3,
storybook-dynamic-app-root .text-white h4,
storybook-dynamic-app-root .text-white h5,
storybook-dynamic-app-root .text-white h6,
storybook-dynamic-app-root .text-white .h1,
storybook-dynamic-app-root .text-white .h2,
storybook-dynamic-app-root .text-white .h3,
storybook-dynamic-app-root .text-white .h4,
storybook-dynamic-app-root .text-white .h5,
storybook-dynamic-app-root .text-white .h6,
mat-dialog-container .text-white p,
mat-dialog-container .text-white strong,
mat-dialog-container .text-white h1,
mat-dialog-container .text-white h2,
mat-dialog-container .text-white h3,
mat-dialog-container .text-white h4,
mat-dialog-container .text-white h5,
mat-dialog-container .text-white h6,
mat-dialog-container .text-white .h1,
mat-dialog-container .text-white .h2,
mat-dialog-container .text-white .h3,
mat-dialog-container .text-white .h4,
mat-dialog-container .text-white .h5,
mat-dialog-container .text-white .h6 {
  color: var(--tone-100);
}

app-root .title,
storybook-dynamic-app-root .title,
mat-dialog-container .title {
  position: relative;
  text-align: center;
}

.align-right {
  text-align: right;
}

/* Usage:

@include breakpoint(sm) {
      margin-right: 0;
}
@include breakpoint(sm-only) {
      margin-right: 0;
}
@include breakpoint(0, $screen-md-max) {
      margin-right: 0;
}

 */

.btn {
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .btn {
    width: auto;
    display: inline-block;
    min-width: 256px;
  }
}

.btn.disabled:not(.btn-active), .btn:disabled:not(.btn-active) {
  cursor: not-allowed;
}

.btn.disabled, .btn:disabled {
  cursor: not-allowed;
}

.btn.btn--block {
  width: 100%;
}

/* Usage:

@include breakpoint(sm) {
      margin-right: 0;
}
@include breakpoint(sm-only) {
      margin-right: 0;
}
@include breakpoint(0, $screen-md-max) {
      margin-right: 0;
}

 */

.dg-checkboxes__item {
  display: block;
  position: relative;
  min-height: 22px;
  margin: 20px 0;
  padding-left: 22px;
  clear: left;
}

.dg-checkboxes__item:last-child,
.dg-checkboxes__item:last-of-type {
  margin-bottom: 0;
}

.dg-checkboxes__input {
  cursor: pointer;
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  width: 22px;
  height: 22px;
  margin: 0;
  opacity: 0;
}

.dg-checkboxes__label {
  display: inline-block;
  margin-bottom: 0;
  padding: 0 0 0 8px;
  touch-action: manipulation;
}

.dg-checkboxes__label::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  min-width: 22px;
  height: 22px;
  border-width: var(--border-width);
  border-style: solid;
  padding: 1px 0;
  box-shadow: 0 0 3px 0 var(--tone-400);
  border-radius: 2px;
}

.dg-checkboxes__label .icon {
  position: absolute;
  left: 5px;
  top: 5px;
  transition: opacity var(--ease-transition);
  opacity: 0;
  font-size: 11px;
}

.dg-checkboxes__label .icon::before {
  color: var(--user-input-selected-color);
}

.dg-checkboxes__input:checked + .dg-checkboxes__label::before {
  background: var(--user-input-selected-color);
  border-color: var(--user-input-selected-color);
}

.dg-checkboxes__input:checked + .dg-checkboxes__label .icon {
  opacity: 1;
}

.dg-checkboxes__input:checked + .dg-checkboxes__label .icon::before {
  color: var(--user-input-selected-contrast-color);
}

.dg-checkboxes__input:disabled,
.dg-checkboxes__input:disabled + .dg-checkboxes__label {
  cursor: default;
}

.dg-checkboxes__input:disabled + .dg-checkboxes__label {
  opacity: 0.5;
}

.dg-checkboxes__conditional {
  margin-bottom: 20px;
  margin-left: 10.5px;
  padding-left: 32.5px;
}

.js-enabled .dg-checkboxes__conditional--hidden {
  display: none;
}

.dg-checkboxes__conditional > :last-child {
  margin-bottom: 0;
}

/* Usage:

@include breakpoint(sm) {
      margin-right: 0;
}
@include breakpoint(sm-only) {
      margin-right: 0;
}
@include breakpoint(0, $screen-md-max) {
      margin-right: 0;
}

 */

:export {
  icons: contact-us, more-info, arrow-down, arrow-left, arrow-right, arrow-up, close, delivery, faq, hamburger, satisfaction, tick, plan, calendar, generic-appliance, disposal, installation, download, large-cross, large-tick, protection, repair, search, my-account, basket, payment-direct-debit, facebook, twitter, instagram, linkedin, alert, direct-debit-slim, lock, plus, minus;
}

/**
 * Box mixin is used to style an element as a "box like" input field - i.e. input, select, textarea etc.
 * Anything with a border that wants to be consistent
 * Adds Borders, Padding, Shadow, Constrains width - all dependent on theme variables
 */

/**
 * Use with box mixin to adjust to show focused style
 */

/**
 * Use with box mixin to adjust to show valid style
 */

/**
 * Use with box mixin to adjust to show invalid style
 */

/**
 * Use with box mixin to adjust to support a trigger being shown
 * It adds additional padding to make room for an absolutely positioned trigger.
 * Should be used on an element within an element using box-wrapper,
 * and the trigger mixin should be used on the trigger element itself
 */

/**
 * Use with box mixin to automatically add valid and invalid states based on angular forms automatic classes:
 *  - ng-touched
 *  - ng-valid
 *  - ng-invalid
 *
 * Should be added to the form control element
 * (usually :host{} on your component when implementing control value accessor)
 * $selector argument allows you to pass in the child selector for the actual component you want styles applied to
 * (i.e. the one you have added box mixin to)
 */

/**
 * Used to wrap around fields to allow triggers and validation icons to be positioned
 */

/**
 * Use on input fields and selects to combine box mixin, with focus state and placeholder pseudo element styles
 */

/**
 * Used to style icon to be used as a trigger (e.g. search, clear or down arrow)
 * Place inside an element with box-wrapper()
 * Combine with an element using box--with-trigger() to position correctly
 */

/**
 * Standard input text (i.e. input field or select)
 */

/**
 * Placeholder text used on input fields (can also be used on selects with custom implementation to emulate placeholder)
 */

/**
 * Field label
 */

/**
 * Hint text to appear next to the field
 */

/**
 * Error message text
 */

/**
 * Base mixin for validation icon (tick/cross top/right of fields)
 */

/**
 * Use with validation-icon mixin to show valid state
 */

/**
 * Use with validation-icon mixin to show invalid state
 */

/**
 * Card of tooltip in expanded state
 */

/**
 * Icon of tooltip to be shown next to field label
 */

/**
 * Radio field, no specific markup needed - use on standard <input type="radio"/>
 */

/**
 * This is a reusable select style that relies on a particular dom tree:
 *   <div class="select-wrapper">
 *     <select>...</select>
 *     <i class="icon-arrow-down"></i>
 *   </div>
 */

/**
 * This is a reusable checkbox style that relies on a particular dom tree:
 *   <${label-selector}>       <!-- i.e. <label> -->
 *     <${input-selector}/>    <!-- i.e. <input type="checkbox"/> -->
 *     <{$box-selector}>
 *       <{$icon-selector|svg-selector}/>
 *     </{$box-selector}>
 *     <{$text-selector}/>
 *   </${label-selector}>
 *
 * svg for use with this mixin:
 *    <svg width="12px" height="9px" viewBox="0 0 12 9">
 *      <polyline points="1 5 4 8 11 1"></polyline>
 *    </svg>
 *
 * box must follow input element
 *
 * "text" element can either be first or last child (before or after input for left/right align)
 *  - todo: this could be a modifier and use order
 *
 * defaults to square pass always matching selector e.g. ".checkbox" to $round-modifier to make always round
 */

/**
 * This mixin is for styling just a checkbox input - it should be applied directly to the element:
 * i.e.:
 *     input {
 *       @include checkboxfield-input(
 *         $size-large-modifier: '.checkbox_input--large',
 *         $round-modifier: '.checkbox_input--round',
 *         $invalid-modifier: '.checkbox_input--invalid',
 *         $disabled-modifier: '.checkbox_input--readonly, .checkbox_input--disabled',
 *       );
 *     }
 */

.legacy-form-builder.form-input, .legacy-form-builder.form-group {
  margin-bottom: 20px;
  position: relative;
  display: flex;
  flex-direction: column;
  /*tooltip related */
}

.legacy-form-builder.form-input span + .form-input-feedback, .legacy-form-builder.form-group span + .form-input-feedback {
  margin-bottom: 0;
}

.legacy-form-builder.form-input__feedback, .legacy-form-builder.form-group__feedback {
  position: relative;
}

.legacy-form-builder.form-input label,
.legacy-form-builder.form-input .label, .legacy-form-builder.form-group label,
.legacy-form-builder.form-group .label {
  display: inline-block;
  color: var(--text-color--supporting);
  font-family: var(--typog-body-large-bold-family);
  font-weight: var(--typog-body-large-bold-weight);
  font-style: var(--typog-body-large-bold-style);
  font-size: var(--typog-body-large-bold-size);
  line-height: var(--typog-body-large-bold-line-height);
  letter-spacing: var(--typog-body-large-bold-letter-spacing);
  -webkit-text-decoration: var(--typog-body-large-bold-text-decoration);
          text-decoration: var(--typog-body-large-bold-text-decoration);
  text-transform: var(--typog-body-large-bold-text-transform);
  margin-bottom: var(--spacing-sm);
}

.legacy-form-builder.form-input .form-control, .legacy-form-builder.form-group .form-control {
  width: 100%;
  position: relative;
}

.legacy-form-builder.form-input .form-control .icon, .legacy-form-builder.form-group .form-control .icon {
  width: var(--input-error-icon-circle-size);
  height: var(--input-error-icon-circle-size);
  border-radius: 50%;
  top: calc(-0.5 * var(--input-error-icon-circle-size));
  right: calc(-0.4 * var(--input-error-icon-circle-size));
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform var(--ease-transition);
  transform: scale(0);
  z-index: 2;
}

.legacy-form-builder.form-input .form-control textarea,
.legacy-form-builder.form-input .form-control select, .legacy-form-builder.form-group .form-control textarea,
.legacy-form-builder.form-group .form-control select {
  width: 100%;
  resize: none;
}

.legacy-form-builder.form-input .form-control__hint, .legacy-form-builder.form-group .form-control__hint {
  color: var(--text-color--unimportant);
  font-family: var(--typog-caption-regular-family);
  font-weight: var(--typog-caption-regular-weight);
  font-style: var(--typog-caption-regular-style);
  font-size: var(--typog-caption-regular-size);
  line-height: var(--typog-caption-regular-line-height);
  letter-spacing: var(--typog-caption-regular-letter-spacing);
  -webkit-text-decoration: var(--typog-caption-regular-text-decoration);
          text-decoration: var(--typog-caption-regular-text-decoration);
  text-transform: var(--typog-caption-regular-text-transform);
  text-align: left;
}

.legacy-form-builder.form-input__hint, .legacy-form-builder.form-group__hint {
  color: var(--text-color--unimportant);
  font-family: var(--typog-caption-regular-family);
  font-weight: var(--typog-caption-regular-weight);
  font-style: var(--typog-caption-regular-style);
  font-size: var(--typog-caption-regular-size);
  line-height: var(--typog-caption-regular-line-height);
  letter-spacing: var(--typog-caption-regular-letter-spacing);
  -webkit-text-decoration: var(--typog-caption-regular-text-decoration);
          text-decoration: var(--typog-caption-regular-text-decoration);
  text-transform: var(--typog-caption-regular-text-transform);
  margin-top: var(--spacing-xs);
}

.legacy-form-builder.form-input__error, .legacy-form-builder.form-group__error {
  color: var(--error);
  font-family: var(--typog-caption-regular-family);
  font-weight: var(--typog-caption-regular-weight);
  font-style: var(--typog-caption-regular-style);
  font-size: var(--typog-caption-regular-size);
  line-height: var(--typog-caption-regular-line-height);
  letter-spacing: var(--typog-caption-regular-letter-spacing);
  -webkit-text-decoration: var(--typog-caption-regular-text-decoration);
          text-decoration: var(--typog-caption-regular-text-decoration);
  text-transform: var(--typog-caption-regular-text-transform);
  display: flex;
  margin-top: var(--spacing-xs);
}

.legacy-form-builder.form-input.is-invalid .form-control input:not(.mat-input-element):not(.pure):not([type=radio]),
.legacy-form-builder.form-input.is-invalid .form-control textarea,
.legacy-form-builder.form-input.is-invalid .form-control select, .legacy-form-builder.form-group.is-invalid .form-control input:not(.mat-input-element):not(.pure):not([type=radio]),
.legacy-form-builder.form-group.is-invalid .form-control textarea,
.legacy-form-builder.form-group.is-invalid .form-control select {
  transition: all 0.8s ease-in-out;
  border: var(--input-border-width--invalid) solid var(--error);
}

.legacy-form-builder.form-input.is-invalid .form-control .icon.icon-error-circle, .legacy-form-builder.form-group.is-invalid .form-control .icon.icon-error-circle {
  transform: scale(1);
  background: var(--error);
  color: var(--error--contrast);
}

.legacy-form-builder.form-input.is-invalid .form-control .icon.icon-error-circle::before, .legacy-form-builder.form-group.is-invalid .form-control .icon.icon-error-circle::before {
  font-size: calc(0.8 * var(--input-error-icon-size));
  font-weight: bold;
}

.legacy-form-builder.form-input.is-valid .form-control input:not(.mat-input-element):not(.pure):not([type=radio]),
.legacy-form-builder.form-input.is-valid .form-control textarea,
.legacy-form-builder.form-input.is-valid .form-control select, .legacy-form-builder.form-group.is-valid .form-control input:not(.mat-input-element):not(.pure):not([type=radio]),
.legacy-form-builder.form-group.is-valid .form-control textarea,
.legacy-form-builder.form-group.is-valid .form-control select {
  border: var(--input-border-width--valid) solid var(--input-border-color--valid);
}

.legacy-form-builder.form-input.is-valid .form-control .icon.icon-tick-circle, .legacy-form-builder.form-group.is-valid .form-control .icon.icon-tick-circle {
  transform: scale(1);
  background: var(--success);
  color: var(--success--contrast);
}

.legacy-form-builder.form-input.is-valid .form-control .icon.icon-tick-circle::before, .legacy-form-builder.form-group.is-valid .form-control .icon.icon-tick-circle::before {
  font-size: var(--input-error-icon-size) !important;
}

.legacy-form-builder.form-input .form-control:after, .legacy-form-builder.form-group .form-control:after {
  content: "";
  transition: all 0.2s ease-in-out;
  transform: scale(0);
  z-index: 1;
}

.legacy-form-builder.form-input .form-input-feedback, .legacy-form-builder.form-group .form-input-feedback {
  color: var(--error);
  font-family: var(--typog-caption-regular-family);
  font-weight: var(--typog-caption-regular-weight);
  font-style: var(--typog-caption-regular-style);
  font-size: var(--typog-caption-regular-size);
  line-height: var(--typog-caption-regular-line-height);
  letter-spacing: var(--typog-caption-regular-letter-spacing);
  -webkit-text-decoration: var(--typog-caption-regular-text-decoration);
          text-decoration: var(--typog-caption-regular-text-decoration);
  text-transform: var(--typog-caption-regular-text-transform);
  display: block;
  margin: 10px 0;
}

.legacy-form-builder.form-input input:-webkit-autofill,
.legacy-form-builder.form-input input:-webkit-autofill:hover,
.legacy-form-builder.form-input input:-webkit-autofill:focus,
.legacy-form-builder.form-input input:-webkit-autofill:active,
.legacy-form-builder.form-input textarea:-webkit-autofill,
.legacy-form-builder.form-input textarea:-webkit-autofill:hover,
.legacy-form-builder.form-input textarea:-webkit-autofill:focus,
.legacy-form-builder.form-input textarea:-webkit-autofill:active,
.legacy-form-builder.form-input select:-webkit-autofill,
.legacy-form-builder.form-input select:-webkit-autofill:hover,
.legacy-form-builder.form-input select:-webkit-autofill:focus,
.legacy-form-builder.form-input select:-webkit-autofill:active, .legacy-form-builder.form-group input:-webkit-autofill,
.legacy-form-builder.form-group input:-webkit-autofill:hover,
.legacy-form-builder.form-group input:-webkit-autofill:focus,
.legacy-form-builder.form-group input:-webkit-autofill:active,
.legacy-form-builder.form-group textarea:-webkit-autofill,
.legacy-form-builder.form-group textarea:-webkit-autofill:hover,
.legacy-form-builder.form-group textarea:-webkit-autofill:focus,
.legacy-form-builder.form-group textarea:-webkit-autofill:active,
.legacy-form-builder.form-group select:-webkit-autofill,
.legacy-form-builder.form-group select:-webkit-autofill:hover,
.legacy-form-builder.form-group select:-webkit-autofill:focus,
.legacy-form-builder.form-group select:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px var(--input-background-color) inset !important;
}

.legacy-form-builder.form-input textarea, .legacy-form-builder.form-group textarea {
  min-height: 105px;
}

.legacy-form-builder.form-input .tooltip, .legacy-form-builder.form-group .tooltip {
  position: absolute;
  top: 1px;
  right: 8px;
  text-align: center;
  background-color: var(--primary-interactive-color);
  border-radius: 50%;
  width: 24px;
  height: 24px;
  font-size: 14px;
  line-height: 26px;
  cursor: default;
}

.legacy-form-builder.form-input .tooltip:before, .legacy-form-builder.form-group .tooltip:before {
  content: "?";
  font-family: Arial, sans-serif;
  font-weight: bold;
  color: var(--primary-interactive-contrast-color);
}

.legacy-form-builder.form-input .tooltip:hover + p, .legacy-form-builder.form-group .tooltip:hover + p {
  display: block;
  z-index: 1;
  transform-origin: 100% 0;
  animation: fadeIn 0.3s ease-in-out;
}

.legacy-form-builder.form-input .tooltip + p, .legacy-form-builder.form-group .tooltip + p {
  display: none;
  text-align: left;
  padding: 20px;
}

/* Usage:

@include breakpoint(sm) {
      margin-right: 0;
}
@include breakpoint(sm-only) {
      margin-right: 0;
}
@include breakpoint(0, $screen-md-max) {
      margin-right: 0;
}

 */

.bg--page {
  background: var(--page-bg);
}

.bg--page-alt {
  background: var(--page-bg--alt);
}

.bg--blur {
  background-position: center;
  background: url("/assets/images/bg-blur.png") no-repeat, rgba(255, 255, 255, 0.5);
  background-size: cover;
}

@media only screen and (min-width: 768px) {
  .bg--blur {
    background-position: center;
    background: url("/assets/images/bg-blur-large.png") no-repeat, rgba(255, 255, 255, 0.5);
    background-size: cover;
  }
}

.bg--primary {
  background: var(--hero-color);
}

.bg--primary,
.bg--primary h1,
.bg--primary h2,
.bg--primary h3,
.bg--primary h4,
.bg--primary h5,
.bg--primary h6,
.bg--primary span,
.bg--primary p {
  color: var(--hero-contrast-color);
}

.icon-block {
  width: 61px;
  height: 61px;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  margin-right: 10px;
}

.icon-block i {
  color: var(--text-color);
  font-size: 24px;
}

@media only screen and (min-width: 1024px) {
  .icon-block {
    margin-right: 20px;
  }
}

@media only screen and (min-width: 1280px) {
  .icon-block {
    margin-right: 30px;
  }
}

.icon-block.icon-block--grey {
  background: rgba(255, 255, 255, 0.45);
}

.container {
  width: 100%;
  padding-right: 14px;
  padding-left: 14px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1124px;
}

@media (min-width: 992px) {
  .container {
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media (min-width: 576px) {
  .container {
    max-width: 600px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 750px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1092px) {
  .container {
    max-width: 1080px;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 14px;
  padding-left: 14px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1084px;
  max-width: 1124px;
}

@media (min-width: 992px) {
  .container-fluid {
    padding-right: 10px;
    padding-left: 10px;
  }
}

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

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

@media (min-width: 576px) {
  .no-gutters-sm {
    margin-right: 0;
    margin-left: 0;
  }
  .no-gutters-sm > .col,
.no-gutters-sm > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .no-gutters-md {
    margin-right: 0;
    margin-left: 0;
  }
  .no-gutters-md > .col,
.no-gutters-md > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 992px) {
  .no-gutters-lg {
    margin-right: 0;
    margin-left: 0;
  }
  .no-gutters-lg > .col,
.no-gutters-lg > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 1092px) {
  .no-gutters-xl {
    margin-right: 0;
    margin-left: 0;
  }
  .no-gutters-xl > .col,
.no-gutters-xl > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
  }
}

.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 6px;
  padding-left: 6px;
}

@media (min-width: 992px) {
  .col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-sm-first {
    order: -1;
  }

  .order-sm-last {
    order: 13;
  }

  .order-sm-0 {
    order: 0;
  }

  .order-sm-1 {
    order: 1;
  }

  .order-sm-2 {
    order: 2;
  }

  .order-sm-3 {
    order: 3;
  }

  .order-sm-4 {
    order: 4;
  }

  .order-sm-5 {
    order: 5;
  }

  .order-sm-6 {
    order: 6;
  }

  .order-sm-7 {
    order: 7;
  }

  .order-sm-8 {
    order: 8;
  }

  .order-sm-9 {
    order: 9;
  }

  .order-sm-10 {
    order: 10;
  }

  .order-sm-11 {
    order: 11;
  }

  .order-sm-12 {
    order: 12;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }

  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }

  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }

  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }

  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-md-first {
    order: -1;
  }

  .order-md-last {
    order: 13;
  }

  .order-md-0 {
    order: 0;
  }

  .order-md-1 {
    order: 1;
  }

  .order-md-2 {
    order: 2;
  }

  .order-md-3 {
    order: 3;
  }

  .order-md-4 {
    order: 4;
  }

  .order-md-5 {
    order: 5;
  }

  .order-md-6 {
    order: 6;
  }

  .order-md-7 {
    order: 7;
  }

  .order-md-8 {
    order: 8;
  }

  .order-md-9 {
    order: 9;
  }

  .order-md-10 {
    order: 10;
  }

  .order-md-11 {
    order: 11;
  }

  .order-md-12 {
    order: 12;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.3333333333%;
  }

  .offset-md-2 {
    margin-left: 16.6666666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.3333333333%;
  }

  .offset-md-5 {
    margin-left: 41.6666666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.3333333333%;
  }

  .offset-md-8 {
    margin-left: 66.6666666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.3333333333%;
  }

  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-lg-first {
    order: -1;
  }

  .order-lg-last {
    order: 13;
  }

  .order-lg-0 {
    order: 0;
  }

  .order-lg-1 {
    order: 1;
  }

  .order-lg-2 {
    order: 2;
  }

  .order-lg-3 {
    order: 3;
  }

  .order-lg-4 {
    order: 4;
  }

  .order-lg-5 {
    order: 5;
  }

  .order-lg-6 {
    order: 6;
  }

  .order-lg-7 {
    order: 7;
  }

  .order-lg-8 {
    order: 8;
  }

  .order-lg-9 {
    order: 9;
  }

  .order-lg-10 {
    order: 10;
  }

  .order-lg-11 {
    order: 11;
  }

  .order-lg-12 {
    order: 12;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }

  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }

  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }

  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }

  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}

@media (min-width: 1092px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-xl-first {
    order: -1;
  }

  .order-xl-last {
    order: 13;
  }

  .order-xl-0 {
    order: 0;
  }

  .order-xl-1 {
    order: 1;
  }

  .order-xl-2 {
    order: 2;
  }

  .order-xl-3 {
    order: 3;
  }

  .order-xl-4 {
    order: 4;
  }

  .order-xl-5 {
    order: 5;
  }

  .order-xl-6 {
    order: 6;
  }

  .order-xl-7 {
    order: 7;
  }

  .order-xl-8 {
    order: 8;
  }

  .order-xl-9 {
    order: 9;
  }

  .order-xl-10 {
    order: 10;
  }

  .order-xl-11 {
    order: 11;
  }

  .order-xl-12 {
    order: 12;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }

  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }

  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }

  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }

  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}

.row--spacer {
  margin-top: 30px;
  margin-bottom: 30px;
}

@media (min-width: 992px) {
  .row--spacer {
    margin-top: 45px;
    margin-bottom: 45px;
  }
}

.row--spacer-small {
  margin-bottom: 10px;
  margin-top: 10px;
}

@media (min-width: 992px) {
  .row--spacer-small {
    margin-bottom: 20px;
    margin-top: 20px;
  }
}

.row--spacer-top {
  margin-top: 30px;
}

@media (min-width: 992px) {
  .row--spacer-top {
    margin-top: 45px;
  }
}

.row--spacer-top-small {
  margin-top: 10px;
}

@media (min-width: 992px) {
  .row--spacer-top-small {
    margin-top: 20px;
  }
}

.row--spacer-top-medium {
  margin-top: 15px;
}

@media (min-width: 992px) {
  .row--spacer-top-medium {
    margin-top: 30px;
  }
}

.row--spacer-top-large {
  margin-top: 40px;
}

@media (min-width: 992px) {
  .row--spacer-top-large {
    margin-top: 60px;
  }
}

.row--spacer-bottom {
  margin-bottom: 30px;
}

@media (min-width: 992px) {
  .row--spacer-bottom {
    margin-bottom: 45px;
  }
}

.row--spacer-bottom-small {
  margin-bottom: 10px;
}

.row--spacer-bottom-medium {
  margin-bottom: 15px;
}

@media (min-width: 992px) {
  .row--spacer-bottom-medium {
    margin-bottom: 30px;
  }
}

.row--spacer-bottom-large {
  margin-bottom: 40px;
}

@media (min-width: 992px) {
  .row--spacer-bottom-large {
    margin-bottom: 70px;
  }
}

.row--padding {
  padding-top: 20px;
  padding-bottom: 20px;
}

.no-padding {
  padding: 0;
}

.row--padding-large {
  padding-top: 30px;
  padding-bottom: 30px;
}

.row--padding-top-large {
  padding-top: 30px;
}

.row--padding-bottom-large {
  padding-bottom: 30px;
}

.margin-auto {
  margin: auto;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

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

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }

  .flex-sm-column {
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-sm-start {
    justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    justify-content: center !important;
  }

  .justify-content-sm-between {
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    justify-content: space-around !important;
  }

  .align-items-sm-start {
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    align-items: center !important;
  }

  .align-items-sm-baseline {
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    align-items: stretch !important;
  }

  .align-content-sm-start {
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    align-content: center !important;
  }

  .align-content-sm-between {
    align-content: space-between !important;
  }

  .align-content-sm-around {
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    align-self: auto !important;
  }

  .align-self-sm-start {
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    align-self: center !important;
  }

  .align-self-sm-baseline {
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }

  .flex-md-column {
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-md-wrap {
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-md-start {
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    justify-content: center !important;
  }

  .justify-content-md-between {
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    justify-content: space-around !important;
  }

  .align-items-md-start {
    align-items: flex-start !important;
  }

  .align-items-md-end {
    align-items: flex-end !important;
  }

  .align-items-md-center {
    align-items: center !important;
  }

  .align-items-md-baseline {
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    align-items: stretch !important;
  }

  .align-content-md-start {
    align-content: flex-start !important;
  }

  .align-content-md-end {
    align-content: flex-end !important;
  }

  .align-content-md-center {
    align-content: center !important;
  }

  .align-content-md-between {
    align-content: space-between !important;
  }

  .align-content-md-around {
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    align-content: stretch !important;
  }

  .align-self-md-auto {
    align-self: auto !important;
  }

  .align-self-md-start {
    align-self: flex-start !important;
  }

  .align-self-md-end {
    align-self: flex-end !important;
  }

  .align-self-md-center {
    align-self: center !important;
  }

  .align-self-md-baseline {
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }

  .flex-lg-column {
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-lg-start {
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    justify-content: center !important;
  }

  .justify-content-lg-between {
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    justify-content: space-around !important;
  }

  .align-items-lg-start {
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    align-items: center !important;
  }

  .align-items-lg-baseline {
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    align-items: stretch !important;
  }

  .align-content-lg-start {
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    align-content: center !important;
  }

  .align-content-lg-between {
    align-content: space-between !important;
  }

  .align-content-lg-around {
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    align-self: auto !important;
  }

  .align-self-lg-start {
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    align-self: center !important;
  }

  .align-self-lg-baseline {
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 1092px) {
  .flex-xl-row {
    flex-direction: row !important;
  }

  .flex-xl-column {
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-xl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    justify-content: center !important;
  }

  .justify-content-xl-between {
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    justify-content: space-around !important;
  }

  .align-items-xl-start {
    align-items: flex-start !important;
  }

  .align-items-xl-end {
    align-items: flex-end !important;
  }

  .align-items-xl-center {
    align-items: center !important;
  }

  .align-items-xl-baseline {
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    align-items: stretch !important;
  }

  .align-content-xl-start {
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    align-content: center !important;
  }

  .align-content-xl-between {
    align-content: space-between !important;
  }

  .align-content-xl-around {
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    align-self: auto !important;
  }

  .align-self-xl-start {
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    align-self: center !important;
  }

  .align-self-xl-baseline {
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}

.call-us {
  position: relative;
  margin: 40px 0 20px 0;
}

.call-us__number {
  margin: 40px 0 0 0;
}

.icon-round {
  background: var(--tone-200);
  border-radius: 30px;
  height: 24px;
  width: 24px;
  margin: 0px auto;
  transform: scale(3);
}

.model-card {
  display: block;
  background: var(--tone-100);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
}

@media (min-width: 576px) {
  .call-us {
    margin: 20px 0;
  }
  .call-us__number {
    float: left;
    margin: 0;
  }

  .icon-round {
    margin: 20px 40px 0 0;
    float: left;
  }
}

app-root p,
app-root strong {
  color: var(--tone-700);
}

.plan-info {
  border-top: 2px solid var(--accent);
  text-align: left;
  background: var(--tone-200);
  padding: 15px;
  position: relative;
}

.plan-info__image {
  max-width: 200px;
  margin: 20px auto;
}

.media {
  display: flex;
  flex: 1;
}

@media (min-width: 992px) {
  .media {
    margin: 0 9px;
  }
}

.media-body {
  flex: 1;
}

.root,
storybook-dynamic-app-root,
mat-dialog-container {
  display: block;
  height: 100%;
}

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

@media print {
  .theme-blue,
.footer,
.btn,
.printed,
.edit-link,
img {
    display: none !important;
  }
}

.custom-alert-dialog-container-error {
  overflow-y: auto;
  height: unset !important;
}

.custom-alert-dialog-container-error .mat-dialog-container {
  border-top: 4px solid var(--error-600);
}

.custom-alert-dialog-container-info {
  overflow-y: auto;
  height: unset !important;
}

.custom-alert-dialog-container-info .mat-dialog-container {
  border-top: 4px solid var(--primary-500);
}

.custom-alert-dialog-container-success {
  overflow-y: auto;
  height: unset !important;
}

.custom-alert-dialog-container-success .mat-dialog-container {
  border-top: 4px solid var(--success-600);
}

.custom-alert-dialog-container-warning {
  overflow-y: auto;
  height: unset !important;
}

.custom-alert-dialog-container-warning .mat-dialog-container {
  border-top: 4px solid var(--decoration-color-1);
}

.unsupport-browser-width mat-dialog-container {
  width: 550px;
}
/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@angular/material/prebuilt-themes/indigo-pink.css ***!
  \********************************************************************************************************************************************************************************************************************************************************/
.mat-badge-content{font-weight:600;font-size:12px;font-family:Roboto, "Helvetica Neue", sans-serif}.mat-badge-small .mat-badge-content{font-size:9px}.mat-badge-large .mat-badge-content{font-size:24px}.mat-h1,.mat-headline,.mat-typography .mat-h1,.mat-typography .mat-headline,.mat-typography h1{font:400 24px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h2,.mat-title,.mat-typography .mat-h2,.mat-typography .mat-title,.mat-typography h2{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h3,.mat-subheading-2,.mat-typography .mat-h3,.mat-typography .mat-subheading-2,.mat-typography h3{font:400 16px/28px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h4,.mat-subheading-1,.mat-typography .mat-h4,.mat-typography .mat-subheading-1,.mat-typography h4{font:400 15px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h5,.mat-typography .mat-h5,.mat-typography h5{font:400 calc(14px * 0.83)/20px Roboto, "Helvetica Neue", sans-serif;margin:0 0 12px}.mat-h6,.mat-typography .mat-h6,.mat-typography h6{font:400 calc(14px * 0.67)/20px Roboto, "Helvetica Neue", sans-serif;margin:0 0 12px}.mat-body-strong,.mat-body-2,.mat-typography .mat-body-strong,.mat-typography .mat-body-2{font:500 14px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-body,.mat-body-1,.mat-typography .mat-body,.mat-typography .mat-body-1,.mat-typography{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-body p,.mat-body-1 p,.mat-typography .mat-body p,.mat-typography .mat-body-1 p,.mat-typography p{margin:0 0 12px}.mat-small,.mat-caption,.mat-typography .mat-small,.mat-typography .mat-caption{font:400 12px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-display-4,.mat-typography .mat-display-4{font:300 112px/112px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.05em;margin:0 0 56px}.mat-display-3,.mat-typography .mat-display-3{font:400 56px/56px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.02em;margin:0 0 64px}.mat-display-2,.mat-typography .mat-display-2{font:400 45px/48px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.005em;margin:0 0 64px}.mat-display-1,.mat-typography .mat-display-1{font:400 34px/40px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 64px}.mat-bottom-sheet-container{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-button,.mat-raised-button,.mat-icon-button,.mat-stroked-button,.mat-flat-button,.mat-fab,.mat-mini-fab{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}.mat-button-toggle{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-card{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-card-title{font-size:24px;font-weight:500}.mat-card-header .mat-card-title{font-size:20px}.mat-card-subtitle,.mat-card-content{font-size:14px}.mat-checkbox{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-checkbox-layout .mat-checkbox-label{line-height:24px}.mat-chip{font-size:14px;font-weight:500}.mat-chip .mat-chip-trailing-icon.mat-icon,.mat-chip .mat-chip-remove.mat-icon{font-size:18px}.mat-table{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-header-cell{font-size:12px;font-weight:500}.mat-cell,.mat-footer-cell{font-size:14px}.mat-calendar{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-calendar-body{font-size:13px}.mat-calendar-body-label,.mat-calendar-period-button{font-size:14px;font-weight:500}.mat-calendar-table-header th{font-size:11px;font-weight:400}.mat-dialog-title{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-expansion-panel-header{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:15px;font-weight:400}.mat-expansion-panel-content{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-form-field{font-size:inherit;font-weight:400;line-height:1.125;font-family:Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-form-field-wrapper{padding-bottom:1.34375em}.mat-form-field-prefix .mat-icon,.mat-form-field-suffix .mat-icon{font-size:150%;line-height:1.125}.mat-form-field-prefix .mat-icon-button,.mat-form-field-suffix .mat-icon-button{height:1.5em;width:1.5em}.mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field-suffix .mat-icon-button .mat-icon{height:1.125em;line-height:1.125}.mat-form-field-infix{padding:.5em 0;border-top:.84375em solid transparent}.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34375em) scale(0.75);width:133.3333333333%}.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34374em) scale(0.75);width:133.3333433333%}.mat-form-field-label-wrapper{top:-0.84375em;padding-top:.84375em}.mat-form-field-label{top:1.34375em}.mat-form-field-underline{bottom:1.34375em}.mat-form-field-subscript-wrapper{font-size:75%;margin-top:.6666666667em;top:calc(100% - 1.7916666667em)}.mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom:1.25em}.mat-form-field-appearance-legacy .mat-form-field-infix{padding:.4375em 0}.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);width:133.3333333333%}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);width:133.3333433333%}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);width:133.3333533333%}.mat-form-field-appearance-legacy .mat-form-field-label{top:1.28125em}.mat-form-field-appearance-legacy .mat-form-field-underline{bottom:1.25em}.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper{margin-top:.5416666667em;top:calc(100% - 1.6666666667em)}@media print{.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28122em) scale(0.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28121em) scale(0.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.2812em) scale(0.75)}}.mat-form-field-appearance-fill .mat-form-field-infix{padding:.25em 0 .75em 0}.mat-form-field-appearance-fill .mat-form-field-label{top:1.09375em;margin-top:-0.5em}.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-0.59375em) scale(0.75);width:133.3333333333%}.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-0.59374em) scale(0.75);width:133.3333433333%}.mat-form-field-appearance-outline .mat-form-field-infix{padding:1em 0 1em 0}.mat-form-field-appearance-outline .mat-form-field-label{top:1.84375em;margin-top:-0.25em}.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59375em) scale(0.75);width:133.3333333333%}.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59374em) scale(0.75);width:133.3333433333%}.mat-grid-tile-header,.mat-grid-tile-footer{font-size:14px}.mat-grid-tile-header .mat-line,.mat-grid-tile-footer .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-grid-tile-header .mat-line:nth-child(n+2),.mat-grid-tile-footer .mat-line:nth-child(n+2){font-size:12px}input.mat-input-element{margin-top:-0.0625em}.mat-menu-item{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:400}.mat-paginator,.mat-paginator-page-size .mat-select-trigger{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px}.mat-radio-button{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-select{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-select-trigger{height:1.125em}.mat-slide-toggle-content{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-slider-thumb-label-text{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px;font-weight:500}.mat-stepper-vertical,.mat-stepper-horizontal{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-step-label{font-size:14px;font-weight:400}.mat-step-sub-label-error{font-weight:normal}.mat-step-label-error{font-size:14px}.mat-step-label-selected{font-size:14px;font-weight:500}.mat-tab-group{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-tab-label,.mat-tab-link{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}.mat-toolbar,.mat-toolbar h1,.mat-toolbar h2,.mat-toolbar h3,.mat-toolbar h4,.mat-toolbar h5,.mat-toolbar h6{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0}.mat-tooltip{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:10px;padding-top:6px;padding-bottom:6px}.mat-tooltip-handset{font-size:14px;padding-top:8px;padding-bottom:8px}.mat-list-item{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-list-option{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-list-base .mat-list-item{font-size:16px}.mat-list-base .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base .mat-list-item .mat-line:nth-child(n+2){font-size:14px}.mat-list-base .mat-list-option{font-size:16px}.mat-list-base .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base .mat-list-option .mat-line:nth-child(n+2){font-size:14px}.mat-list-base .mat-subheader{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}.mat-list-base[dense] .mat-list-item{font-size:12px}.mat-list-base[dense] .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2){font-size:12px}.mat-list-base[dense] .mat-list-option{font-size:12px}.mat-list-base[dense] .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2){font-size:12px}.mat-list-base[dense] .mat-subheader{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px;font-weight:500}.mat-option{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:16px}.mat-optgroup-label{font:500 14px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-simple-snackbar{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px}.mat-simple-snackbar-action{line-height:1;font-family:inherit;font-size:inherit;font-weight:500}.mat-tree{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-tree-node,.mat-nested-tree-node{font-weight:400;font-size:14px}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale(0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0 !important;box-sizing:content-box !important;height:auto !important;overflow:hidden !important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0 !important;box-sizing:content-box !important;height:0 !important}@keyframes cdk-text-field-autofill-start{/*!*/}@keyframes cdk-text-field-autofill-end{/*!*/}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-mdc-focus-indicator{position:relative}.mat-ripple-element{background-color:rgba(0,0,0,.1)}.mat-option{color:rgba(0,0,0,.87)}.mat-option:hover:not(.mat-option-disabled),.mat-option:focus:not(.mat-option-disabled){background:rgba(0,0,0,.04)}.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled){background:rgba(0,0,0,.04)}.mat-option.mat-active{background:rgba(0,0,0,.04);color:rgba(0,0,0,.87)}.mat-option.mat-option-disabled{color:rgba(0,0,0,.38)}.mat-primary .mat-option.mat-selected:not(.mat-option-disabled){color:#3f51b5}.mat-accent .mat-option.mat-selected:not(.mat-option-disabled){color:#ff4081}.mat-warn .mat-option.mat-selected:not(.mat-option-disabled){color:#f44336}.mat-optgroup-label{color:rgba(0,0,0,.54)}.mat-optgroup-disabled .mat-optgroup-label{color:rgba(0,0,0,.38)}.mat-pseudo-checkbox{color:rgba(0,0,0,.54)}.mat-pseudo-checkbox::after{color:#fafafa}.mat-pseudo-checkbox-disabled{color:#b0b0b0}.mat-primary .mat-pseudo-checkbox-checked,.mat-primary .mat-pseudo-checkbox-indeterminate{background:#3f51b5}.mat-pseudo-checkbox-checked,.mat-pseudo-checkbox-indeterminate,.mat-accent .mat-pseudo-checkbox-checked,.mat-accent .mat-pseudo-checkbox-indeterminate{background:#ff4081}.mat-warn .mat-pseudo-checkbox-checked,.mat-warn .mat-pseudo-checkbox-indeterminate{background:#f44336}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled{background:#b0b0b0}.mat-app-background{background-color:#fafafa;color:rgba(0,0,0,.87)}.mat-elevation-z0{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z1{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z2{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z3{box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z4{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z5{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 5px 8px 0px rgba(0, 0, 0, 0.14),0px 1px 14px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z6{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z7{box-shadow:0px 4px 5px -2px rgba(0, 0, 0, 0.2),0px 7px 10px 1px rgba(0, 0, 0, 0.14),0px 2px 16px 1px rgba(0, 0, 0, 0.12)}.mat-elevation-z8{box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z9{box-shadow:0px 5px 6px -3px rgba(0, 0, 0, 0.2),0px 9px 12px 1px rgba(0, 0, 0, 0.14),0px 3px 16px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z10{box-shadow:0px 6px 6px -3px rgba(0, 0, 0, 0.2),0px 10px 14px 1px rgba(0, 0, 0, 0.14),0px 4px 18px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z11{box-shadow:0px 6px 7px -4px rgba(0, 0, 0, 0.2),0px 11px 15px 1px rgba(0, 0, 0, 0.14),0px 4px 20px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z12{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z13{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z14{box-shadow:0px 7px 9px -4px rgba(0, 0, 0, 0.2),0px 14px 21px 2px rgba(0, 0, 0, 0.14),0px 5px 26px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z15{box-shadow:0px 8px 9px -5px rgba(0, 0, 0, 0.2),0px 15px 22px 2px rgba(0, 0, 0, 0.14),0px 6px 28px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z16{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z17{box-shadow:0px 8px 11px -5px rgba(0, 0, 0, 0.2),0px 17px 26px 2px rgba(0, 0, 0, 0.14),0px 6px 32px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z18{box-shadow:0px 9px 11px -5px rgba(0, 0, 0, 0.2),0px 18px 28px 2px rgba(0, 0, 0, 0.14),0px 7px 34px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z19{box-shadow:0px 9px 12px -6px rgba(0, 0, 0, 0.2),0px 19px 29px 2px rgba(0, 0, 0, 0.14),0px 7px 36px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z20{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 20px 31px 3px rgba(0, 0, 0, 0.14),0px 8px 38px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z21{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 21px 33px 3px rgba(0, 0, 0, 0.14),0px 8px 40px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z22{box-shadow:0px 10px 14px -6px rgba(0, 0, 0, 0.2),0px 22px 35px 3px rgba(0, 0, 0, 0.14),0px 8px 42px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z23{box-shadow:0px 11px 14px -7px rgba(0, 0, 0, 0.2),0px 23px 36px 3px rgba(0, 0, 0, 0.14),0px 9px 44px 8px rgba(0, 0, 0, 0.12)}.mat-elevation-z24{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12)}.mat-theme-loaded-marker{display:none}.mat-autocomplete-panel{background:#fff;color:rgba(0,0,0,.87)}.mat-autocomplete-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover){background:#fff}.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled){color:rgba(0,0,0,.87)}.mat-badge{position:relative}.mat-badge.mat-badge{overflow:visible}.mat-badge-hidden .mat-badge-content{display:none}.mat-badge-content{position:absolute;text-align:center;display:inline-block;border-radius:50%;transition:transform 200ms ease-in-out;transform:scale(0.6);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}.ng-animate-disabled .mat-badge-content,.mat-badge-content._mat-animation-noopable{transition:none}.mat-badge-content.mat-badge-active{transform:none}.mat-badge-small .mat-badge-content{width:16px;height:16px;line-height:16px}.mat-badge-small.mat-badge-above .mat-badge-content{top:-8px}.mat-badge-small.mat-badge-below .mat-badge-content{bottom:-8px}.mat-badge-small.mat-badge-before .mat-badge-content{left:-16px}[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content{left:auto;right:-16px}.mat-badge-small.mat-badge-after .mat-badge-content{right:-16px}[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content{right:auto;left:-16px}.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-8px}.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-8px}.mat-badge-medium .mat-badge-content{width:22px;height:22px;line-height:22px}.mat-badge-medium.mat-badge-above .mat-badge-content{top:-11px}.mat-badge-medium.mat-badge-below .mat-badge-content{bottom:-11px}.mat-badge-medium.mat-badge-before .mat-badge-content{left:-22px}[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content{left:auto;right:-22px}.mat-badge-medium.mat-badge-after .mat-badge-content{right:-22px}[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content{right:auto;left:-22px}.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-11px}.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-11px}.mat-badge-large .mat-badge-content{width:28px;height:28px;line-height:28px}.mat-badge-large.mat-badge-above .mat-badge-content{top:-14px}.mat-badge-large.mat-badge-below .mat-badge-content{bottom:-14px}.mat-badge-large.mat-badge-before .mat-badge-content{left:-28px}[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content{left:auto;right:-28px}.mat-badge-large.mat-badge-after .mat-badge-content{right:-28px}[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content{right:auto;left:-28px}.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-14px}.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-14px}.mat-badge-content{color:#fff;background:#3f51b5}.cdk-high-contrast-active .mat-badge-content{outline:solid 1px;border-radius:0}.mat-badge-accent .mat-badge-content{background:#ff4081;color:#fff}.mat-badge-warn .mat-badge-content{color:#fff;background:#f44336}.mat-badge-disabled .mat-badge-content{background:#b9b9b9;color:rgba(0,0,0,.38)}.mat-bottom-sheet-container{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12);background:#fff;color:rgba(0,0,0,.87)}.mat-button,.mat-icon-button,.mat-stroked-button{color:inherit;background:transparent}.mat-button.mat-primary,.mat-icon-button.mat-primary,.mat-stroked-button.mat-primary{color:#3f51b5}.mat-button.mat-accent,.mat-icon-button.mat-accent,.mat-stroked-button.mat-accent{color:#ff4081}.mat-button.mat-warn,.mat-icon-button.mat-warn,.mat-stroked-button.mat-warn{color:#f44336}.mat-button.mat-primary.mat-button-disabled,.mat-button.mat-accent.mat-button-disabled,.mat-button.mat-warn.mat-button-disabled,.mat-button.mat-button-disabled.mat-button-disabled,.mat-icon-button.mat-primary.mat-button-disabled,.mat-icon-button.mat-accent.mat-button-disabled,.mat-icon-button.mat-warn.mat-button-disabled,.mat-icon-button.mat-button-disabled.mat-button-disabled,.mat-stroked-button.mat-primary.mat-button-disabled,.mat-stroked-button.mat-accent.mat-button-disabled,.mat-stroked-button.mat-warn.mat-button-disabled,.mat-stroked-button.mat-button-disabled.mat-button-disabled{color:rgba(0,0,0,.26)}.mat-button.mat-primary .mat-button-focus-overlay,.mat-icon-button.mat-primary .mat-button-focus-overlay,.mat-stroked-button.mat-primary .mat-button-focus-overlay{background-color:#3f51b5}.mat-button.mat-accent .mat-button-focus-overlay,.mat-icon-button.mat-accent .mat-button-focus-overlay,.mat-stroked-button.mat-accent .mat-button-focus-overlay{background-color:#ff4081}.mat-button.mat-warn .mat-button-focus-overlay,.mat-icon-button.mat-warn .mat-button-focus-overlay,.mat-stroked-button.mat-warn .mat-button-focus-overlay{background-color:#f44336}.mat-button.mat-button-disabled .mat-button-focus-overlay,.mat-icon-button.mat-button-disabled .mat-button-focus-overlay,.mat-stroked-button.mat-button-disabled .mat-button-focus-overlay{background-color:transparent}.mat-button .mat-ripple-element,.mat-icon-button .mat-ripple-element,.mat-stroked-button .mat-ripple-element{opacity:.1;background-color:currentColor}.mat-button-focus-overlay{background:#000}.mat-stroked-button:not(.mat-button-disabled){border-color:rgba(0,0,0,.12)}.mat-flat-button,.mat-raised-button,.mat-fab,.mat-mini-fab{color:rgba(0,0,0,.87);background-color:#fff}.mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary{color:#fff}.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent{color:#fff}.mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn{color:#fff}.mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled{color:rgba(0,0,0,.26)}.mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary{background-color:#3f51b5}.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent{background-color:#ff4081}.mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn{background-color:#f44336}.mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled{background-color:rgba(0,0,0,.12)}.mat-flat-button.mat-primary .mat-ripple-element,.mat-raised-button.mat-primary .mat-ripple-element,.mat-fab.mat-primary .mat-ripple-element,.mat-mini-fab.mat-primary .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-flat-button.mat-accent .mat-ripple-element,.mat-raised-button.mat-accent .mat-ripple-element,.mat-fab.mat-accent .mat-ripple-element,.mat-mini-fab.mat-accent .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-flat-button.mat-warn .mat-ripple-element,.mat-raised-button.mat-warn .mat-ripple-element,.mat-fab.mat-warn .mat-ripple-element,.mat-mini-fab.mat-warn .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-stroked-button:not([class*=mat-elevation-z]),.mat-flat-button:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-raised-button:not([class*=mat-elevation-z]){box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12)}.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-fab:not([class*=mat-elevation-z]),.mat-mini-fab:not([class*=mat-elevation-z]){box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),.mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12)}.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]),.mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-button-toggle-standalone:not([class*=mat-elevation-z]),.mat-button-toggle-group:not([class*=mat-elevation-z]){box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]),.mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]){box-shadow:none}.mat-button-toggle{color:rgba(0,0,0,.38)}.mat-button-toggle .mat-button-toggle-focus-overlay{background-color:rgba(0,0,0,.12)}.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87);background:#fff}.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay{background-color:#000}.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:solid 1px #e0e0e0}[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:solid 1px #e0e0e0}.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:none;border-top:solid 1px #e0e0e0}.mat-button-toggle-checked{background-color:#e0e0e0;color:rgba(0,0,0,.54)}.mat-button-toggle-checked.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87)}.mat-button-toggle-disabled{color:rgba(0,0,0,.26);background-color:#eee}.mat-button-toggle-disabled.mat-button-toggle-appearance-standard{background:#fff}.mat-button-toggle-disabled.mat-button-toggle-checked{background-color:#bdbdbd}.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard{border:solid 1px #e0e0e0}.mat-button-toggle-appearance-standard .mat-button-toggle-label-content{line-height:48px}.mat-card{background:#fff;color:rgba(0,0,0,.87)}.mat-card:not([class*=mat-elevation-z]){box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12)}.mat-card.mat-card-flat:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-card-subtitle{color:rgba(0,0,0,.54)}.mat-checkbox-frame{border-color:rgba(0,0,0,.54)}.mat-checkbox-checkmark{fill:#fafafa}.mat-checkbox-checkmark-path{stroke:#fafafa !important}.mat-checkbox-mixedmark{background-color:#fafafa}.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background,.mat-checkbox-checked.mat-primary .mat-checkbox-background{background-color:#3f51b5}.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,.mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:#ff4081}.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background,.mat-checkbox-checked.mat-warn .mat-checkbox-background{background-color:#f44336}.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background{background-color:#b0b0b0}.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame{border-color:#b0b0b0}.mat-checkbox-disabled .mat-checkbox-label{color:rgba(0,0,0,.38)}.mat-checkbox .mat-ripple-element{background-color:#000}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element{background:#3f51b5}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element{background:#ff4081}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element{background:#f44336}.mat-chip.mat-standard-chip{background-color:#e0e0e0;color:rgba(0,0,0,.87)}.mat-chip.mat-standard-chip .mat-chip-remove{color:rgba(0,0,0,.87);opacity:.4}.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active{box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12)}.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover{opacity:.54}.mat-chip.mat-standard-chip.mat-chip-disabled{opacity:.4}.mat-chip.mat-standard-chip::after{background:#000}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary{background-color:#3f51b5;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn{background-color:#f44336;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent{background-color:#ff4081;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-table{background:#fff}.mat-table thead,.mat-table tbody,.mat-table tfoot,mat-header-row,mat-row,mat-footer-row,[mat-header-row],[mat-row],[mat-footer-row],.mat-table-sticky{background:inherit}mat-row,mat-header-row,mat-footer-row,th.mat-header-cell,td.mat-cell,td.mat-footer-cell{border-bottom-color:rgba(0,0,0,.12)}.mat-header-cell{color:rgba(0,0,0,.54)}.mat-cell,.mat-footer-cell{color:rgba(0,0,0,.87)}.mat-calendar-arrow{fill:rgba(0,0,0,.54)}.mat-datepicker-toggle,.mat-datepicker-content .mat-calendar-next-button,.mat-datepicker-content .mat-calendar-previous-button{color:rgba(0,0,0,.54)}.mat-calendar-table-header-divider::after{background:rgba(0,0,0,.12)}.mat-calendar-table-header,.mat-calendar-body-label{color:rgba(0,0,0,.54)}.mat-calendar-body-cell-content,.mat-date-range-input-separator{color:rgba(0,0,0,.87);border-color:transparent}.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){color:rgba(0,0,0,.38)}.mat-form-field-disabled .mat-date-range-input-separator{color:rgba(0,0,0,.38)}.mat-calendar-body-in-preview{color:rgba(0,0,0,.24)}.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:rgba(0,0,0,.38)}.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:rgba(0,0,0,.18)}.mat-calendar-body-in-range::before{background:rgba(63,81,181,.2)}.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-calendar-body-comparison-bridge-start::before,[dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(63, 81, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-calendar-body-comparison-bridge-end::before,[dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(63, 81, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-calendar-body-selected{background-color:#3f51b5;color:#fff}.mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(63,81,181,.4)}.mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(63,81,181,.3)}@media(hover: hover){.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(63,81,181,.3)}}.mat-datepicker-content{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12);background-color:#fff;color:rgba(0,0,0,.87)}.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before{background:rgba(255,64,129,.2)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-accent .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-datepicker-content.mat-accent .mat-calendar-body-selected{background-color:#ff4081;color:#fff}.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(255,64,129,.4)}.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(255,64,129,.3)}@media(hover: hover){.mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(255,64,129,.3)}}.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before{background:rgba(244,67,54,.2)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-warn .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-datepicker-content.mat-warn .mat-calendar-body-selected{background-color:#f44336;color:#fff}.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(244,67,54,.4)}.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(244,67,54,.3)}@media(hover: hover){.mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(244,67,54,.3)}}.mat-datepicker-content-touch{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12)}.mat-datepicker-toggle-active{color:#3f51b5}.mat-datepicker-toggle-active.mat-accent{color:#ff4081}.mat-datepicker-toggle-active.mat-warn{color:#f44336}.mat-date-range-input-inner[disabled]{color:rgba(0,0,0,.38)}.mat-dialog-container{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12);background:#fff;color:rgba(0,0,0,.87)}.mat-divider{border-top-color:rgba(0,0,0,.12)}.mat-divider-vertical{border-right-color:rgba(0,0,0,.12)}.mat-expansion-panel{background:#fff;color:rgba(0,0,0,.87)}.mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-action-row{border-top-color:rgba(0,0,0,.12)}.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:rgba(0,0,0,.04)}@media(hover: none){.mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover{background:#fff}}.mat-expansion-panel-header-title{color:rgba(0,0,0,.87)}.mat-expansion-panel-header-description,.mat-expansion-indicator::after{color:rgba(0,0,0,.54)}.mat-expansion-panel-header[aria-disabled=true]{color:rgba(0,0,0,.26)}.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description{color:inherit}.mat-expansion-panel-header{height:48px}.mat-expansion-panel-header.mat-expanded{height:64px}.mat-form-field-label{color:rgba(0,0,0,.6)}.mat-hint{color:rgba(0,0,0,.6)}.mat-form-field.mat-focused .mat-form-field-label{color:#3f51b5}.mat-form-field.mat-focused .mat-form-field-label.mat-accent{color:#ff4081}.mat-form-field.mat-focused .mat-form-field-label.mat-warn{color:#f44336}.mat-focused .mat-form-field-required-marker{color:#ff4081}.mat-form-field-ripple{background-color:rgba(0,0,0,.87)}.mat-form-field.mat-focused .mat-form-field-ripple{background-color:#3f51b5}.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent{background-color:#ff4081}.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn{background-color:#f44336}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after{color:#3f51b5}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after{color:#ff4081}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-label{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent{background-color:#f44336}.mat-error{color:#f44336}.mat-form-field-appearance-legacy .mat-form-field-label{color:rgba(0,0,0,.54)}.mat-form-field-appearance-legacy .mat-hint{color:rgba(0,0,0,.54)}.mat-form-field-appearance-legacy .mat-form-field-underline{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);background-size:4px 100%;background-repeat:repeat-x}.mat-form-field-appearance-standard .mat-form-field-underline{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);background-size:4px 100%;background-repeat:repeat-x}.mat-form-field-appearance-fill .mat-form-field-flex{background-color:rgba(0,0,0,.04)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex{background-color:rgba(0,0,0,.02)}.mat-form-field-appearance-fill .mat-form-field-underline::before{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before{background-color:transparent}.mat-form-field-appearance-outline .mat-form-field-outline{color:rgba(0,0,0,.12)}.mat-form-field-appearance-outline .mat-form-field-outline-thick{color:rgba(0,0,0,.87)}.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick{color:#3f51b5}.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick{color:#ff4081}.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick{color:#f44336}.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick{color:#f44336}.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)}.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{color:rgba(0,0,0,.06)}.mat-icon.mat-primary{color:#3f51b5}.mat-icon.mat-accent{color:#ff4081}.mat-icon.mat-warn{color:#f44336}.mat-form-field-type-mat-native-select .mat-form-field-infix::after{color:rgba(0,0,0,.54)}.mat-input-element:disabled,.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after{color:rgba(0,0,0,.38)}.mat-input-element{caret-color:#3f51b5}.mat-input-element::placeholder{color:rgba(0,0,0,.42)}.mat-input-element::-moz-placeholder{color:rgba(0,0,0,.42)}.mat-input-element::-webkit-input-placeholder{color:rgba(0,0,0,.42)}.mat-input-element:-ms-input-placeholder{color:rgba(0,0,0,.42)}.mat-form-field.mat-accent .mat-input-element{caret-color:#ff4081}.mat-form-field.mat-warn .mat-input-element,.mat-form-field-invalid .mat-input-element{caret-color:#f44336}.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after{color:#f44336}.mat-list-base .mat-list-item{color:rgba(0,0,0,.87)}.mat-list-base .mat-list-option{color:rgba(0,0,0,.87)}.mat-list-base .mat-subheader{color:rgba(0,0,0,.54)}.mat-list-base .mat-list-item-disabled{background-color:#eee;color:rgba(0,0,0,.38)}.mat-list-option:hover,.mat-list-option:focus,.mat-nav-list .mat-list-item:hover,.mat-nav-list .mat-list-item:focus,.mat-action-list .mat-list-item:hover,.mat-action-list .mat-list-item:focus{background:rgba(0,0,0,.04)}.mat-list-single-selected-option,.mat-list-single-selected-option:hover,.mat-list-single-selected-option:focus{background:rgba(0,0,0,.12)}.mat-menu-panel{background:#fff}.mat-menu-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-menu-item{background:transparent;color:rgba(0,0,0,.87)}.mat-menu-item[disabled],.mat-menu-item[disabled] .mat-menu-submenu-icon,.mat-menu-item[disabled] .mat-icon-no-color{color:rgba(0,0,0,.38)}.mat-menu-item .mat-icon-no-color,.mat-menu-submenu-icon{color:rgba(0,0,0,.54)}.mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]){background:rgba(0,0,0,.04)}.mat-paginator{background:#fff}.mat-paginator,.mat-paginator-page-size .mat-select-trigger{color:rgba(0,0,0,.54)}.mat-paginator-decrement,.mat-paginator-increment{border-top:2px solid rgba(0,0,0,.54);border-right:2px solid rgba(0,0,0,.54)}.mat-paginator-first,.mat-paginator-last{border-top:2px solid rgba(0,0,0,.54)}.mat-icon-button[disabled] .mat-paginator-decrement,.mat-icon-button[disabled] .mat-paginator-increment,.mat-icon-button[disabled] .mat-paginator-first,.mat-icon-button[disabled] .mat-paginator-last{border-color:rgba(0,0,0,.38)}.mat-paginator-container{min-height:56px}.mat-progress-bar-background{fill:#cbd0e9}.mat-progress-bar-buffer{background-color:#cbd0e9}.mat-progress-bar-fill::after{background-color:#3f51b5}.mat-progress-bar.mat-accent .mat-progress-bar-background{fill:#fbccdc}.mat-progress-bar.mat-accent .mat-progress-bar-buffer{background-color:#fbccdc}.mat-progress-bar.mat-accent .mat-progress-bar-fill::after{background-color:#ff4081}.mat-progress-bar.mat-warn .mat-progress-bar-background{fill:#f9ccc9}.mat-progress-bar.mat-warn .mat-progress-bar-buffer{background-color:#f9ccc9}.mat-progress-bar.mat-warn .mat-progress-bar-fill::after{background-color:#f44336}.mat-progress-spinner circle,.mat-spinner circle{stroke:#3f51b5}.mat-progress-spinner.mat-accent circle,.mat-spinner.mat-accent circle{stroke:#ff4081}.mat-progress-spinner.mat-warn circle,.mat-spinner.mat-warn circle{stroke:#f44336}.mat-radio-outer-circle{border-color:rgba(0,0,0,.54)}.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle{border-color:#3f51b5}.mat-radio-button.mat-primary .mat-radio-inner-circle,.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple{background-color:#3f51b5}.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ff4081}.mat-radio-button.mat-accent .mat-radio-inner-circle,.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple{background-color:#ff4081}.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle{border-color:#f44336}.mat-radio-button.mat-warn .mat-radio-inner-circle,.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple{background-color:#f44336}.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle{border-color:rgba(0,0,0,.38)}.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle{background-color:rgba(0,0,0,.38)}.mat-radio-button.mat-radio-disabled .mat-radio-label-content{color:rgba(0,0,0,.38)}.mat-radio-button .mat-ripple-element{background-color:#000}.mat-select-value{color:rgba(0,0,0,.87)}.mat-select-placeholder{color:rgba(0,0,0,.42)}.mat-select-disabled .mat-select-value{color:rgba(0,0,0,.38)}.mat-select-arrow{color:rgba(0,0,0,.54)}.mat-select-panel{background:#fff}.mat-select-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple){background:rgba(0,0,0,.12)}.mat-form-field.mat-focused.mat-primary .mat-select-arrow{color:#3f51b5}.mat-form-field.mat-focused.mat-accent .mat-select-arrow{color:#ff4081}.mat-form-field.mat-focused.mat-warn .mat-select-arrow{color:#f44336}.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow{color:#f44336}.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow{color:rgba(0,0,0,.38)}.mat-drawer-container{background-color:#fafafa;color:rgba(0,0,0,.87)}.mat-drawer{background-color:#fff;color:rgba(0,0,0,.87)}.mat-drawer.mat-drawer-push{background-color:#fff}.mat-drawer:not(.mat-drawer-side){box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12)}.mat-drawer-side{border-right:solid 1px rgba(0,0,0,.12)}.mat-drawer-side.mat-drawer-end{border-left:solid 1px rgba(0,0,0,.12);border-right:none}[dir=rtl] .mat-drawer-side{border-left:solid 1px rgba(0,0,0,.12);border-right:none}[dir=rtl] .mat-drawer-side.mat-drawer-end{border-left:none;border-right:solid 1px rgba(0,0,0,.12)}.mat-drawer-backdrop.mat-drawer-shown{background-color:rgba(0,0,0,.6)}.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb{background-color:#ff4081}.mat-slide-toggle.mat-checked .mat-slide-toggle-bar{background-color:rgba(255,64,129,.54)}.mat-slide-toggle.mat-checked .mat-ripple-element{background-color:#ff4081}.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb{background-color:#3f51b5}.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar{background-color:rgba(63,81,181,.54)}.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element{background-color:#3f51b5}.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb{background-color:#f44336}.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar{background-color:rgba(244,67,54,.54)}.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element{background-color:#f44336}.mat-slide-toggle:not(.mat-checked) .mat-ripple-element{background-color:#000}.mat-slide-toggle-thumb{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12);background-color:#fafafa}.mat-slide-toggle-bar{background-color:rgba(0,0,0,.38)}.mat-slider-track-background{background-color:rgba(0,0,0,.26)}.mat-slider.mat-primary .mat-slider-track-fill,.mat-slider.mat-primary .mat-slider-thumb,.mat-slider.mat-primary .mat-slider-thumb-label{background-color:#3f51b5}.mat-slider.mat-primary .mat-slider-thumb-label-text{color:#fff}.mat-slider.mat-primary .mat-slider-focus-ring{background-color:rgba(63,81,181,.2)}.mat-slider.mat-accent .mat-slider-track-fill,.mat-slider.mat-accent .mat-slider-thumb,.mat-slider.mat-accent .mat-slider-thumb-label{background-color:#ff4081}.mat-slider.mat-accent .mat-slider-thumb-label-text{color:#fff}.mat-slider.mat-accent .mat-slider-focus-ring{background-color:rgba(255,64,129,.2)}.mat-slider.mat-warn .mat-slider-track-fill,.mat-slider.mat-warn .mat-slider-thumb,.mat-slider.mat-warn .mat-slider-thumb-label{background-color:#f44336}.mat-slider.mat-warn .mat-slider-thumb-label-text{color:#fff}.mat-slider.mat-warn .mat-slider-focus-ring{background-color:rgba(244,67,54,.2)}.mat-slider:hover .mat-slider-track-background,.mat-slider.cdk-focused .mat-slider-track-background{background-color:rgba(0,0,0,.38)}.mat-slider.mat-slider-disabled .mat-slider-track-background,.mat-slider.mat-slider-disabled .mat-slider-track-fill,.mat-slider.mat-slider-disabled .mat-slider-thumb{background-color:rgba(0,0,0,.26)}.mat-slider.mat-slider-disabled:hover .mat-slider-track-background{background-color:rgba(0,0,0,.26)}.mat-slider.mat-slider-min-value .mat-slider-focus-ring{background-color:rgba(0,0,0,.12)}.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label{background-color:rgba(0,0,0,.87)}.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label{background-color:rgba(0,0,0,.26)}.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb{border-color:rgba(0,0,0,.26);background-color:transparent}.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb,.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb{border-color:rgba(0,0,0,.38)}.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb,.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb{border-color:rgba(0,0,0,.26)}.mat-slider-has-ticks .mat-slider-wrapper::after{border-color:rgba(0,0,0,.7)}.mat-slider-horizontal .mat-slider-ticks{background-image:repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);background-image:-moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)}.mat-slider-vertical .mat-slider-ticks{background-image:repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)}.mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused,.mat-step-header:hover:not([aria-disabled]),.mat-step-header:hover[aria-disabled=false]{background-color:rgba(0,0,0,.04)}.mat-step-header:hover[aria-disabled=true]{cursor:default}@media(hover: none){.mat-step-header:hover{background:none}}.mat-step-header .mat-step-label,.mat-step-header .mat-step-optional{color:rgba(0,0,0,.54)}.mat-step-header .mat-step-icon{background-color:rgba(0,0,0,.54);color:#fff}.mat-step-header .mat-step-icon-selected,.mat-step-header .mat-step-icon-state-done,.mat-step-header .mat-step-icon-state-edit{background-color:#3f51b5;color:#fff}.mat-step-header.mat-accent .mat-step-icon{color:#fff}.mat-step-header.mat-accent .mat-step-icon-selected,.mat-step-header.mat-accent .mat-step-icon-state-done,.mat-step-header.mat-accent .mat-step-icon-state-edit{background-color:#ff4081;color:#fff}.mat-step-header.mat-warn .mat-step-icon{color:#fff}.mat-step-header.mat-warn .mat-step-icon-selected,.mat-step-header.mat-warn .mat-step-icon-state-done,.mat-step-header.mat-warn .mat-step-icon-state-edit{background-color:#f44336;color:#fff}.mat-step-header .mat-step-icon-state-error{background-color:transparent;color:#f44336}.mat-step-header .mat-step-label.mat-step-label-active{color:rgba(0,0,0,.87)}.mat-step-header .mat-step-label.mat-step-label-error{color:#f44336}.mat-stepper-horizontal,.mat-stepper-vertical{background-color:#fff}.mat-stepper-vertical-line::before{border-left-color:rgba(0,0,0,.12)}.mat-horizontal-stepper-header::before,.mat-horizontal-stepper-header::after,.mat-stepper-horizontal-line{border-top-color:rgba(0,0,0,.12)}.mat-horizontal-stepper-header{height:72px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,.mat-vertical-stepper-header{padding:24px 24px}.mat-stepper-vertical-line::before{top:-16px;bottom:-16px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after,.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before{top:36px}.mat-stepper-label-position-bottom .mat-stepper-horizontal-line{top:36px}.mat-sort-header-arrow{color:#757575}.mat-tab-nav-bar,.mat-tab-header{border-bottom:1px solid rgba(0,0,0,.12)}.mat-tab-group-inverted-header .mat-tab-nav-bar,.mat-tab-group-inverted-header .mat-tab-header{border-top:1px solid rgba(0,0,0,.12);border-bottom:none}.mat-tab-label,.mat-tab-link{color:rgba(0,0,0,.87)}.mat-tab-label.mat-tab-disabled,.mat-tab-link.mat-tab-disabled{color:rgba(0,0,0,.38)}.mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.87)}.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.38)}.mat-tab-group[class*=mat-background-]>.mat-tab-header,.mat-tab-nav-bar[class*=mat-background-]{border-bottom:none;border-top:none}.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(197,202,233,.3)}.mat-tab-group.mat-primary .mat-ink-bar,.mat-tab-nav-bar.mat-primary .mat-ink-bar{background-color:#3f51b5}.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,128,171,.3)}.mat-tab-group.mat-accent .mat-ink-bar,.mat-tab-nav-bar.mat-accent .mat-ink-bar{background-color:#ff4081}.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)}.mat-tab-group.mat-warn .mat-ink-bar,.mat-tab-nav-bar.mat-warn .mat-ink-bar{background-color:#f44336}.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(197,202,233,.3)}.mat-tab-group.mat-background-primary>.mat-tab-header,.mat-tab-group.mat-background-primary>.mat-tab-link-container,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination{background-color:#3f51b5}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-group.mat-background-primary>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:#fff;opacity:.4}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element{background-color:#fff;opacity:.12}.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,128,171,.3)}.mat-tab-group.mat-background-accent>.mat-tab-header,.mat-tab-group.mat-background-accent>.mat-tab-link-container,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination{background-color:#ff4081}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-group.mat-background-accent>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:#fff;opacity:.4}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element{background-color:#fff;opacity:.12}.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)}.mat-tab-group.mat-background-warn>.mat-tab-header,.mat-tab-group.mat-background-warn>.mat-tab-link-container,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination{background-color:#f44336}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-group.mat-background-warn>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:#fff;opacity:.4}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element{background-color:#fff;opacity:.12}.mat-toolbar{background:#f5f5f5;color:rgba(0,0,0,.87)}.mat-toolbar.mat-primary{background:#3f51b5;color:#fff}.mat-toolbar.mat-accent{background:#ff4081;color:#fff}.mat-toolbar.mat-warn{background:#f44336;color:#fff}.mat-toolbar .mat-form-field-underline,.mat-toolbar .mat-form-field-ripple,.mat-toolbar .mat-focused .mat-form-field-ripple{background-color:currentColor}.mat-toolbar .mat-form-field-label,.mat-toolbar .mat-focused .mat-form-field-label,.mat-toolbar .mat-select-value,.mat-toolbar .mat-select-arrow,.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow{color:inherit}.mat-toolbar .mat-input-element{caret-color:currentColor}.mat-toolbar-multiple-rows{min-height:64px}.mat-toolbar-row,.mat-toolbar-single-row{height:64px}@media(max-width: 599px){.mat-toolbar-multiple-rows{min-height:56px}.mat-toolbar-row,.mat-toolbar-single-row{height:56px}}.mat-tooltip{background:rgba(97,97,97,.9)}.mat-tree{background:#fff}.mat-tree-node,.mat-nested-tree-node{color:rgba(0,0,0,.87)}.mat-tree-node{min-height:48px}.mat-snack-bar-container{color:rgba(255,255,255,.7);background:#323232;box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-simple-snackbar-action{color:#ff4081}


/*# sourceMappingURL=styles.css.map*/