/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-claims/src/styles.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 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;
}
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-0 {
  margin-top: 0;
}
.mt-half {
  margin-top: calc(var(--spacing-unit) * 0.5);
}
.mt-1 {
  margin-top: var(--spacing-unit);
}
.mt-2 {
  margin-top: calc(var(--spacing-unit) * 2);
}
.mt-3 {
  margin-top: calc(var(--spacing-unit) * 3);
}
.mt-4 {
  margin-top: calc(var(--spacing-unit) * 4);
}
.mb-0 {
  margin-bottom: 0;
}
.mb-half {
  margin-bottom: calc(var(--spacing-unit) * 0.5);
}
.mb-1 {
  margin-bottom: var(--spacing-unit);
}
.mb-2 {
  margin-bottom: calc(var(--spacing-unit) * 2);
}
.mb-3 {
  margin-bottom: calc(var(--spacing-unit) * 3);
}
.mb-4 {
  margin-bottom: calc(var(--spacing-unit) * 4);
}
.ml-0 {
  margin-left: 0;
}
.ml-half {
  margin-left: calc(var(--spacing-unit) * 0.5);
}
.ml-1 {
  margin-left: var(--spacing-unit);
}
.ml-2 {
  margin-left: calc(var(--spacing-unit) * 2);
}
.ml-3 {
  margin-left: calc(var(--spacing-unit) * 3);
}
.ml-4 {
  margin-left: calc(var(--spacing-unit) * 4);
}
.mr-0 {
  margin-right: 0;
}
.mr-half {
  margin-right: calc(var(--spacing-unit) * 0.5);
}
.mr-1 {
  margin-right: var(--spacing-unit);
}
.mr-2 {
  margin-right: calc(var(--spacing-unit) * 2);
}
.mr-3 {
  margin-right: calc(var(--spacing-unit) * 3);
}
.mr-4 {
  margin-right: calc(var(--spacing-unit) * 4);
}
.mx-0 {
  margin-left: 0;
  margin-right: 0;
}
.mx-half {
  margin-left: calc(var(--spacing-unit) * 0.5);
  margin-right: calc(var(--spacing-unit) * 0.5);
}
.mx-1 {
  margin-left: var(--spacing-unit);
  margin-right: var(--spacing-unit);
}
.mx-2 {
  margin-left: calc(var(--spacing-unit) * 2);
  margin-right: calc(var(--spacing-unit) * 2);
}
.mx-3 {
  margin-left: calc(var(--spacing-unit) * 3);
  margin-right: calc(var(--spacing-unit) * 3);
}
.mx-4 {
  margin-left: calc(var(--spacing-unit) * 4);
  margin-right: calc(var(--spacing-unit) * 4);
}
.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}
.my-half {
  margin-top: calc(var(--spacing-unit) * 0.5);
  margin-bottom: calc(var(--spacing-unit) * 0.5);
}
.my-1 {
  margin-top: var(--spacing-unit);
  margin-bottom: var(--spacing-unit);
}
.my-2 {
  margin-top: calc(var(--spacing-unit) * 2);
  margin-bottom: calc(var(--spacing-unit) * 2);
}
.my-3 {
  margin-top: calc(var(--spacing-unit) * 3);
  margin-bottom: calc(var(--spacing-unit) * 3);
}
.my-4 {
  margin-top: calc(var(--spacing-unit) * 4);
  margin-bottom: calc(var(--spacing-unit) * 4);
}
.m-0 {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}
.m-half {
  margin-top: calc(var(--spacing-unit) * 0.5);
  margin-bottom: calc(var(--spacing-unit) * 0.5);
  margin-left: calc(var(--spacing-unit) * 0.5);
  margin-right: calc(var(--spacing-unit) * 0.5);
}
.m-1 {
  margin-top: var(--spacing-unit);
  margin-bottom: var(--spacing-unit);
  margin-left: var(--spacing-unit);
  margin-right: var(--spacing-unit);
}
.m-2 {
  margin-top: calc(var(--spacing-unit) * 2);
  margin-bottom: calc(var(--spacing-unit) * 2);
  margin-left: calc(var(--spacing-unit) * 2);
  margin-right: calc(var(--spacing-unit) * 2);
}
.m-3 {
  margin-top: calc(var(--spacing-unit) * 3);
  margin-bottom: calc(var(--spacing-unit) * 3);
  margin-left: calc(var(--spacing-unit) * 3);
  margin-right: calc(var(--spacing-unit) * 3);
}
.m-4 {
  margin-top: calc(var(--spacing-unit) * 4);
  margin-bottom: calc(var(--spacing-unit) * 4);
  margin-left: calc(var(--spacing-unit) * 4);
  margin-right: calc(var(--spacing-unit) * 4);
}
.pt-0 {
  padding-top: 0;
}
.pt-half {
  padding-top: calc(var(--spacing-unit) * 0.5);
}
.pt-1 {
  padding-top: var(--spacing-unit);
}
.pt-2 {
  padding-top: calc(var(--spacing-unit) * 2);
}
.pt-3 {
  padding-top: calc(var(--spacing-unit) * 3);
}
.pt-4 {
  padding-top: calc(var(--spacing-unit) * 4);
}
.pb-0 {
  padding-bottom: 0;
}
.pb-half {
  padding-bottom: calc(var(--spacing-unit) * 0.5);
}
.pb-1 {
  padding-bottom: var(--spacing-unit);
}
.pb-2 {
  padding-bottom: calc(var(--spacing-unit) * 2);
}
.pb-3 {
  padding-bottom: calc(var(--spacing-unit) * 3);
}
.pb-4 {
  padding-bottom: calc(var(--spacing-unit) * 4);
}
.pl-0 {
  padding-left: 0;
}
.pl-half {
  padding-left: calc(var(--spacing-unit) * 0.5);
}
.pl-1 {
  padding-left: var(--spacing-unit);
}
.pl-2 {
  padding-left: calc(var(--spacing-unit) * 2);
}
.pl-3 {
  padding-left: calc(var(--spacing-unit) * 3);
}
.pl-4 {
  padding-left: calc(var(--spacing-unit) * 4);
}
.pr-0 {
  padding-right: 0;
}
.pr-half {
  padding-right: calc(var(--spacing-unit) * 0.5);
}
.pr-1 {
  padding-right: var(--spacing-unit);
}
.pr-2 {
  padding-right: calc(var(--spacing-unit) * 2);
}
.pr-3 {
  padding-right: calc(var(--spacing-unit) * 3);
}
.pr-4 {
  padding-right: calc(var(--spacing-unit) * 4);
}
.px-0 {
  padding-left: 0;
  padding-right: 0;
}
.px-half {
  padding-left: calc(var(--spacing-unit) * 0.5);
  padding-right: calc(var(--spacing-unit) * 0.5);
}
.px-1 {
  padding-left: var(--spacing-unit);
  padding-right: var(--spacing-unit);
}
.px-2 {
  padding-left: calc(var(--spacing-unit) * 2);
  padding-right: calc(var(--spacing-unit) * 2);
}
.px-3 {
  padding-left: calc(var(--spacing-unit) * 3);
  padding-right: calc(var(--spacing-unit) * 3);
}
.px-4 {
  padding-left: calc(var(--spacing-unit) * 4);
  padding-right: calc(var(--spacing-unit) * 4);
}
.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.py-half {
  padding-top: calc(var(--spacing-unit) * 0.5);
  padding-bottom: calc(var(--spacing-unit) * 0.5);
}
.py-1 {
  padding-top: var(--spacing-unit);
  padding-bottom: var(--spacing-unit);
}
.py-2 {
  padding-top: calc(var(--spacing-unit) * 2);
  padding-bottom: calc(var(--spacing-unit) * 2);
}
.py-3 {
  padding-top: calc(var(--spacing-unit) * 3);
  padding-bottom: calc(var(--spacing-unit) * 3);
}
.py-4 {
  padding-top: calc(var(--spacing-unit) * 4);
  padding-bottom: calc(var(--spacing-unit) * 4);
}
.p-0 {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}
.p-half {
  padding-top: calc(var(--spacing-unit) * 0.5);
  padding-bottom: calc(var(--spacing-unit) * 0.5);
  padding-left: calc(var(--spacing-unit) * 0.5);
  padding-right: calc(var(--spacing-unit) * 0.5);
}
.p-1 {
  padding-top: var(--spacing-unit);
  padding-bottom: var(--spacing-unit);
  padding-left: var(--spacing-unit);
  padding-right: var(--spacing-unit);
}
.p-2 {
  padding-top: calc(var(--spacing-unit) * 2);
  padding-bottom: calc(var(--spacing-unit) * 2);
  padding-left: calc(var(--spacing-unit) * 2);
  padding-right: calc(var(--spacing-unit) * 2);
}
.p-3 {
  padding-top: calc(var(--spacing-unit) * 3);
  padding-bottom: calc(var(--spacing-unit) * 3);
  padding-left: calc(var(--spacing-unit) * 3);
  padding-right: calc(var(--spacing-unit) * 3);
}
.p-4 {
  padding-top: calc(var(--spacing-unit) * 4);
  padding-bottom: calc(var(--spacing-unit) * 4);
  padding-left: calc(var(--spacing-unit) * 4);
  padding-right: calc(var(--spacing-unit) * 4);
}
@media only screen and (min-width: 667px) {
  .sm-mt-0 {
    margin-top: 0;
  }

  .sm-mt-half {
    margin-top: calc(var(--spacing-unit) * 0.5);
  }

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

  .sm-mt-2 {
    margin-top: calc(var(--spacing-unit) * 2);
  }

  .sm-mt-3 {
    margin-top: calc(var(--spacing-unit) * 3);
  }

  .sm-mt-4 {
    margin-top: calc(var(--spacing-unit) * 4);
  }

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

  .sm-mb-half {
    margin-bottom: calc(var(--spacing-unit) * 0.5);
  }

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

  .sm-mb-2 {
    margin-bottom: calc(var(--spacing-unit) * 2);
  }

  .sm-mb-3 {
    margin-bottom: calc(var(--spacing-unit) * 3);
  }

  .sm-mb-4 {
    margin-bottom: calc(var(--spacing-unit) * 4);
  }

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

  .sm-ml-half {
    margin-left: calc(var(--spacing-unit) * 0.5);
  }

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

  .sm-ml-2 {
    margin-left: calc(var(--spacing-unit) * 2);
  }

  .sm-ml-3 {
    margin-left: calc(var(--spacing-unit) * 3);
  }

  .sm-ml-4 {
    margin-left: calc(var(--spacing-unit) * 4);
  }

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

  .sm-mr-half {
    margin-right: calc(var(--spacing-unit) * 0.5);
  }

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

  .sm-mr-2 {
    margin-right: calc(var(--spacing-unit) * 2);
  }

  .sm-mr-3 {
    margin-right: calc(var(--spacing-unit) * 3);
  }

  .sm-mr-4 {
    margin-right: calc(var(--spacing-unit) * 4);
  }

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

  .sm-mx-half {
    margin-left: calc(var(--spacing-unit) * 0.5);
    margin-right: calc(var(--spacing-unit) * 0.5);
  }

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

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

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

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

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

  .sm-my-half {
    margin-top: calc(var(--spacing-unit) * 0.5);
    margin-bottom: calc(var(--spacing-unit) * 0.5);
  }

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

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

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

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

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

  .sm-m-half {
    margin-top: calc(var(--spacing-unit) * 0.5);
    margin-bottom: calc(var(--spacing-unit) * 0.5);
    margin-left: calc(var(--spacing-unit) * 0.5);
    margin-right: calc(var(--spacing-unit) * 0.5);
  }

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

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

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

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

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

  .sm-pt-half {
    padding-top: calc(var(--spacing-unit) * 0.5);
  }

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

  .sm-pt-2 {
    padding-top: calc(var(--spacing-unit) * 2);
  }

  .sm-pt-3 {
    padding-top: calc(var(--spacing-unit) * 3);
  }

  .sm-pt-4 {
    padding-top: calc(var(--spacing-unit) * 4);
  }

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

  .sm-pb-half {
    padding-bottom: calc(var(--spacing-unit) * 0.5);
  }

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

  .sm-pb-2 {
    padding-bottom: calc(var(--spacing-unit) * 2);
  }

  .sm-pb-3 {
    padding-bottom: calc(var(--spacing-unit) * 3);
  }

  .sm-pb-4 {
    padding-bottom: calc(var(--spacing-unit) * 4);
  }

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

  .sm-pl-half {
    padding-left: calc(var(--spacing-unit) * 0.5);
  }

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

  .sm-pl-2 {
    padding-left: calc(var(--spacing-unit) * 2);
  }

  .sm-pl-3 {
    padding-left: calc(var(--spacing-unit) * 3);
  }

  .sm-pl-4 {
    padding-left: calc(var(--spacing-unit) * 4);
  }

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

  .sm-pr-half {
    padding-right: calc(var(--spacing-unit) * 0.5);
  }

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

  .sm-pr-2 {
    padding-right: calc(var(--spacing-unit) * 2);
  }

  .sm-pr-3 {
    padding-right: calc(var(--spacing-unit) * 3);
  }

  .sm-pr-4 {
    padding-right: calc(var(--spacing-unit) * 4);
  }

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

  .sm-px-half {
    padding-left: calc(var(--spacing-unit) * 0.5);
    padding-right: calc(var(--spacing-unit) * 0.5);
  }

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

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

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

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

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

  .sm-py-half {
    padding-top: calc(var(--spacing-unit) * 0.5);
    padding-bottom: calc(var(--spacing-unit) * 0.5);
  }

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

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

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

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

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

  .sm-p-half {
    padding-top: calc(var(--spacing-unit) * 0.5);
    padding-bottom: calc(var(--spacing-unit) * 0.5);
    padding-left: calc(var(--spacing-unit) * 0.5);
    padding-right: calc(var(--spacing-unit) * 0.5);
  }

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

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

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

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

  .md-mt-half {
    margin-top: calc(var(--spacing-unit) * 0.5);
  }

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

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

  .md-mt-3 {
    margin-top: calc(var(--spacing-unit) * 3);
  }

  .md-mt-4 {
    margin-top: calc(var(--spacing-unit) * 4);
  }

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

  .md-mb-half {
    margin-bottom: calc(var(--spacing-unit) * 0.5);
  }

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

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

  .md-mb-3 {
    margin-bottom: calc(var(--spacing-unit) * 3);
  }

  .md-mb-4 {
    margin-bottom: calc(var(--spacing-unit) * 4);
  }

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

  .md-ml-half {
    margin-left: calc(var(--spacing-unit) * 0.5);
  }

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

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

  .md-ml-3 {
    margin-left: calc(var(--spacing-unit) * 3);
  }

  .md-ml-4 {
    margin-left: calc(var(--spacing-unit) * 4);
  }

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

  .md-mr-half {
    margin-right: calc(var(--spacing-unit) * 0.5);
  }

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

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

  .md-mr-3 {
    margin-right: calc(var(--spacing-unit) * 3);
  }

  .md-mr-4 {
    margin-right: calc(var(--spacing-unit) * 4);
  }

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

  .md-mx-half {
    margin-left: calc(var(--spacing-unit) * 0.5);
    margin-right: calc(var(--spacing-unit) * 0.5);
  }

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

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

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

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

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

  .md-my-half {
    margin-top: calc(var(--spacing-unit) * 0.5);
    margin-bottom: calc(var(--spacing-unit) * 0.5);
  }

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

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

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

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

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

  .md-m-half {
    margin-top: calc(var(--spacing-unit) * 0.5);
    margin-bottom: calc(var(--spacing-unit) * 0.5);
    margin-left: calc(var(--spacing-unit) * 0.5);
    margin-right: calc(var(--spacing-unit) * 0.5);
  }

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

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

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

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

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

  .md-pt-half {
    padding-top: calc(var(--spacing-unit) * 0.5);
  }

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

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

  .md-pt-3 {
    padding-top: calc(var(--spacing-unit) * 3);
  }

  .md-pt-4 {
    padding-top: calc(var(--spacing-unit) * 4);
  }

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

  .md-pb-half {
    padding-bottom: calc(var(--spacing-unit) * 0.5);
  }

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

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

  .md-pb-3 {
    padding-bottom: calc(var(--spacing-unit) * 3);
  }

  .md-pb-4 {
    padding-bottom: calc(var(--spacing-unit) * 4);
  }

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

  .md-pl-half {
    padding-left: calc(var(--spacing-unit) * 0.5);
  }

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

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

  .md-pl-3 {
    padding-left: calc(var(--spacing-unit) * 3);
  }

  .md-pl-4 {
    padding-left: calc(var(--spacing-unit) * 4);
  }

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

  .md-pr-half {
    padding-right: calc(var(--spacing-unit) * 0.5);
  }

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

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

  .md-pr-3 {
    padding-right: calc(var(--spacing-unit) * 3);
  }

  .md-pr-4 {
    padding-right: calc(var(--spacing-unit) * 4);
  }

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

  .md-px-half {
    padding-left: calc(var(--spacing-unit) * 0.5);
    padding-right: calc(var(--spacing-unit) * 0.5);
  }

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

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

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

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

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

  .md-py-half {
    padding-top: calc(var(--spacing-unit) * 0.5);
    padding-bottom: calc(var(--spacing-unit) * 0.5);
  }

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

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

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

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

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

  .md-p-half {
    padding-top: calc(var(--spacing-unit) * 0.5);
    padding-bottom: calc(var(--spacing-unit) * 0.5);
    padding-left: calc(var(--spacing-unit) * 0.5);
    padding-right: calc(var(--spacing-unit) * 0.5);
  }

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

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

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

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

  .lg-mt-half {
    margin-top: calc(var(--spacing-unit) * 0.5);
  }

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

  .lg-mt-2 {
    margin-top: calc(var(--spacing-unit) * 2);
  }

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

  .lg-mt-4 {
    margin-top: calc(var(--spacing-unit) * 4);
  }

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

  .lg-mb-half {
    margin-bottom: calc(var(--spacing-unit) * 0.5);
  }

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

  .lg-mb-2 {
    margin-bottom: calc(var(--spacing-unit) * 2);
  }

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

  .lg-mb-4 {
    margin-bottom: calc(var(--spacing-unit) * 4);
  }

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

  .lg-ml-half {
    margin-left: calc(var(--spacing-unit) * 0.5);
  }

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

  .lg-ml-2 {
    margin-left: calc(var(--spacing-unit) * 2);
  }

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

  .lg-ml-4 {
    margin-left: calc(var(--spacing-unit) * 4);
  }

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

  .lg-mr-half {
    margin-right: calc(var(--spacing-unit) * 0.5);
  }

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

  .lg-mr-2 {
    margin-right: calc(var(--spacing-unit) * 2);
  }

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

  .lg-mr-4 {
    margin-right: calc(var(--spacing-unit) * 4);
  }

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

  .lg-mx-half {
    margin-left: calc(var(--spacing-unit) * 0.5);
    margin-right: calc(var(--spacing-unit) * 0.5);
  }

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

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

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

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

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

  .lg-my-half {
    margin-top: calc(var(--spacing-unit) * 0.5);
    margin-bottom: calc(var(--spacing-unit) * 0.5);
  }

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

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

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

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

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

  .lg-m-half {
    margin-top: calc(var(--spacing-unit) * 0.5);
    margin-bottom: calc(var(--spacing-unit) * 0.5);
    margin-left: calc(var(--spacing-unit) * 0.5);
    margin-right: calc(var(--spacing-unit) * 0.5);
  }

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

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

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

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

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

  .lg-pt-half {
    padding-top: calc(var(--spacing-unit) * 0.5);
  }

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

  .lg-pt-2 {
    padding-top: calc(var(--spacing-unit) * 2);
  }

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

  .lg-pt-4 {
    padding-top: calc(var(--spacing-unit) * 4);
  }

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

  .lg-pb-half {
    padding-bottom: calc(var(--spacing-unit) * 0.5);
  }

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

  .lg-pb-2 {
    padding-bottom: calc(var(--spacing-unit) * 2);
  }

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

  .lg-pb-4 {
    padding-bottom: calc(var(--spacing-unit) * 4);
  }

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

  .lg-pl-half {
    padding-left: calc(var(--spacing-unit) * 0.5);
  }

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

  .lg-pl-2 {
    padding-left: calc(var(--spacing-unit) * 2);
  }

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

  .lg-pl-4 {
    padding-left: calc(var(--spacing-unit) * 4);
  }

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

  .lg-pr-half {
    padding-right: calc(var(--spacing-unit) * 0.5);
  }

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

  .lg-pr-2 {
    padding-right: calc(var(--spacing-unit) * 2);
  }

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

  .lg-pr-4 {
    padding-right: calc(var(--spacing-unit) * 4);
  }

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

  .lg-px-half {
    padding-left: calc(var(--spacing-unit) * 0.5);
    padding-right: calc(var(--spacing-unit) * 0.5);
  }

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

  .lg-px-2 {
    padding-left: calc(var(--spacing-unit) * 2);
    padding-right: calc(var(--spacing-unit) * 2);
  }

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

  .lg-px-4 {
    padding-left: calc(var(--spacing-unit) * 4);
    padding-right: calc(var(--spacing-unit) * 4);
  }

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

  .lg-py-half {
    padding-top: calc(var(--spacing-unit) * 0.5);
    padding-bottom: calc(var(--spacing-unit) * 0.5);
  }

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

  .lg-py-2 {
    padding-top: calc(var(--spacing-unit) * 2);
    padding-bottom: calc(var(--spacing-unit) * 2);
  }

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

  .lg-py-4 {
    padding-top: calc(var(--spacing-unit) * 4);
    padding-bottom: calc(var(--spacing-unit) * 4);
  }

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

  .lg-p-half {
    padding-top: calc(var(--spacing-unit) * 0.5);
    padding-bottom: calc(var(--spacing-unit) * 0.5);
    padding-left: calc(var(--spacing-unit) * 0.5);
    padding-right: calc(var(--spacing-unit) * 0.5);
  }

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

  .lg-p-2 {
    padding-top: calc(var(--spacing-unit) * 2);
    padding-bottom: calc(var(--spacing-unit) * 2);
    padding-left: calc(var(--spacing-unit) * 2);
    padding-right: calc(var(--spacing-unit) * 2);
  }

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

  .lg-p-4 {
    padding-top: calc(var(--spacing-unit) * 4);
    padding-bottom: calc(var(--spacing-unit) * 4);
    padding-left: calc(var(--spacing-unit) * 4);
    padding-right: calc(var(--spacing-unit) * 4);
  }
}
@media only screen and (min-width: 1280px) {
  .xl-mt-0 {
    margin-top: 0;
  }

  .xl-mt-half {
    margin-top: calc(var(--spacing-unit) * 0.5);
  }

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

  .xl-mt-2 {
    margin-top: calc(var(--spacing-unit) * 2);
  }

  .xl-mt-3 {
    margin-top: calc(var(--spacing-unit) * 3);
  }

  .xl-mt-4 {
    margin-top: calc(var(--spacing-unit) * 4);
  }

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

  .xl-mb-half {
    margin-bottom: calc(var(--spacing-unit) * 0.5);
  }

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

  .xl-mb-2 {
    margin-bottom: calc(var(--spacing-unit) * 2);
  }

  .xl-mb-3 {
    margin-bottom: calc(var(--spacing-unit) * 3);
  }

  .xl-mb-4 {
    margin-bottom: calc(var(--spacing-unit) * 4);
  }

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

  .xl-ml-half {
    margin-left: calc(var(--spacing-unit) * 0.5);
  }

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

  .xl-ml-2 {
    margin-left: calc(var(--spacing-unit) * 2);
  }

  .xl-ml-3 {
    margin-left: calc(var(--spacing-unit) * 3);
  }

  .xl-ml-4 {
    margin-left: calc(var(--spacing-unit) * 4);
  }

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

  .xl-mr-half {
    margin-right: calc(var(--spacing-unit) * 0.5);
  }

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

  .xl-mr-2 {
    margin-right: calc(var(--spacing-unit) * 2);
  }

  .xl-mr-3 {
    margin-right: calc(var(--spacing-unit) * 3);
  }

  .xl-mr-4 {
    margin-right: calc(var(--spacing-unit) * 4);
  }

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

  .xl-mx-half {
    margin-left: calc(var(--spacing-unit) * 0.5);
    margin-right: calc(var(--spacing-unit) * 0.5);
  }

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

  .xl-mx-2 {
    margin-left: calc(var(--spacing-unit) * 2);
    margin-right: calc(var(--spacing-unit) * 2);
  }

  .xl-mx-3 {
    margin-left: calc(var(--spacing-unit) * 3);
    margin-right: calc(var(--spacing-unit) * 3);
  }

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

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

  .xl-my-half {
    margin-top: calc(var(--spacing-unit) * 0.5);
    margin-bottom: calc(var(--spacing-unit) * 0.5);
  }

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

  .xl-my-2 {
    margin-top: calc(var(--spacing-unit) * 2);
    margin-bottom: calc(var(--spacing-unit) * 2);
  }

  .xl-my-3 {
    margin-top: calc(var(--spacing-unit) * 3);
    margin-bottom: calc(var(--spacing-unit) * 3);
  }

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

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

  .xl-m-half {
    margin-top: calc(var(--spacing-unit) * 0.5);
    margin-bottom: calc(var(--spacing-unit) * 0.5);
    margin-left: calc(var(--spacing-unit) * 0.5);
    margin-right: calc(var(--spacing-unit) * 0.5);
  }

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

  .xl-m-2 {
    margin-top: calc(var(--spacing-unit) * 2);
    margin-bottom: calc(var(--spacing-unit) * 2);
    margin-left: calc(var(--spacing-unit) * 2);
    margin-right: calc(var(--spacing-unit) * 2);
  }

  .xl-m-3 {
    margin-top: calc(var(--spacing-unit) * 3);
    margin-bottom: calc(var(--spacing-unit) * 3);
    margin-left: calc(var(--spacing-unit) * 3);
    margin-right: calc(var(--spacing-unit) * 3);
  }

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

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

  .xl-pt-half {
    padding-top: calc(var(--spacing-unit) * 0.5);
  }

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

  .xl-pt-2 {
    padding-top: calc(var(--spacing-unit) * 2);
  }

  .xl-pt-3 {
    padding-top: calc(var(--spacing-unit) * 3);
  }

  .xl-pt-4 {
    padding-top: calc(var(--spacing-unit) * 4);
  }

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

  .xl-pb-half {
    padding-bottom: calc(var(--spacing-unit) * 0.5);
  }

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

  .xl-pb-2 {
    padding-bottom: calc(var(--spacing-unit) * 2);
  }

  .xl-pb-3 {
    padding-bottom: calc(var(--spacing-unit) * 3);
  }

  .xl-pb-4 {
    padding-bottom: calc(var(--spacing-unit) * 4);
  }

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

  .xl-pl-half {
    padding-left: calc(var(--spacing-unit) * 0.5);
  }

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

  .xl-pl-2 {
    padding-left: calc(var(--spacing-unit) * 2);
  }

  .xl-pl-3 {
    padding-left: calc(var(--spacing-unit) * 3);
  }

  .xl-pl-4 {
    padding-left: calc(var(--spacing-unit) * 4);
  }

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

  .xl-pr-half {
    padding-right: calc(var(--spacing-unit) * 0.5);
  }

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

  .xl-pr-2 {
    padding-right: calc(var(--spacing-unit) * 2);
  }

  .xl-pr-3 {
    padding-right: calc(var(--spacing-unit) * 3);
  }

  .xl-pr-4 {
    padding-right: calc(var(--spacing-unit) * 4);
  }

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

  .xl-px-half {
    padding-left: calc(var(--spacing-unit) * 0.5);
    padding-right: calc(var(--spacing-unit) * 0.5);
  }

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

  .xl-px-2 {
    padding-left: calc(var(--spacing-unit) * 2);
    padding-right: calc(var(--spacing-unit) * 2);
  }

  .xl-px-3 {
    padding-left: calc(var(--spacing-unit) * 3);
    padding-right: calc(var(--spacing-unit) * 3);
  }

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

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

  .xl-py-half {
    padding-top: calc(var(--spacing-unit) * 0.5);
    padding-bottom: calc(var(--spacing-unit) * 0.5);
  }

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

  .xl-py-2 {
    padding-top: calc(var(--spacing-unit) * 2);
    padding-bottom: calc(var(--spacing-unit) * 2);
  }

  .xl-py-3 {
    padding-top: calc(var(--spacing-unit) * 3);
    padding-bottom: calc(var(--spacing-unit) * 3);
  }

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

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

  .xl-p-half {
    padding-top: calc(var(--spacing-unit) * 0.5);
    padding-bottom: calc(var(--spacing-unit) * 0.5);
    padding-left: calc(var(--spacing-unit) * 0.5);
    padding-right: calc(var(--spacing-unit) * 0.5);
  }

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

  .xl-p-2 {
    padding-top: calc(var(--spacing-unit) * 2);
    padding-bottom: calc(var(--spacing-unit) * 2);
    padding-left: calc(var(--spacing-unit) * 2);
    padding-right: calc(var(--spacing-unit) * 2);
  }

  .xl-p-3 {
    padding-top: calc(var(--spacing-unit) * 3);
    padding-bottom: calc(var(--spacing-unit) * 3);
    padding-left: calc(var(--spacing-unit) * 3);
    padding-right: calc(var(--spacing-unit) * 3);
  }

  .xl-p-4 {
    padding-top: calc(var(--spacing-unit) * 4);
    padding-bottom: calc(var(--spacing-unit) * 4);
    padding-left: calc(var(--spacing-unit) * 4);
    padding-right: calc(var(--spacing-unit) * 4);
  }
}
.spacing-max-sm {
  --spacing-unit: var(--spacing-unit-sm);
}
.spacing-min-lg {
  --spacing-unit: var(--spacing-unit-lg);
}
body {
  --spacing-unit: var(--spacing-unit-sm);
}
@media only screen and (min-width: 768px) {
  body {
    --spacing-unit: var(--spacing-unit-lg);
  }
}
.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);
}
body {
  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;
}
/* 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;
}
@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-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);
  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 {
  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 {
  color: var(--btn-primary-disabled-color);
  background-color: var(--btn-primary-disabled-background-color);
  border-color: var(--btn-primary-disabled-border-color);
  -webkit-text-decoration: var(--btn-primary-disabled-text-decoration);
          text-decoration: var(--btn-primary-disabled-text-decoration);
  --btn-text-decoration: var(--btn-primary-disabled-text-decoration);
}
.btn.btn--primary.btn--disabled:hover:not(.btn--disabled):not(:disabled), .btn.btn--primary:disabled:hover:not(.btn--disabled):not(:disabled) {
  color: var(--btn-primary-disabled-hover-color);
  background-color: var(--btn-primary-disabled-hover-background-color);
  border-color: var(--btn-primary-disabled-hover-border-color);
  -webkit-text-decoration: var(--btn-primary-disabled-hover-border-color);
          text-decoration: var(--btn-primary-disabled-hover-border-color);
  --btn-text-decoration: var(--btn-primary-disabled-hover-border-color);
}
.btn.btn--primary.btn--disabled:active:not(.btn--disabled):not(:disabled), .btn.btn--primary:disabled:active:not(.btn--disabled):not(:disabled) {
  outline: none;
}
.btn.btn--primary.btn--disabled:focus:not(:focus-visible), .btn.btn--primary:disabled:focus:not(:focus-visible) {
  outline: none;
}
.btn.btn--primary.btn--disabled:focus-visible:not(:active), .btn.btn--primary:disabled:focus-visible:not(:active) {
  outline-color: var(--btn-primary-disabled-hover-border-color);
}
.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 {
  color: var(--btn-primary-inverted-disabled-color);
  background-color: var(--btn-primary-inverted-disabled-background-color);
  border-color: var(--btn-primary-inverted-disabled-border-color);
  -webkit-text-decoration: var(--btn-primary-inverted-disabled-text-decoration);
          text-decoration: var(--btn-primary-inverted-disabled-text-decoration);
  --btn-text-decoration: var(--btn-primary-inverted-disabled-text-decoration);
}
.btn.btn--primary-inverted.btn--disabled:hover:not(.btn--disabled):not(:disabled), .btn.btn--primary-inverted:disabled:hover:not(.btn--disabled):not(:disabled) {
  color: var(--btn-primary-inverted-disabled-hover-color);
  background-color: var(--btn-primary-inverted-disabled-hover-background-color);
  border-color: var(--btn-primary-inverted-disabled-hover-border-color);
  -webkit-text-decoration: var(--btn-primary-inverted-disabled-hover-border-color);
          text-decoration: var(--btn-primary-inverted-disabled-hover-border-color);
  --btn-text-decoration: var(--btn-primary-inverted-disabled-hover-border-color);
}
.btn.btn--primary-inverted.btn--disabled:active:not(.btn--disabled):not(:disabled), .btn.btn--primary-inverted:disabled:active:not(.btn--disabled):not(:disabled) {
  outline: none;
}
.btn.btn--primary-inverted.btn--disabled:focus:not(:focus-visible), .btn.btn--primary-inverted:disabled:focus:not(:focus-visible) {
  outline: none;
}
.btn.btn--primary-inverted.btn--disabled:focus-visible:not(:active), .btn.btn--primary-inverted:disabled:focus-visible:not(:active) {
  outline-color: var(--btn-primary-inverted-disabled-hover-border-color);
}
.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 {
  color: var(--btn-secondary-disabled-color);
  background-color: var(--btn-secondary-disabled-background-color);
  border-color: var(--btn-secondary-disabled-border-color);
  -webkit-text-decoration: var(--btn-secondary-disabled-text-decoration);
          text-decoration: var(--btn-secondary-disabled-text-decoration);
  --btn-text-decoration: var(--btn-secondary-disabled-text-decoration);
}
.btn.btn--secondary.btn--disabled:hover:not(.btn--disabled):not(:disabled), .btn.btn--secondary:disabled:hover:not(.btn--disabled):not(:disabled) {
  color: var(--btn-secondary-disabled-hover-color);
  background-color: var(--btn-secondary-disabled-hover-background-color);
  border-color: var(--btn-secondary-disabled-hover-border-color);
  -webkit-text-decoration: var(--btn-secondary-disabled-hover-border-color);
          text-decoration: var(--btn-secondary-disabled-hover-border-color);
  --btn-text-decoration: var(--btn-secondary-disabled-hover-border-color);
}
.btn.btn--secondary.btn--disabled:active:not(.btn--disabled):not(:disabled), .btn.btn--secondary:disabled:active:not(.btn--disabled):not(:disabled) {
  outline: none;
}
.btn.btn--secondary.btn--disabled:focus:not(:focus-visible), .btn.btn--secondary:disabled:focus:not(:focus-visible) {
  outline: none;
}
.btn.btn--secondary.btn--disabled:focus-visible:not(:active), .btn.btn--secondary:disabled:focus-visible:not(:active) {
  outline-color: var(--btn-secondary-disabled-hover-border-color);
}
.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 {
  color: var(--btn-secondary-inverted-disabled-color);
  background-color: var(--btn-secondary-inverted-disabled-background-color);
  border-color: var(--btn-secondary-inverted-disabled-border-color);
  -webkit-text-decoration: var(--btn-secondary-inverted-disabled-text-decoration);
          text-decoration: var(--btn-secondary-inverted-disabled-text-decoration);
  --btn-text-decoration: var(--btn-secondary-inverted-disabled-text-decoration);
}
.btn.btn--secondary-inverted.btn--disabled:hover:not(.btn--disabled):not(:disabled), .btn.btn--secondary-inverted:disabled:hover:not(.btn--disabled):not(:disabled) {
  color: var(--btn-secondary-inverted-disabled-hover-color);
  background-color: var(--btn-secondary-inverted-disabled-hover-background-color);
  border-color: var(--btn-secondary-inverted-disabled-hover-border-color);
  -webkit-text-decoration: var(--btn-secondary-inverted-disabled-hover-border-color);
          text-decoration: var(--btn-secondary-inverted-disabled-hover-border-color);
  --btn-text-decoration: var(--btn-secondary-inverted-disabled-hover-border-color);
}
.btn.btn--secondary-inverted.btn--disabled:active:not(.btn--disabled):not(:disabled), .btn.btn--secondary-inverted:disabled:active:not(.btn--disabled):not(:disabled) {
  outline: none;
}
.btn.btn--secondary-inverted.btn--disabled:focus:not(:focus-visible), .btn.btn--secondary-inverted:disabled:focus:not(:focus-visible) {
  outline: none;
}
.btn.btn--secondary-inverted.btn--disabled:focus-visible:not(:active), .btn.btn--secondary-inverted:disabled:focus-visible:not(:active) {
  outline-color: var(--btn-secondary-inverted-disabled-hover-border-color);
}
.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 {
  color: var(--btn-tertiary-disabled-color);
  background-color: var(--btn-tertiary-disabled-background-color);
  border-color: var(--btn-tertiary-disabled-border-color);
  -webkit-text-decoration: var(--btn-tertiary-disabled-text-decoration);
          text-decoration: var(--btn-tertiary-disabled-text-decoration);
  --btn-text-decoration: var(--btn-tertiary-disabled-text-decoration);
}
.btn.btn--tertiary.btn--disabled:hover:not(.btn--disabled):not(:disabled), .btn.btn--tertiary:disabled:hover:not(.btn--disabled):not(:disabled) {
  color: var(--btn-tertiary-disabled-hover-color);
  background-color: var(--btn-tertiary-disabled-hover-background-color);
  border-color: var(--btn-tertiary-disabled-hover-border-color);
  -webkit-text-decoration: var(--btn-tertiary-disabled-hover-border-color);
          text-decoration: var(--btn-tertiary-disabled-hover-border-color);
  --btn-text-decoration: var(--btn-tertiary-disabled-hover-border-color);
}
.btn.btn--tertiary.btn--disabled:active:not(.btn--disabled):not(:disabled), .btn.btn--tertiary:disabled:active:not(.btn--disabled):not(:disabled) {
  outline: none;
}
.btn.btn--tertiary.btn--disabled:focus:not(:focus-visible), .btn.btn--tertiary:disabled:focus:not(:focus-visible) {
  outline: none;
}
.btn.btn--tertiary.btn--disabled:focus-visible:not(:active), .btn.btn--tertiary:disabled:focus-visible:not(:active) {
  outline-color: var(--btn-tertiary-disabled-hover-border-color);
}
.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 {
  color: var(--btn-toggle-disabled-color);
  background-color: var(--btn-toggle-disabled-background-color);
  border-color: var(--btn-toggle-disabled-border-color);
  -webkit-text-decoration: var(--btn-toggle-disabled-text-decoration);
          text-decoration: var(--btn-toggle-disabled-text-decoration);
  --btn-text-decoration: var(--btn-toggle-disabled-text-decoration);
}
.btn.btn--toggle.btn--disabled:hover:not(.btn--disabled):not(:disabled), .btn.btn--toggle:disabled:hover:not(.btn--disabled):not(:disabled) {
  color: var(--btn-toggle-disabled-hover-color);
  background-color: var(--btn-toggle-disabled-hover-background-color);
  border-color: var(--btn-toggle-disabled-hover-border-color);
  -webkit-text-decoration: var(--btn-toggle-disabled-hover-border-color);
          text-decoration: var(--btn-toggle-disabled-hover-border-color);
  --btn-text-decoration: var(--btn-toggle-disabled-hover-border-color);
}
.btn.btn--toggle.btn--disabled:active:not(.btn--disabled):not(:disabled), .btn.btn--toggle:disabled:active:not(.btn--disabled):not(:disabled) {
  outline: none;
}
.btn.btn--toggle.btn--disabled:focus:not(:focus-visible), .btn.btn--toggle:disabled:focus:not(:focus-visible) {
  outline: none;
}
.btn.btn--toggle.btn--disabled:focus-visible:not(:active), .btn.btn--toggle:disabled:focus-visible:not(:active) {
  outline-color: var(--btn-toggle-disabled-hover-border-color);
}
.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: calc(var(--spacing-unit) * 3);
}
.form-panel__title {
  margin-bottom: calc(var(--spacing-unit) * 2);
  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;
}
html {
  -ms-overflow-style: scrollbar;
  font-size: 62.5%;
  overflow: auto;
  box-sizing: border-box;
  -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;
  margin-left: 0;
}
html,
app-root,
claims-app-root,
.app-root,
body {
  height: 100%;
  overflow: visible !important;
}
.full-page {
  min-height: 100%;
  width: 100%;
}
.trustpilot-widget {
  position: absolute;
  right: 0;
}
hr.divider-fat {
  border: none;
  border-bottom: 2px solid var(--separator--secondary);
}
ol.list {
  list-style-type: inherit;
}
.btn {
  min-width: 256px;
}
.claims-heading,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: var(--spacing-unit);
}
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
  color: inherit;
}
.form-group label,
.form-group .label {
  margin-bottom: 0;
}
input:focus {
  outline-style: auto;
}
.list {
  padding-left: 20px;
}
.list .list-item {
  margin-bottom: 15px;
  line-height: normal;
}
.list .list-item--unordered {
  list-style: none;
  position: relative;
}
.list .list-item--unordered:before {
  content: "•";
  display: block;
  position: absolute;
  max-width: 0;
  max-height: 0;
  left: -21px;
  top: -12px;
  font-size: 30px;
}
.list .list-item--primary:before {
  color: var(--text-color--highlight);
}
.icon {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.rebrand .claims-heading {
  color: var(--header--contrast);
  margin: 0;
}
.rebrand caption span {
  display: block;
  margin-top: var(--spacing-unit);
}
.text--white-space {
  white-space: nowrap;
}
.row--spacer {
  margin-top: 30px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 1024px) {
  .row--spacer {
    margin-top: 45px;
    margin-bottom: 45px;
  }
}
.row--spacer-small {
  margin-bottom: 10px;
  margin-top: 10px;
}
@media only screen and (min-width: 1024px) {
  .row--spacer-small {
    margin-bottom: 20px;
    margin-top: 20px;
  }
}
.row--spacer-top {
  margin-top: 30px;
}
@media only screen and (min-width: 1024px) {
  .row--spacer-top {
    margin-top: 45px;
  }
}
.row--spacer-top-small {
  margin-top: 10px;
}
@media only screen and (min-width: 1024px) {
  .row--spacer-top-small {
    margin-top: 20px;
  }
}
.row--spacer-top-medium {
  margin-top: 15px;
}
@media only screen and (min-width: 1024px) {
  .row--spacer-top-medium {
    margin-top: 30px;
  }
}
.row--spacer-top-large {
  margin-top: 40px;
}
@media only screen and (min-width: 1024px) {
  .row--spacer-top-large {
    margin-top: 60px;
  }
}
.row--spacer-bottom {
  margin-bottom: 30px;
}
@media only screen and (min-width: 1024px) {
  .row--spacer-bottom {
    margin-bottom: 45px;
  }
}
.row--spacer-bottom-small {
  margin-bottom: 10px;
}
.row--spacer-bottom-medium {
  margin-bottom: 15px;
}
@media only screen and (min-width: 1024px) {
  .row--spacer-bottom-medium {
    margin-bottom: 30px;
  }
}
.row--spacer-bottom-large {
  margin-bottom: 40px;
}
@media only screen and (min-width: 1024px) {
  .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;
}
.card-spacer {
  display: block;
  padding: 20px;
  text-align: center;
  background: var(--panel-bg--highlight-subtle);
}
@media only screen and (min-width: 768px) {
  .card-spacer {
    padding: 25px 30px 30px 30px;
  }
}
.call-us {
  display: inline-block;
  position: relative;
  margin: 40px 0 20px 0;
}
.call-us__number {
  margin: 40px 0 0 0;
}
.icon-round {
  background: var(--panel-bg--highlight-subtle);
  border-radius: 30px;
  height: 24px;
  width: 24px;
  margin: 0px auto;
  transform: scale(3);
}
.model-card {
  display: block;
  background: #fff;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 667px) {
  .call-us {
    margin: 20px 0;
  }
  .call-us__number {
    float: left;
    margin: 0;
  }

  .icon-round {
    margin: 20px 40px 0 0;
    float: left;
  }
}
.bg--page {
  background: var(--page-bg);
}
.bg--page-alt {
  background: var(--page-bg--alt);
}
.bg--primary {
  background-image: linear-gradient(-161deg, var(--primary-500) 0%, var(--primary-700) 100%);
  color: var(--tone-100);
}
form {
  width: 100%;
}
.form-control {
  position: relative;
  width: 100%;
  max-width: var(--max-input-width, auto);
}
.form-control input,
.form-control textarea,
.form-control select {
  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 */
}
.form-control input:focus,
.form-control textarea:focus,
.form-control select:focus {
  outline-width: 2px;
  outline-color: var(--input-border-color--focus);
}
.form-control input::placeholder,
.form-control textarea::placeholder,
.form-control select::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);
}
.form-control input::-webkit-input-placeholder,
.form-control textarea::-webkit-input-placeholder,
.form-control select::-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);
}
.form-control input:-ms-input-placeholder,
.form-control textarea:-ms-input-placeholder,
.form-control select:-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);
}
.legacy-form-builder {
  /*tooltip related */
}
.legacy-form-builder.form-input {
  margin-bottom: 16px;
  position: relative;
}
.legacy-form-builder.form-input .form-input-feedback + .form-input-feedback {
  margin-bottom: 0;
}
.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-unit);
  margin-bottom: 11px;
}
.legacy-form-builder.form-input .form-control, .legacy-form-builder.form-group .form-control {
  margin: 0;
}
.legacy-form-builder .form-control .validation-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-control textarea,
.legacy-form-builder .form-control select {
  resize: none;
}
.legacy-form-builder.is-invalid .form-control input:not(.mat-input-element):not(.pure):not([type=radio]),
.legacy-form-builder.is-invalid .form-control textarea,
.legacy-form-builder.is-invalid .form-control select {
  transition: all 0.8s ease-in-out;
  border: var(--input-border-width--invalid) solid var(--error);
}
.legacy-form-builder.is-invalid .form-control .validation-icon.icon-error-circle {
  transform: scale(1);
  background: var(--error);
  color: var(--error--contrast);
}
.legacy-form-builder.is-invalid .form-control .validation-icon.icon-error-circle::before {
  font-size: calc(0.8 * var(--input-error-icon-size));
  font-weight: bold;
}
.legacy-form-builder.is-valid .form-control input:not(.mat-input-element):not(.pure):not([type=radio]),
.legacy-form-builder.is-valid .form-control textarea,
.legacy-form-builder.is-valid .form-control select {
  border: var(--input-border-width--valid) solid var(--input-border-color--valid);
}
.legacy-form-builder.is-valid .form-control .validation-icon.icon-tick-circle {
  transform: scale(1);
  background: var(--success);
  color: var(--success--contrast);
}
.legacy-form-builder.is-valid .form-control .validation-icon.icon-tick-circle::before {
  font-size: var(--input-error-icon-size) !important;
}
.legacy-form-builder .form-control:after {
  content: "";
  transition: all 0.2s ease-in-out;
  transform: scale(0);
  z-index: 1;
}
.legacy-form-builder .form-input-feedback {
  color: var(--error);
  display: block;
  margin: 7px 0;
}
.legacy-form-builder input:-webkit-autofill,
.legacy-form-builder input:-webkit-autofill:hover,
.legacy-form-builder input:-webkit-autofill:focus,
.legacy-form-builder input:-webkit-autofill:active,
.legacy-form-builder textarea:-webkit-autofill,
.legacy-form-builder textarea:-webkit-autofill:hover,
.legacy-form-builder textarea:-webkit-autofill:focus,
.legacy-form-builder textarea:-webkit-autofill:active,
.legacy-form-builder select:-webkit-autofill,
.legacy-form-builder select:-webkit-autofill:hover,
.legacy-form-builder select:-webkit-autofill:focus,
.legacy-form-builder select:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px var(--input-background-color) inset !important;
}
.legacy-form-builder textarea {
  min-height: 140px;
  padding-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .legacy-form-builder textarea {
    min-height: 105px;
    padding-bottom: 8px;
    padding-top: 8px;
  }
}
.legacy-form-builder .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 .tooltip:before {
  content: "?";
  font-family: Arial, sans-serif;
  font-weight: bold;
  color: var(--primary-interactive-contrast-color);
}
.legacy-form-builder .tooltip:hover + p {
  display: block;
  z-index: 1;
  transform-origin: 100% 0;
  animation: fadeIn 0.3s ease-in-out;
}
.legacy-form-builder .tooltip + p {
  display: none;
  text-align: left;
  padding: 20px;
}
.cx-callback {
  position: relative !important;
  right: auto !important;
}
.cx-hide-component {
  display: none;
}
.cx-button-group.cx-buttons-window-control > button {
  display: none !important;
}
.cx-button-group.cx-buttons-binary .cx-btn.cx-callback-cancel {
  display: none;
}
.cx-calendar.cx-theme-background .cx-button-group.cx-buttons-default {
  display: none;
}
.cx-number-confirm {
  display: none;
}
.cx-confirmation .cx-callback-done {
  display: none;
}
.cx-calendar-day-container.cx-active {
  background-color: #12c35c !important;
}
.cx-widget.cx-theme-light .cx-svg-icon-tone1 {
  fill: #984ab4 !important;
}
.cx-theme-light .cx-calendar .cx-calendar-day-container:hover {
  background-color: #2e69db !important;
}
.cx-calendar-day {
  font-weight: normal !important;
}
.cx-common-container .cx-titlebar .cx-icon {
  margin-top: 8px !important;
}
.cx-calendar .cx-active,
.cx-calendar .cx-tablinks:focus,
.cx-calendar .cx-time-content:focus {
  background-color: #12c35c !important;
}
.cx-calendar .cx-calendar-row span:hover,
.cx-calendar .cx-tablinks:hover,
.cx-calendar div.cx-calendar-day-container:hover {
  background-color: #12c35c;
}
.cx-calendar-day-container:hover {
  background-color: #ade5ac !important;
}
.cx-calendar-container,
.cx-calendar {
  width: 100%;
}
.cx-callback {
  max-width: 600px;
  width: 50%;
  margin: auto;
}
.cx-body {
  height: 320px !important;
}
.cx-calendar > .cx-button-group.cx-buttons-default .cx-btn.cx-btn-default {
  background-color: #fdfdfd;
  border-color: #12c35c !important;
  color: #444a52;
}
.cx-form-inputs > table {
  display: none;
}
/*
  	Light Theme Color Overrides
  */
.cx-widget.cx-theme-light {
  background-color: #fdfdfd;
  scrollbar-face-color: #cccccc;
  /* WCAG: non-text contrast for UI components - primary button focus state */
  /* loader icon */
}
.cx-widget.cx-theme-light .cx-theme {
  background-color: #fdfdfd;
  color: #444a52;
  border-color: #dae1e8 !important;
}
.cx-widget.cx-theme-light .cx-overlay {
  background-color: #fdfdfd;
}
.cx-widget.cx-theme-light .cx-svg-icon-tone1 {
  fill: #12c35c;
}
.cx-widget.cx-theme-light .cx-svg-icon-tone2 {
  fill: #8c8c8c;
}
.cx-widget.cx-theme-light .cx-svg-icon-shadow1 {
  fill: #000000;
  opacity: 0.2;
}
.cx-widget.cx-theme-light .cx-svg-icon-shadow2 {
  fill: #000000;
  opacity: 0.1;
}
.cx-widget.cx-theme-light * {
  border-color: #dae1e8;
}
.cx-widget.cx-theme-light .cx-titlebar .cx-title {
  color: #444a52;
}
.cx-widget.cx-theme-light .cx-buttons-window-control .cx-svg-icon-tone1 {
  fill: #8795a6;
}
.cx-widget.cx-theme-light .cx-input-icon-overlay .cx-svg-icon-tone1 {
  fill: #98a7b8;
}
.cx-widget.cx-theme-light .cx-input-group-btn .cx-svg-icon-tone1 {
  fill: #fdfdfd;
}
.cx-widget.cx-theme-light label {
  color: #444a52;
}
.cx-widget.cx-theme-light a {
  color: #000000;
}
.cx-widget.cx-theme-light a:hover {
  color: #000000;
}
.cx-widget.cx-theme-light .cx-icon-alert-circle {
  color: #f53131;
}
.cx-widget.cx-theme-light .cx-footer,
.cx-widget.cx-theme-light .cx-branding {
  color: #66759b;
}
.cx-widget.cx-theme-light .cx-footer *,
.cx-widget.cx-theme-light .cx-branding * {
  fill: #66759b;
}
.cx-widget.cx-theme-light .cx-form-control.cx-error {
  border-color: #f53131;
}
.cx-widget.cx-theme-light .cx-form-control::placeholder {
  color: #6f7491;
}
.cx-widget.cx-theme-light .cx-form-control:-moz-placeholder {
  color: #6f7491;
}
.cx-widget.cx-theme-light .cx-form-control::-moz-placeholder {
  color: #6f7491;
}
.cx-widget.cx-theme-light .cx-form-control:-ms-input-placeholder {
  color: #6f7491;
}
.cx-widget.cx-theme-light .cx-form-control::-webkit-input-placeholder {
  color: #6f7491;
}
.cx-widget.cx-theme-light input:focus,
.cx-widget.cx-theme-light textarea:focus,
.cx-widget.cx-theme-light .cx-btn:focus,
.cx-widget.cx-theme-light .cx-button-group button:focus,
.cx-widget.cx-theme-light .cx-form-control:not(.cx-error):focus {
  border-color: #ade5ac !important;
}
.cx-widget.cx-theme-light input[type=text],
.cx-widget.cx-theme-light input[type=email],
.cx-widget.cx-theme-light input[type=tel],
.cx-widget.cx-theme-light select,
.cx-widget.cx-theme-light textarea {
  background-color: #fdfdfd;
  color: #444a52;
  border-color: #94948a;
}
.cx-widget.cx-theme-light .cx-btn-default {
  background: none;
  border-color: #dae1e8 !important;
  color: #fdfdfd;
  background-color: #555d66;
}
.cx-widget.cx-theme-light .cx-btn.cx-disabled {
  background: #cccccc;
}
.cx-widget.cx-theme-light .cx-btn-primary {
  color: #fdfdfd;
  border-color: #12c35c !important;
  background: #12c35c;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #12c35c 0%, #12c35c 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@bg_color_4", endColorstr="@bg_color_5", GradientType=0);
  /* IE6-9 */
  background-color: #12c35c;
  /* Old browsers */
}
.cx-widget.cx-theme-light .cx-button-group .cx-btn-primary:focus,
.cx-widget.cx-theme-light .cx-btn-primary:focus,
.cx-widget.cx-theme-light .cx-button-group .cx-btn-default:focus,
.cx-widget.cx-theme-light .cx-btn-default:focus {
  border-color: #12c35c !important;
}
.cx-widget.cx-theme-light .cx-ac-dropdown-menu {
  background: #fdfdfd;
  border-color: #dae1e8 !important;
}
.cx-widget.cx-theme-light .cx-ac-suggestion:hover,
.cx-widget.cx-theme-light .cx-ac-suggestion.cx-active {
  background-color: #ade5ac;
  color: #fdfdfd;
}
.cx-widget.cx-theme-light ::-webkit-scrollbar-thumb {
  background: #939399;
  /* WCAG: Non-text contrast */
}
.cx-widget.cx-theme-light .cx-smokescreen {
  background-color: #fdfdfd;
  opacity: 0.7;
}
.cx-widget.cx-theme-light .cx-dialog-container .cx-dialog {
  background-color: #fdfdfd;
  border-color: #dae1e8 !important;
}
.cx-widget.cx-theme-light .cx-theme-background {
  background-color: #fdfdfd;
}
.cx-widget.cx-theme-light .cx-theme-border {
  border: 1px solid #dae1e8 !important;
}
.cx-widget.cx-theme-light .cx-theme-text {
  color: #444a52;
}
.cx-widget.cx-theme-light .cx-theme-icon-interactive1 svg .cx-svg-icon-tone1 {
  fill: #5081e1;
}
.cx-widget.cx-theme-light .cx-theme-icon-positive svg .cx-svg-icon-tone1 {
  fill: #34a84f;
}
.cx-widget.cx-theme-light .cx-theme-icon-negative svg .cx-svg-icon-tone1 {
  fill: #f53131;
}
.cx-widget.cx-theme-light .cx-theme-icon-warning svg .cx-svg-icon-tone1 {
  fill: #d47f2f;
}
.cx-widget.cx-theme-light .cx-warning {
  color: #f53131 !important;
}
.cx-widget.cx-theme-light .cx-warning .cx-icon svg * {
  fill: #f53131 !important;
}
.cx-widget.cx-theme-light .cx-countdown {
  color: #444a52;
}
.cx-widget.cx-theme-light .cx-countdown .cx-icon svg * {
  fill: #444a52;
}
.cx-widget.cx-theme-light .cx-loading-screen .cx-loading-icon svg g g,
.cx-widget.cx-theme-light .cx-loading-container .cx-loading-icon svg g g {
  stroke: #2b74ff;
}
.cx-widget.cx-theme-light .cx-loading-screen .cx-loading-icon svg g:first-child g,
.cx-widget.cx-theme-light .cx-loading-container .cx-loading-icon svg g:first-child g {
  stroke: #72799d;
}
.cdk-global-overlay-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-content: center;
  z-index: 1000;
  background: rgba(51, 51, 51, 0.5);
}
ui-button .icon {
  width: unset;
  height: unset;
}
.alert-dialog {
  background-color: #fff;
}
p-calendar.ng-invalid.ng-touched .p-inputtext {
  outline: 2px solid var(--error-600) !important;
  border-radius: 0 !important;
  border: none !important;
}
p-calendar.ng-invalid.ng-touched .p-datepicker {
  outline: 2px solid var(--error-600) !important;
}
.p-calendar {
  width: 202px;
}
.p-datepicker {
  padding: 0.5rem;
  background: #ffffff;
  color: #495057;
}
.p-datepicker:not(.p-datepicker-inline) {
  background: #ffffff;
  border: 0;
  outline: 2px solid var(--tone-700);
}
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
  background: #ffffff;
}
.p-calendar-w-btn {
  cursor: pointer;
}
.p-calendar-w-btn .p-inputtext {
  border: none !important;
  outline: 1px solid var(--tone-700) !important;
  transform: none;
  cursor: pointer;
  transition: none;
}
.p-calendar--open .p-inputtext {
  outline: 2px solid var(--tone-700) !important;
  border: none !important;
}
.p-datepicker .p-datepicker-header {
  padding: 10px 5px;
  color: var(--tone-700);
  background: #ffffff;
  font-weight: 600;
  margin: 0;
  border-bottom: 1px solid var(--tone-400);
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.p-calendar-w-btn .p-datepicker-trigger {
  display: flex;
  align-items: center;
  font-size: 18px;
  position: absolute;
  border: 0;
  background: transparent;
  right: 0;
  height: 100%;
}
.p-calendar-w-btn .p-datepicker-trigger .icon {
  font-size: 23px;
  height: 23px;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next {
  width: 2rem;
  height: 2rem;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover {
  background-color: #ebebeb;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
  outline: 0 none;
  outline-offset: 0;
}
.p-datepicker .p-datepicker-header .p-datepicker-title {
  line-height: 2rem;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
  outline: 0 none;
  outline-offset: 0;
  border-color: var(--primary-700);
}
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
  margin-right: 0.5rem;
}
.p-datepicker table {
  font-size: 1rem;
  margin: 0.5rem 0;
}
.p-datepicker table th {
  padding: 0.5rem;
}
.p-datepicker table th > span {
  width: 2.5rem;
  height: 2.5rem;
}
.p-datepicker table td {
  padding: 0.5rem;
}
.pi-chevron-right,
.pi-chevron-left {
  font-size: 11px;
  margin-top: 4px;
}
.pi-chevron-right:before,
.pi-chevron-left:before {
  /* 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;
  color: var(--tone-700);
}
.pi-chevron-right:before {
  content: "\e908";
}
.pi-chevron-left:before {
  content: "\e907";
}
.p-datepicker table td > span {
  width: 31px;
  height: 31px;
  border-radius: 50%;
  border: 1px solid transparent;
  font-size: 12px;
  font-family: var(--typog-default-body-family);
  font-weight: 600;
  transition: all ease 0.3s;
  color: var(--tone-700);
}
.p-datepicker table td > span:not(.p-disabled):hover {
  background: var(--primary-700);
  color: #fff;
}
.p-datepicker table td > span.p-disabled {
  font-weight: 300;
  color: var(--tone-600);
}
.p-datepicker table thead th > span {
  font-size: 13px;
  font-weight: 600;
  color: var(--tone-700);
}
.p-datepicker table thead th.p-disabled > span {
  font-weight: 300;
  color: var(--tone-600);
}
.p-datepicker table td > span.p-highlight {
  color: #fff;
  background: var(--primary-700);
}
.p-datepicker table td > span:focus {
  outline: 0 none;
  outline-offset: 0;
}
.p-datepicker table td.p-datepicker-today > span {
  background: var(--tone-400);
  color: var(--tone-600);
  border-color: transparent;
}
.p-datepicker table td.p-datepicker-today > span.p-highlight {
  color: #fff;
  background: var(--primary-700);
}
/**
  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
 */
.claims {
  /*
    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-unit-sm: 8px;
  --spacing-unit-lg: 16px;
  --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-primary-disabled-color: var(--tone-300);
  --btn-primary-disabled-text-decoration: none;
  --btn-primary-disabled-background-color: var(--primary-interactive-contrast-color);
  --btn-primary-disabled-border-color: var(--tone-300);
  --btn-primary-disabled-hover-color: var(--tone-300);
  --btn-primary-disabled-hover-text-decoration: none;
  --btn-primary-disabled-hover-background-color: var(--primary-interactive-contrast-color);
  --btn-primary-disabled-hover-border-color: var(--tone-300);
  --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-secondary-disabled-color: var(--tone-300);
  --btn-secondary-disabled-text-decoration: none;
  --btn-secondary-disabled-background-color: var(--primary-interactive-contrast-color);
  --btn-secondary-disabled-border-color: var(--tone-300);
  --btn-secondary-disabled-hover-color: var(--tone-300);
  --btn-secondary-disabled-hover-text-decoration: none;
  --btn-secondary-disabled-hover-background-color: var(--primary-interactive-contrast-color);
  --btn-secondary-disabled-hover-border-color: var(--tone-300);
  --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-tertiary-disabled-color: var(--tone-300);
  --btn-tertiary-disabled-text-decoration: none;
  --btn-tertiary-disabled-background-color: var(--primary-interactive-contrast-color);
  --btn-tertiary-disabled-border-color: var(--tone-300);
  --btn-tertiary-disabled-hover-color: var(--tone-300);
  --btn-tertiary-disabled-hover-text-decoration: none;
  --btn-tertiary-disabled-hover-background-color: var(--primary-interactive-contrast-color);
  --btn-tertiary-disabled-hover-border-color: var(--tone-300);
  --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-toggle-disabled-color: var(--tone-300);
  --btn-toggle-disabled-text-decoration: none;
  --btn-toggle-disabled-background-color: var(--primary-contrast);
  --btn-toggle-disabled-border-color: var(--tone-300);
  --btn-toggle-disabled-hover-color: var(--tone-300);
  --btn-toggle-disabled-hover-text-decoration: none;
  --btn-toggle-disabled-hover-background-color: var(--primary-contrast);
  --btn-toggle-disabled-hover-border-color: var(--tone-300);
  --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);
  --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-disabled-color: var(--btn-primary-color);
  --btn-primary-disabled-background-color: var(--btn-primary-background-color);
  --btn-primary-disabled-border-color: var(--btn-primary-border-color);
  --btn-primary-disabled-hover-color: var(--btn-primary-hover-color);
  --btn-primary-disabled-hover-background-color: var(--btn-primary-hover-background-color);
  --btn-primary-disabled-hover-border-color: var(--btn-primary-hover-background-color);
  --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-disabled-color: var(--btn-secondary-color);
  --btn-secondary-disabled-background-color: var(--btn-secondary-background-color);
  --btn-secondary-disabled-border-color: var(--btn-secondary-border-color);
  --btn-secondary-disabled-hover-color: var(--btn-secondary-hover-color);
  --btn-secondary-disabled-hover-background-color: var(--btn-secondary-hover-background-color);
  --btn-secondary-disabled-hover-border-color: var(--btn-secondary-hover-background-color);
  --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);
  --btn-toggle-disabled-color: var(--btn-toggle-color);
  --btn-toggle-disabled-text-decoration: var(--btn-toggle-text-decoration);
  --btn-toggle-disabled-background-color: var(--btn-toggle-background-color);
  --btn-toggle-disabled-border-color: var(--btn-toggle-border-color);
  --btn-toggle-disabled-hover-color: var(--btn-toggle-hover-color);
  --btn-toggle-disabled-hover-text-decoration: var(--btn-toggle-hover-text-decoration);
  --btn-toggle-disabled-hover-background-color: var(--btn-toggle-hover-background-color);
  --btn-toggle-disabled-hover-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;
  --header-rebrand: var(--hero-color);
  --header--contrast: var(--hero-contrast-color);
}
.claims .tooltip__content[class] {
  padding: calc(var(--spacing-unit) * 2);
}
.grecaptcha-badge {
  visibility: hidden;
}

/*# sourceMappingURL=styles.css.map*/