.p,
p {
  /*padding-bottom: 0;*/
  /*margin-bottom: calc(.5 * var(--root-unit));*/
  font-size: var(--font-size-small-1);
  font-weight: 400;
  line-height: 1.5em;
  color: var(--color-gray-shade-15);
}

body:not(.privacy-notice):not(.terms-conditions) .p,
body:not(.privacy-notice):not(.terms-conditions) p {
  padding-bottom: 0;
  margin-bottom: calc(0.5 * var(--root-unit));
}

article p {
  padding-bottom: 0;
  text-transform: none;
}
a {
  cursor: pointer;
  text-decoration: none !important;
  color: var(--color-blue-shade-3);
}
a:hover {
  text-decoration: none !important;
}
ul {
  line-height: normal;
}
strong,
b {
  font-weight: 600;
}
a,
li,
img,
input {
  -webkit-transition: inherit;
  transition: inherit;
}
p,
span,
h1,
h2,
h3,
h4,
h5,
h6 {
  cursor: default;
}
/*.unset-inside-all-child *,
.unset-inside-first-child > * {
    all: unset;
}
.inherit-inside-all-child *,
.inherit-inside-first-child > * {
    padding-top: inherit !important;
    padding-right: inherit !important;
    padding-bottom: inherit !important;
    padding-left: inherit !important;
    margin-top: inherit !important;
    margin-right: inherit !important;
    margin-bottom: inherit !important;
    margin-left: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    text-align: inherit !important;
    letter-spacing: inherit !important;
    text-wrap: inherit !important;
    color: inherit !important; 

    all: inherit !important;
}
.inherit-inside-text-all-child *,
.inherit-inside-text-first-child > * {
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    text-align: inherit !important;
    letter-spacing: inherit !important;
    text-wrap: inherit !important;
    color: inherit !important;
}
.inherit-inside-f-size-all-child *,
.inherit-inside-f-size-first-child > * {
    font-size: inherit !important;
}
.inherit-inside-f-weight-all-child *,
.inherit-inside-f-weight-first-child > * {
    font-weight: inherit !important;
}
.inherit-inside-f-color-all-child *,
.inherit-inside-f-color-first-child > * {
    color: inherit !important;
}
.inherit-inside-l-height-all-child *,
.inherit-inside-l-height-first-child > * {
    line-height: inherit !important;
}
.inherit-all-child *,
.inherit-all > *,
.f-inherit-all > p,
.f-inherit > p {
    padding-top: inherit !important;
    padding-right: inherit !important;
    padding-bottom: inherit !important;
    padding-left: inherit !important;
    margin-top: inherit !important;
    margin-right: inherit !important;
    margin-bottom: inherit !important;
    margin-left: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    text-align: inherit !important;
    letter-spacing: inherit !important;
    text-wrap: inherit !important;
    color: inherit !important;
}
.inherit-text-all-child *,
.inherit-text > *,
.f-inherit-text p {
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    text-align: inherit !important;
    letter-spacing: inherit !important;
    text-wrap: inherit !important;
    color: inherit !important;
}
.f-inherit-text strong {
    font-weight: 600 !important;
}
.inherit-margin-all-child *,
.inherit-margin > *,
.f-inherit-margin p {
    margin-top: inherit !important;
    margin-right: inherit !important; 
    margin-bottom: inherit !important;
    margin-left: inherit !important;
}
.inherit-padding-all-child *,
.inherit-padding > *,
.f-inherit-padding p {
    padding-top: inherit !important;
    padding-right: inherit !important; 
    padding-bottom: inherit !important;
    padding-left: inherit !important;
}*/
.f-body {
  font-size: var(--font-size-body) !important;
}
.f-display {
  font-family: var(--font-family-display) !important;
}
.f-barlow-condensed {
  font-family: "Barlow Condensed", sans-serif !important;
}
.f-100 {
  font-weight: 100 !important;
}
.f-200 {
  font-weight: 200 !important;
}
.f-300 {
  font-weight: 300 !important;
}
.f-400 {
  font-weight: 400 !important;
}
.f-500 {
  font-weight: 500 !important;
}
.f-600 {
  font-weight: 600 !important;
}
.f-700 {
  font-weight: 700 !important;
}
.f-800 {
  font-weight: 800 !important;
}
.f-900 {
  font-weight: 900 !important;
}
.f-small-1 {
  font-size: var(--font-size-small-1) !important;
}
.f-small-2 {
  font-size: var(--font-size-small-2) !important;
}
.f-small-3 {
  font-size: var(--font-size-small-3) !important;
}
.f-small-4 {
  font-size: var(--font-size-small-4) !important;
}
.f-small-5 {
  font-size: var(--font-size-small-5) !important;
}
.f-small-6 {
  font-size: var(--font-size-small-6) !important;
}
h6,
.h6,
.f-heading-6 {
  font-size: var(--font-size-normal);
}
.f-normal {
  font-size: var(--font-size-normal) !important;
}
.f-large-1 {
  font-size: var(--font-size-large-1) !important;
}
h5,
.h5,
.f-heading-5 {
  font-size: var(--font-size-large-2);
}
.f-large-2 {
  font-size: var(--font-size-large-2) !important;
}
h4,
.h4,
.f-heading-4 {
  font-size: var(--font-size-large-3);
}
.f-large-3 {
  font-size: var(--font-size-large-3) !important;
}
h3,
.h3,
.f-heading-3 {
  font-size: var(--font-size-large-4);
}
.f-large-4 {
  font-size: var(--font-size-large-4) !important;
}
h2,
.h2,
.f-heading-2 {
  font-size: var(--font-size-large-5);
}
.f-large-5 {
  font-size: var(--font-size-large-5) !important;
}
.f-large-6 {
  font-size: var(--font-size-large-6) !important;
}
h1,
.h1,
.f-heading-1 {
  font-size: var(--font-size-large-7);
}
.f-large-7 {
  font-size: var(--font-size-large-7) !important;
}
.f-large-8 {
  font-size: var(--font-size-large-8) !important;
}
.f-large-9 {
  font-size: var(--font-size-large-9) !important;
}
.f-large-10 {
  font-size: var(--font-size-large-10) !important;
}
.f-large-11 {
  font-size: var(--font-size-large-11) !important;
}
.f-large-12 {
  font-size: var(--font-size-large-12) !important;
}
.f-large-13 {
  font-size: var(--font-size-large-13) !important;
}
.f-large-14 {
  font-size: var(--font-size-large-14) !important;
}
.f-large-15 {
  font-size: var(--font-size-large-15) !important;
}
/*[role=heading],*/
.f-heading-1,
.f-heading-2,
.f-heading-3,
.f-heading-4,
.f-heading-5,
.f-heading-6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 300;
  line-height: 1.4em;
  color: var(--color-gray-shade-15);
}

/*body:not(.privacy-notice):not(.terms-conditions)  [role=heading],*/
body:not(.privacy-notice):not(.terms-conditions) .f-heading-1,
body:not(.privacy-notice):not(.terms-conditions) .f-heading-2,
body:not(.privacy-notice):not(.terms-conditions) .f-heading-3,
body:not(.privacy-notice):not(.terms-conditions) .f-heading-4,
body:not(.privacy-notice):not(.terms-conditions) .f-heading-5,
body:not(.privacy-notice):not(.terms-conditions) .f-heading-6,
body:not(.privacy-notice):not(.terms-conditions) .h1,
body:not(.privacy-notice):not(.terms-conditions) .h2,
body:not(.privacy-notice):not(.terms-conditions) .h3,
body:not(.privacy-notice):not(.terms-conditions) .h4,
body:not(.privacy-notice):not(.terms-conditions) .h5,
body:not(.privacy-notice):not(.terms-conditions) .h6,
body:not(.privacy-notice):not(.terms-conditions) h1,
body:not(.privacy-notice):not(.terms-conditions) h2,
body:not(.privacy-notice):not(.terms-conditions) h3,
body:not(.privacy-notice):not(.terms-conditions) h4,
body:not(.privacy-notice):not(.terms-conditions) h5,
body:not(.privacy-notice):not(.terms-conditions) h6 {
  margin-bottom: calc(0.5 * var(--root-unit));
}

.t-lh-1 {
  line-height: var(--font-line-height-1) !important;
}
.t-lh-2 {
  line-height: var(--font-line-height-2) !important;
}
.t-lh-3 {
  line-height: var(--font-line-height-3) !important;
}
.t-lh-4 {
  line-height: var(--font-line-height-4) !important;
}
.t-lh-5 {
  line-height: var(--font-line-height-5) !important;
}
.t-lh-6 {
  line-height: var(--font-line-height-6) !important;
}
.t-lh-7 {
  line-height: var(--font-line-height-7) !important;
}
.t-lh-8 {
  line-height: var(--font-line-height-8) !important;
}
.t-lh-9 {
  line-height: var(--font-line-height-9) !important;
}
.t-lh-10 {
  line-height: var(--font-line-height-10) !important;
}
.t-lines-1,
.t-lines-2,
.t-lines-3,
.t-lines-4,
.t-lines-5,
.t-lines-6,
.t-lines-7,
.t-lines-8,
.t-lines-9,
.t-lines-10 {
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;

  -webkit-box-orient: vertical !important;
  -o-text-overflow: ellipsis !important;
}
.t-lines-1 {
  -webkit-line-clamp: 1 !important;
  line-clamp: 1 !important;
}
.t-lines-2 {
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
}
.t-lines-3 {
  -webkit-line-clamp: 3 !important;
  line-clamp: 3 !important;
}
.t-lines-4 {
  -webkit-line-clamp: 4 !important;
  line-clamp: 4 !important;
}
.t-lines-5 {
  -webkit-line-clamp: 5 !important;
  line-clamp: 5 !important;
}
.t-lines-6 {
  -webkit-line-clamp: 6 !important;
  line-clamp: 6 !important;
}
.t-lines-7 {
  -webkit-line-clamp: 7 !important;
  line-clamp: 7 !important;
}
.t-lines-8 {
  -webkit-line-clamp: 8 !important;
  line-clamp: 8 !important;
}
.t-lines-9 {
  -webkit-line-clamp: 9 !important;
  line-clamp: 9 !important;
}
.t-lines-10 {
  -webkit-line-clamp: 10 !important;
  line-clamp: 10 !important;
}
.t-ls-1 {
  letter-spacing: var(--font-letter-spacing-1) !important;
}
.t-ls-2 {
  letter-spacing: var(--font-letter-spacing-2) !important;
}
.t-ls-3 {
  letter-spacing: var(--font-letter-spacing-3) !important;
}
.t-ls-4 {
  letter-spacing: var(--font-letter-spacing-3) !important;
}
.t-ls-4 {
  letter-spacing: var(--font-letter-spacing-4) !important;
}
.t-ls-5 {
  letter-spacing: var(--font-letter-spacing-5) !important;
}
.t-ls-6 {
  letter-spacing: var(--font-letter-spacing-6) !important;
}
.t-ls-7 {
  letter-spacing: var(--font-letter-spacing-7) !important;
}
.t-ls-8 {
  letter-spacing: var(--font-letter-spacing-8) !important;
}
.t-ls-9 {
  letter-spacing: var(--font-letter-spacing-9) !important;
}
.t-ls-10 {
  letter-spacing: var(--font-letter-spacing-10) !important;
}
.t-ls-n1 {
  letter-spacing: var(--font-letter-spacing-n1) !important;
}
.t-ls-n2 {
  letter-spacing: var(--font-letter-spacing-n2) !important;
}
.t-ls-n3 {
  letter-spacing: var(--font-letter-spacing-n3) !important;
}
.t-ls-n4 {
  letter-spacing: var(--font-letter-spacing-n3) !important;
}
.t-ls-n4 {
  letter-spacing: var(--font-letter-spacing-n4) !important;
}
.t-ls-n5 {
  letter-spacing: var(--font-letter-spacing-n5) !important;
}
.t-ls-n6 {
  letter-spacing: var(--font-letter-spacing-n6) !important;
}
.t-ls-n7 {
  letter-spacing: var(--font-letter-spacing-n7) !important;
}
.t-ls-n8 {
  letter-spacing: var(--font-letter-spacing-n8) !important;
}
.t-ls-n9 {
  letter-spacing: var(--font-letter-spacing-n9) !important;
}
.t-ls-n10 {
  letter-spacing: var(--font-letter-spacing-n10) !important;
}
.t-justify {
  text-align: justify !important;
}
.t-left {
  text-align: left !important;
}
.t-right {
  text-align: right !important;
}
.t-center {
  text-align: center !important;
}
.t-capitalize {
  text-transform: capitalize !important;
}
.t-uppercase {
  text-transform: uppercase !important;
}
.t-lowercase {
  text-transform: lowercase !important;
}
.t-oblique {
  font-style: oblique !important;
}
.t-italic {
  font-style: italic !important;
}
.t-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace !important;
}
.t-nowrap,
.t-truncate {
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;

  -o-text-overflow: ellipsis !important;
}
.t-wrap {
  white-space: normal !important;

  overflow-wrap: break-word !important;
}
@media (max-width: 575px) {
  .p-xs {
    padding-bottom: 0;
    margin-bottom: calc(0.5 * var(--root-unit));
    font-size: var(--font-size-small-1);
    font-weight: 400;
    line-height: 1.5em;
    color: var(--color-gray-shade-15);
  }
  .f-xs-body {
    font-size: var(--font-size-body) !important;
  }
  .f-xs-display {
    font-family: var(--font-family-display) !important;
  }
  .f-xs-barlow {
    font-family: "Barlow", sans-serif !important;
  }
  .f-xs-barlow-condensed {
    font-family: "Barlow Condensed", sans-serif;
  }
  .f-xs-barlow-semicondensed {
    font-family: "Barlow Semi Condensed", sans-serif;
  }
  .f-xs-100 {
    font-weight: 100 !important;
  }
  .f-xs-200 {
    font-weight: 200 !important;
  }
  .f-xs-300 {
    font-weight: 300 !important;
  }
  .f-xs-400 {
    font-weight: 400 !important;
  }
  .f-xs-500 {
    font-weight: 500 !important;
  }
  .f-xs-600 {
    font-weight: 600 !important;
  }
  .f-xs-700 {
    font-weight: 700 !important;
  }
  .f-xs-800 {
    font-weight: 800 !important;
  }
  .f-xs-900 {
    font-weight: 900 !important;
  }
  .f-xs-small-1 {
    font-size: var(--font-size-small-1) !important;
  }
  .f-xs-small-2 {
    font-size: var(--font-size-small-2) !important;
  }
  .f-xs-small-3 {
    font-size: var(--font-size-small-3) !important;
  }
  .f-xs-small-4 {
    font-size: var(--font-size-small-4) !important;
  }
  .f-xs-small-5 {
    font-size: var(--font-size-small-5) !important;
  }
  .f-xs-small-6 {
    font-size: var(--font-size-small-6) !important;
  }
  .h6-xs,
  .f-xs-heading-6,
  .f-xs-normal {
    font-size: var(--font-size-normal) !important;
  }
  .f-xs-large-1 {
    font-size: var(--font-size-large-1) !important;
  }
  .h5-xs,
  .f-xs-heading-5,
  .f-xs-large-2 {
    font-size: var(--font-size-large-2) !important;
  }
  .h4-xs,
  .f-xs-heading-4,
  .f-xs-large-3 {
    font-size: var(--font-size-large-3) !important;
  }
  .h3-xs,
  .f-xs-heading-3,
  .f-xs-large-4 {
    font-size: var(--font-size-large-4) !important;
  }
  .h2-xs,
  .f-xs-heading-2,
  .f-xs-large-5 {
    font-size: var(--font-size-large-5) !important;
  }
  .f-xs-large-6 {
    font-size: var(--font-size-large-6) !important;
  }
  .h1-xs,
  .f-xs-heading-1,
  .f-xs-large-7 {
    font-size: var(--font-size-large-7) !important;
  }
  .f-xs-large-8 {
    font-size: var(--font-size-large-8) !important;
  }
  .f-xs-large-9 {
    font-size: var(--font-size-large-9) !important;
  }
  .f-xs-large-10 {
    font-size: var(--font-size-large-10) !important;
  }
  .f-xs-large-11 {
    font-size: var(--font-size-large-11) !important;
  }
  .f-xs-large-12 {
    font-size: var(--font-size-large-12) !important;
  }
  .f-xs-large-13 {
    font-size: var(--font-size-large-13) !important;
  }
  .f-xs-large-14 {
    font-size: var(--font-size-large-14) !important;
  }
  .f-xs-large-15 {
    font-size: var(--font-size-large-15) !important;
  }
  .f-xs-heading-1,
  .f-xs-heading-2,
  .f-xs-heading-3,
  .f-xs-heading-4,
  .f-xs-heading-5,
  .f-xs-heading-6,
  .h1-xs,
  .h2-xs,
  .h3-xs,
  .h4-xs,
  .h5-xs,
  .h6-xs {
    margin-bottom: calc(0.5 * var(--root-unit));
    font-weight: 300;
    line-height: 1.4em;
    color: var(--color-gray-shade-15);
  }
  .t-xs-lh-1 {
    line-height: var(--font-line-height-1) !important;
  }
  .t-xs-lh-2 {
    line-height: var(--font-line-height-2) !important;
  }
  .t-xs-lh-3 {
    line-height: var(--font-line-height-3) !important;
  }
  .t-xs-lh-4 {
    line-height: var(--font-line-height-4) !important;
  }
  .t-xs-lh-5 {
    line-height: var(--font-line-height-5) !important;
  }
  .t-xs-lh-6 {
    line-height: var(--font-line-height-6) !important;
  }
  .t-xs-lh-7 {
    line-height: var(--font-line-height-7) !important;
  }
  .t-xs-lh-8 {
    line-height: var(--font-line-height-8) !important;
  }
  .t-xs-lh-9 {
    line-height: var(--font-line-height-9) !important;
  }
  .t-xs-lh-10 {
    line-height: var(--font-line-height-10) !important;
  }
  .t-xs-lines-1,
  .t-xs-lines-2,
  .t-xs-lines-3,
  .t-xs-lines-4,
  .t-xs-lines-5,
  .t-xs-lines-6,
  .t-xs-lines-7,
  .t-xs-lines-8,
  .t-xs-lines-9,
  .t-xs-lines-10 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;

    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
  }
  .t-xs-lines-1 {
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  .t-xs-lines-2 {
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
  .t-xs-lines-3 {
    -webkit-line-clamp: 3;
    line-clamp: 3;
  }
  .t-xs-lines-4 {
    -webkit-line-clamp: 4;
    line-clamp: 4;
  }
  .t-xs-lines-5 {
    -webkit-line-clamp: 5;
    line-clamp: 5;
  }
  .t-xs-lines-6 {
    -webkit-line-clamp: 6;
    line-clamp: 6;
  }
  .t-xs-lines-7 {
    -webkit-line-clamp: 7;
    line-clamp: 7;
  }
  .t-xs-lines-8 {
    -webkit-line-clamp: 8;
    line-clamp: 8;
  }
  .t-xs-lines-9 {
    -webkit-line-clamp: 9;
    line-clamp: 9;
  }
  .t-xs-lines-10 {
    -webkit-line-clamp: 10;
    line-clamp: 10;
  }
  .t-xs-ls-1 {
    letter-spacing: var(--font-letter-spacing-1) !important;
  }
  .t-xs-ls-2 {
    letter-spacing: var(--font-letter-spacing-2) !important;
  }
  .t-xs-ls-3 {
    letter-spacing: var(--font-letter-spacing-3) !important;
  }
  .t-xs-ls-4 {
    letter-spacing: var(--font-letter-spacing-3) !important;
  }
  .t-xs-ls-4 {
    letter-spacing: var(--font-letter-spacing-4) !important;
  }
  .t-xs-ls-5 {
    letter-spacing: var(--font-letter-spacing-5) !important;
  }
  .t-xs-ls-6 {
    letter-spacing: var(--font-letter-spacing-6) !important;
  }
  .t-xs-ls-7 {
    letter-spacing: var(--font-letter-spacing-7) !important;
  }
  .t-xs-ls-8 {
    letter-spacing: var(--font-letter-spacing-8) !important;
  }
  .t-xs-ls-9 {
    letter-spacing: var(--font-letter-spacing-9) !important;
  }
  .t-xs-ls-10 {
    letter-spacing: var(--font-letter-spacing-10) !important;
  }
  .t-xs-ls-n1 {
    letter-spacing: var(--font-letter-spacing-n1) !important;
  }
  .t-xs-ls-n2 {
    letter-spacing: var(--font-letter-spacing-n2) !important;
  }
  .t-xs-ls-n3 {
    letter-spacing: var(--font-letter-spacing-n3) !important;
  }
  .t-xs-ls-n4 {
    letter-spacing: var(--font-letter-spacing-n3) !important;
  }
  .t-xs-ls-n4 {
    letter-spacing: var(--font-letter-spacing-n4) !important;
  }
  .t-xs-ls-n5 {
    letter-spacing: var(--font-letter-spacing-n5) !important;
  }
  .t-xs-ls-n6 {
    letter-spacing: var(--font-letter-spacing-n6) !important;
  }
  .t-xs-ls-n7 {
    letter-spacing: var(--font-letter-spacing-n7) !important;
  }
  .t-xs-ls-n8 {
    letter-spacing: var(--font-letter-spacing-n8) !important;
  }
  .t-xs-ls-n9 {
    letter-spacing: var(--font-letter-spacing-n9) !important;
  }
  .t-xs-ls-n10 {
    letter-spacing: var(--font-letter-spacing-n10) !important;
  }
  .t-xs-justify {
    text-align: justify !important;
  }
  .t-xs-left {
    text-align: left !important;
  }
  .t-xs-right {
    text-align: right !important;
  }
  .t-xs-center {
    text-align: center !important;
  }
  .t-xs-capitalize {
    text-transform: capitalize !important;
  }
  .t-xs-uppercase {
    text-transform: uppercase !important;
  }
  .t-xs-lowercase {
    text-transform: lowercase !important;
  }
  .t-xs-oblique {
    font-style: oblique !important;
  }
  .t-xs-italic {
    font-style: italic !important;
  }
  .t-xs-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace !important;
  }
  .t-xs-nowrap,
  .t-xs-truncate {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;

    -o-text-overflow: ellipsis !important;
  }
  .t-xs-wrap {
    white-space: normal !important;

    overflow-wrap: break-word !important;
  }
}
@media (min-width: 576px) {
  .p-sm {
    padding-bottom: 0;
    margin-bottom: calc(0.5 * var(--root-unit));
    font-size: var(--font-size-small-1);
    font-weight: 400;
    line-height: 1.5em;
    color: var(--color-gray-shade-15);
  }
  .f-sm-body {
    font-size: var(--font-size-body) !important;
  }
  .f-sm-display {
    font-family: var(--font-family-display) !important;
  }
  .f-sm-barlow {
    font-family: "Barlow", sans-serif !important;
  }
  .f-sm-barlow-condensed {
    font-family: "Barlow Condensed", sans-serif;
  }
  .f-sm-barlow-semicondensed {
    font-family: "Barlow Semi Condensed", sans-serif;
  }
  .f-sm-100 {
    font-weight: 100 !important;
  }
  .f-sm-200 {
    font-weight: 200 !important;
  }
  .f-sm-300 {
    font-weight: 300 !important;
  }
  .f-sm-400 {
    font-weight: 400 !important;
  }
  .f-sm-500 {
    font-weight: 500 !important;
  }
  .f-sm-600 {
    font-weight: 600 !important;
  }
  .f-sm-700 {
    font-weight: 700 !important;
  }
  .f-sm-800 {
    font-weight: 800 !important;
  }
  .f-sm-900 {
    font-weight: 900 !important;
  }
  .f-sm-small-1 {
    font-size: var(--font-size-small-1) !important;
  }
  .f-sm-small-2 {
    font-size: var(--font-size-small-2) !important;
  }
  .f-sm-small-3 {
    font-size: var(--font-size-small-3) !important;
  }
  .f-sm-small-4 {
    font-size: var(--font-size-small-4) !important;
  }
  .f-sm-small-5 {
    font-size: var(--font-size-small-5) !important;
  }
  .f-sm-small-6 {
    font-size: var(--font-size-small-6) !important;
  }
  .h6-sm,
  .f-sm-heading-6,
  .f-sm-normal {
    font-size: var(--font-size-normal) !important;
  }
  .f-sm-large-1 {
    font-size: var(--font-size-large-1) !important;
  }
  .h5-sm,
  .f-sm-heading-5,
  .f-sm-large-2 {
    font-size: var(--font-size-large-2) !important;
  }
  .h4-sm,
  .f-sm-heading-4,
  .f-sm-large-3 {
    font-size: var(--font-size-large-3) !important;
  }
  .h3-sm,
  .f-sm-heading-3,
  .f-sm-large-4 {
    font-size: var(--font-size-large-4) !important;
  }
  .h2-sm,
  .f-sm-heading-2,
  .f-sm-large-5 {
    font-size: var(--font-size-large-5) !important;
  }
  .f-sm-large-6 {
    font-size: var(--font-size-large-6) !important;
  }
  .h1-sm,
  .f-sm-heading-1,
  .f-sm-large-7 {
    font-size: var(--font-size-large-7) !important;
  }
  .f-sm-large-8 {
    font-size: var(--font-size-large-8) !important;
  }
  .f-sm-large-9 {
    font-size: var(--font-size-large-9) !important;
  }
  .f-sm-large-10 {
    font-size: var(--font-size-large-10) !important;
  }
  .f-sm-large-11 {
    font-size: var(--font-size-large-11) !important;
  }
  .f-sm-large-12 {
    font-size: var(--font-size-large-12) !important;
  }
  .f-sm-large-13 {
    font-size: var(--font-size-large-13) !important;
  }
  .f-sm-large-14 {
    font-size: var(--font-size-large-14) !important;
  }
  .f-sm-large-15 {
    font-size: var(--font-size-large-15) !important;
  }
  .f-sm-heading-1,
  .f-sm-heading-2,
  .f-sm-heading-3,
  .f-sm-heading-4,
  .f-sm-heading-5,
  .f-sm-heading-6,
  .h1-sm,
  .h2-sm,
  .h3-sm,
  .h4-sm,
  .h5-sm,
  .h6-sm {
    margin-bottom: calc(0.5 * var(--root-unit));
    font-weight: 300;
    line-height: 1.4em;
    color: var(--color-gray-shade-15);
  }
  .t-sm-lh-1 {
    line-height: var(--font-line-height-1) !important;
  }
  .t-sm-lh-2 {
    line-height: var(--font-line-height-2) !important;
  }
  .t-sm-lh-3 {
    line-height: var(--font-line-height-3) !important;
  }
  .t-sm-lh-4 {
    line-height: var(--font-line-height-4) !important;
  }
  .t-sm-lh-5 {
    line-height: var(--font-line-height-5) !important;
  }
  .t-sm-lh-6 {
    line-height: var(--font-line-height-6) !important;
  }
  .t-sm-lh-7 {
    line-height: var(--font-line-height-7) !important;
  }
  .t-sm-lh-8 {
    line-height: var(--font-line-height-8) !important;
  }
  .t-sm-lh-9 {
    line-height: var(--font-line-height-9) !important;
  }
  .t-sm-lh-10 {
    line-height: var(--font-line-height-10) !important;
  }
  .t-sm-lines-1,
  .t-sm-lines-2,
  .t-sm-lines-3,
  .t-sm-lines-4,
  .t-sm-lines-5,
  .t-sm-lines-6,
  .t-sm-lines-7,
  .t-sm-lines-8,
  .t-sm-lines-9,
  .t-sm-lines-10 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;

    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
  }
  .t-sm-lines-1 {
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  .t-sm-lines-2 {
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
  .t-sm-lines-3 {
    -webkit-line-clamp: 3;
    line-clamp: 3;
  }
  .t-sm-lines-4 {
    -webkit-line-clamp: 4;
    line-clamp: 4;
  }
  .t-sm-lines-5 {
    -webkit-line-clamp: 5;
    line-clamp: 5;
  }
  .t-sm-lines-6 {
    -webkit-line-clamp: 6;
    line-clamp: 6;
  }
  .t-sm-lines-7 {
    -webkit-line-clamp: 7;
    line-clamp: 7;
  }
  .t-sm-lines-8 {
    -webkit-line-clamp: 8;
    line-clamp: 8;
  }
  .t-sm-lines-9 {
    -webkit-line-clamp: 9;
    line-clamp: 9;
  }
  .t-sm-lines-10 {
    -webkit-line-clamp: 10;
    line-clamp: 10;
  }
  .t-sm-ls-1 {
    letter-spacing: var(--font-letter-spacing-1) !important;
  }
  .t-sm-ls-2 {
    letter-spacing: var(--font-letter-spacing-2) !important;
  }
  .t-sm-ls-3 {
    letter-spacing: var(--font-letter-spacing-3) !important;
  }
  .t-sm-ls-4 {
    letter-spacing: var(--font-letter-spacing-3) !important;
  }
  .t-sm-ls-4 {
    letter-spacing: var(--font-letter-spacing-4) !important;
  }
  .t-sm-ls-5 {
    letter-spacing: var(--font-letter-spacing-5) !important;
  }
  .t-sm-ls-6 {
    letter-spacing: var(--font-letter-spacing-6) !important;
  }
  .t-sm-ls-7 {
    letter-spacing: var(--font-letter-spacing-7) !important;
  }
  .t-sm-ls-8 {
    letter-spacing: var(--font-letter-spacing-8) !important;
  }
  .t-sm-ls-9 {
    letter-spacing: var(--font-letter-spacing-9) !important;
  }
  .t-sm-ls-10 {
    letter-spacing: var(--font-letter-spacing-10) !important;
  }
  .t-sm-ls-n1 {
    letter-spacing: var(--font-letter-spacing-n1) !important;
  }
  .t-sm-ls-n2 {
    letter-spacing: var(--font-letter-spacing-n2) !important;
  }
  .t-sm-ls-n3 {
    letter-spacing: var(--font-letter-spacing-n3) !important;
  }
  .t-sm-ls-n4 {
    letter-spacing: var(--font-letter-spacing-n3) !important;
  }
  .t-sm-ls-n4 {
    letter-spacing: var(--font-letter-spacing-n4) !important;
  }
  .t-sm-ls-n5 {
    letter-spacing: var(--font-letter-spacing-n5) !important;
  }
  .t-sm-ls-n6 {
    letter-spacing: var(--font-letter-spacing-n6) !important;
  }
  .t-sm-ls-n7 {
    letter-spacing: var(--font-letter-spacing-n7) !important;
  }
  .t-sm-ls-n8 {
    letter-spacing: var(--font-letter-spacing-n8) !important;
  }
  .t-sm-ls-n9 {
    letter-spacing: var(--font-letter-spacing-n9) !important;
  }
  .t-sm-ls-n10 {
    letter-spacing: var(--font-letter-spacing-n10) !important;
  }
  .t-sm-justify {
    text-align: justify !important;
  }
  .t-sm-left {
    text-align: left !important;
  }
  .t-sm-right {
    text-align: right !important;
  }
  .t-sm-center {
    text-align: center !important;
  }
  .t-sm-capitalize {
    text-transform: capitalize !important;
  }
  .t-sm-uppercase {
    text-transform: uppercase !important;
  }
  .t-sm-lowercase {
    text-transform: lowercase !important;
  }
  .t-sm-oblique {
    font-style: oblique !important;
  }
  .t-sm-italic {
    font-style: italic !important;
  }
  .t-sm-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace !important;
  }
  .t-sm-nowrap,
  .t-sm-truncate {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;

    -o-text-overflow: ellipsis !important;
  }
  .t-sm-wrap {
    white-space: normal !important;

    overflow-wrap: break-word !important;
  }
}
@media (min-width: 768px) {
  .p-md {
    padding-bottom: 0;
    margin-bottom: calc(0.5 * var(--root-unit));
    font-size: var(--font-size-small-1);
    font-weight: 400;
    line-height: 1.5em;
    color: var(--color-gray-shade-15);
  }
  .f-md-body {
    font-size: var(--font-size-body) !important;
  }
  .f-md-display {
    font-family: var(--font-family-display) !important;
  }
  .f-md-barlow {
    font-family: "Barlow", sans-serif !important;
  }
  .f-md-barlow-condensed {
    font-family: "Barlow Condensed", sans-serif;
  }
  .f-md-barlow-semicondensed {
    font-family: "Barlow Semi Condensed", sans-serif;
  }
  .f-md-100 {
    font-weight: 100 !important;
  }
  .f-md-200 {
    font-weight: 200 !important;
  }
  .f-md-300 {
    font-weight: 300 !important;
  }
  .f-md-400 {
    font-weight: 400 !important;
  }
  .f-md-500 {
    font-weight: 500 !important;
  }
  .f-md-600 {
    font-weight: 600 !important;
  }
  .f-md-700 {
    font-weight: 700 !important;
  }
  .f-md-800 {
    font-weight: 800 !important;
  }
  .f-md-900 {
    font-weight: 900 !important;
  }
  .f-md-small-1 {
    font-size: var(--font-size-small-1) !important;
  }
  .f-md-small-2 {
    font-size: var(--font-size-small-2) !important;
  }
  .f-md-small-3 {
    font-size: var(--font-size-small-3) !important;
  }
  .f-md-small-4 {
    font-size: var(--font-size-small-4) !important;
  }
  .f-md-small-5 {
    font-size: var(--font-size-small-5) !important;
  }
  .f-md-small-6 {
    font-size: var(--font-size-small-6) !important;
  }
  .h6-md,
  .f-md-heading-6,
  .f-md-normal {
    font-size: var(--font-size-normal) !important;
  }
  .f-md-large-1 {
    font-size: var(--font-size-large-1) !important;
  }
  .h5-md,
  .f-md-heading-5,
  .f-md-large-2 {
    font-size: var(--font-size-large-2) !important;
  }
  .h4-md,
  .f-md-heading-4,
  .f-md-large-3 {
    font-size: var(--font-size-large-3) !important;
  }
  .h3-md,
  .f-md-heading-3,
  .f-md-large-4 {
    font-size: var(--font-size-large-4) !important;
  }
  .h2-md,
  .f-md-heading-2,
  .f-md-large-5 {
    font-size: var(--font-size-large-5) !important;
  }
  .f-md-large-6 {
    font-size: var(--font-size-large-6) !important;
  }
  .h1-md,
  .f-md-heading-1,
  .f-md-large-7 {
    font-size: var(--font-size-large-7) !important;
  }
  .f-md-large-8 {
    font-size: var(--font-size-large-8) !important;
  }
  .f-md-large-9 {
    font-size: var(--font-size-large-9) !important;
  }
  .f-md-large-10 {
    font-size: var(--font-size-large-10) !important;
  }
  .f-md-large-11 {
    font-size: var(--font-size-large-11) !important;
  }
  .f-md-large-12 {
    font-size: var(--font-size-large-12) !important;
  }
  .f-md-large-13 {
    font-size: var(--font-size-large-13) !important;
  }
  .f-md-large-14 {
    font-size: var(--font-size-large-14) !important;
  }
  .f-md-large-15 {
    font-size: var(--font-size-large-15) !important;
  }
  .f-md-heading-1,
  .f-md-heading-2,
  .f-md-heading-3,
  .f-md-heading-4,
  .f-md-heading-5,
  .f-md-heading-6,
  .h1-md,
  .h2-md,
  .h3-md,
  .h4-md,
  .h5-md,
  .h6-md {
    margin-bottom: calc(0.5 * var(--root-unit));
    font-weight: 300;
    line-height: 1.4em;
    color: var(--color-gray-shade-15);
  }
  .t-md-lh-1 {
    line-height: var(--font-line-height-1) !important;
  }
  .t-md-lh-2 {
    line-height: var(--font-line-height-2) !important;
  }
  .t-md-lh-3 {
    line-height: var(--font-line-height-3) !important;
  }
  .t-md-lh-4 {
    line-height: var(--font-line-height-4) !important;
  }
  .t-md-lh-5 {
    line-height: var(--font-line-height-5) !important;
  }
  .t-md-lh-6 {
    line-height: var(--font-line-height-6) !important;
  }
  .t-md-lh-7 {
    line-height: var(--font-line-height-7) !important;
  }
  .t-md-lh-8 {
    line-height: var(--font-line-height-8) !important;
  }
  .t-md-lh-9 {
    line-height: var(--font-line-height-9) !important;
  }
  .t-md-lh-10 {
    line-height: var(--font-line-height-10) !important;
  }
  .t-md-lines-1,
  .t-md-lines-2,
  .t-md-lines-3,
  .t-md-lines-4,
  .t-md-lines-5,
  .t-md-lines-6,
  .t-md-lines-7,
  .t-md-lines-8,
  .t-md-lines-9,
  .t-md-lines-10 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;

    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
  }
  .t-md-lines-1 {
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  .t-md-lines-2 {
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
  .t-md-lines-3 {
    -webkit-line-clamp: 3;
    line-clamp: 3;
  }
  .t-md-lines-4 {
    -webkit-line-clamp: 4;
    line-clamp: 4;
  }
  .t-md-lines-5 {
    -webkit-line-clamp: 5;
    line-clamp: 5;
  }
  .t-md-lines-6 {
    -webkit-line-clamp: 6;
    line-clamp: 6;
  }
  .t-md-lines-7 {
    -webkit-line-clamp: 7;
    line-clamp: 7;
  }
  .t-md-lines-8 {
    -webkit-line-clamp: 8;
    line-clamp: 8;
  }
  .t-md-lines-9 {
    -webkit-line-clamp: 9;
    line-clamp: 9;
  }
  .t-md-lines-10 {
    -webkit-line-clamp: 10;
    line-clamp: 10;
  }
  .t-md-ls-1 {
    letter-spacing: var(--font-letter-spacing-1) !important;
  }
  .t-md-ls-2 {
    letter-spacing: var(--font-letter-spacing-2) !important;
  }
  .t-md-ls-3 {
    letter-spacing: var(--font-letter-spacing-3) !important;
  }
  .t-md-ls-4 {
    letter-spacing: var(--font-letter-spacing-3) !important;
  }
  .t-md-ls-4 {
    letter-spacing: var(--font-letter-spacing-4) !important;
  }
  .t-md-ls-5 {
    letter-spacing: var(--font-letter-spacing-5) !important;
  }
  .t-md-ls-6 {
    letter-spacing: var(--font-letter-spacing-6) !important;
  }
  .t-md-ls-7 {
    letter-spacing: var(--font-letter-spacing-7) !important;
  }
  .t-md-ls-8 {
    letter-spacing: var(--font-letter-spacing-8) !important;
  }
  .t-md-ls-9 {
    letter-spacing: var(--font-letter-spacing-9) !important;
  }
  .t-md-ls-10 {
    letter-spacing: var(--font-letter-spacing-10) !important;
  }
  .t-md-ls-n1 {
    letter-spacing: var(--font-letter-spacing-n1) !important;
  }
  .t-md-ls-n2 {
    letter-spacing: var(--font-letter-spacing-n2) !important;
  }
  .t-md-ls-n3 {
    letter-spacing: var(--font-letter-spacing-n3) !important;
  }
  .t-md-ls-n4 {
    letter-spacing: var(--font-letter-spacing-n3) !important;
  }
  .t-md-ls-n4 {
    letter-spacing: var(--font-letter-spacing-n4) !important;
  }
  .t-md-ls-n5 {
    letter-spacing: var(--font-letter-spacing-n5) !important;
  }
  .t-md-ls-n6 {
    letter-spacing: var(--font-letter-spacing-n6) !important;
  }
  .t-md-ls-n7 {
    letter-spacing: var(--font-letter-spacing-n7) !important;
  }
  .t-md-ls-n8 {
    letter-spacing: var(--font-letter-spacing-n8) !important;
  }
  .t-md-ls-n9 {
    letter-spacing: var(--font-letter-spacing-n9) !important;
  }
  .t-md-ls-n10 {
    letter-spacing: var(--font-letter-spacing-n10) !important;
  }
  .t-md-justify {
    text-align: justify !important;
  }
  .t-md-left {
    text-align: left !important;
  }
  .t-md-right {
    text-align: right !important;
  }
  .t-md-center {
    text-align: center !important;
  }
  .t-md-capitalize {
    text-transform: capitalize !important;
  }
  .t-md-uppercase {
    text-transform: uppercase !important;
  }
  .t-md-lowercase {
    text-transform: lowercase !important;
  }
  .t-md-oblique {
    font-style: oblique !important;
  }
  .t-md-italic {
    font-style: italic !important;
  }
  .t-md-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace !important;
  }
  .t-md-nowrap,
  .t-md-truncate {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;

    -o-text-overflow: ellipsis !important;
  }
  .t-md-wrap {
    white-space: normal !important;

    overflow-wrap: break-word !important;
  }
}
@media (min-width: 992px) {
  .p-lg {
    padding-bottom: 0;
    margin-bottom: calc(0.5 * var(--root-unit));
    font-size: var(--font-size-small-1);
    font-weight: 400;
    line-height: 1.5em;
    color: var(--color-gray-shade-15);
  }
  .f-lg-body {
    font-size: var(--font-size-body) !important;
  }
  .f-lg-display {
    font-family: var(--font-family-display) !important;
  }
  .f-lg-barlow {
    font-family: "Barlow", sans-serif !important;
  }
  .f-lg-barlow-condensed {
    font-family: "Barlow Condensed", sans-serif;
  }
  .f-lg-barlow-semicondensed {
    font-family: "Barlow Semi Condensed", sans-serif;
  }
  .f-lg-100 {
    font-weight: 100 !important;
  }
  .f-lg-200 {
    font-weight: 200 !important;
  }
  .f-lg-300 {
    font-weight: 300 !important;
  }
  .f-lg-400 {
    font-weight: 400 !important;
  }
  .f-lg-500 {
    font-weight: 500 !important;
  }
  .f-lg-600 {
    font-weight: 600 !important;
  }
  .f-lg-700 {
    font-weight: 700 !important;
  }
  .f-lg-800 {
    font-weight: 800 !important;
  }
  .f-lg-900 {
    font-weight: 900 !important;
  }
  .f-lg-small-1 {
    font-size: var(--font-size-small-1) !important;
  }
  .f-lg-small-2 {
    font-size: var(--font-size-small-2) !important;
  }
  .f-lg-small-3 {
    font-size: var(--font-size-small-3) !important;
  }
  .f-lg-small-4 {
    font-size: var(--font-size-small-4) !important;
  }
  .f-lg-small-5 {
    font-size: var(--font-size-small-5) !important;
  }
  .f-lg-small-6 {
    font-size: var(--font-size-small-6) !important;
  }
  .h6-lg,
  .f-lg-heading-6,
  .f-lg-normal {
    font-size: var(--font-size-normal) !important;
  }
  .f-lg-large-1 {
    font-size: var(--font-size-large-1) !important;
  }
  .h5-lg,
  .f-lg-heading-5,
  .f-lg-large-2 {
    font-size: var(--font-size-large-2) !important;
  }
  .h4-lg,
  .f-lg-heading-4,
  .f-lg-large-3 {
    font-size: var(--font-size-large-3) !important;
  }
  .h3-lg,
  .f-lg-heading-3,
  .f-lg-large-4 {
    font-size: var(--font-size-large-4) !important;
  }
  .h2-lg,
  .f-lg-heading-2,
  .f-lg-large-5 {
    font-size: var(--font-size-large-5) !important;
  }
  .f-lg-large-6 {
    font-size: var(--font-size-large-6) !important;
  }
  .h1-lg,
  .f-lg-heading-1,
  .f-lg-large-7 {
    font-size: var(--font-size-large-7) !important;
  }
  .f-lg-large-8 {
    font-size: var(--font-size-large-8) !important;
  }
  .f-lg-large-9 {
    font-size: var(--font-size-large-9) !important;
  }
  .f-lg-large-10 {
    font-size: var(--font-size-large-10) !important;
  }
  .f-lg-large-11 {
    font-size: var(--font-size-large-11) !important;
  }
  .f-lg-large-12 {
    font-size: var(--font-size-large-12) !important;
  }
  .f-lg-large-13 {
    font-size: var(--font-size-large-13) !important;
  }
  .f-lg-large-14 {
    font-size: var(--font-size-large-14) !important;
  }
  .f-lg-large-15 {
    font-size: var(--font-size-large-15) !important;
  }
  .f-lg-heading-1,
  .f-lg-heading-2,
  .f-lg-heading-3,
  .f-lg-heading-4,
  .f-lg-heading-5,
  .f-lg-heading-6,
  .h1-lg,
  .h2-lg,
  .h3-lg,
  .h4-lg,
  .h5-lg,
  .h6-lg {
    margin-bottom: calc(0.5 * var(--root-unit));
    font-weight: 300;
    line-height: 1.4em;
    color: var(--color-gray-shade-15);
  }
  .t-lg-lh-1 {
    line-height: var(--font-line-height-1) !important;
  }
  .t-lg-lh-2 {
    line-height: var(--font-line-height-2) !important;
  }
  .t-lg-lh-3 {
    line-height: var(--font-line-height-3) !important;
  }
  .t-lg-lh-4 {
    line-height: var(--font-line-height-4) !important;
  }
  .t-lg-lh-5 {
    line-height: var(--font-line-height-5) !important;
  }
  .t-lg-lh-6 {
    line-height: var(--font-line-height-6) !important;
  }
  .t-lg-lh-7 {
    line-height: var(--font-line-height-7) !important;
  }
  .t-lg-lh-8 {
    line-height: var(--font-line-height-8) !important;
  }
  .t-lg-lh-9 {
    line-height: var(--font-line-height-9) !important;
  }
  .t-lg-lh-10 {
    line-height: var(--font-line-height-10) !important;
  }
  .t-lg-lines-1,
  .t-lg-lines-2,
  .t-lg-lines-3,
  .t-lg-lines-4,
  .t-lg-lines-5,
  .t-lg-lines-6,
  .t-lg-lines-7,
  .t-lg-lines-8,
  .t-lg-lines-9,
  .t-lg-lines-10 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;

    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
  }
  .t-lg-lines-1 {
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  .t-lg-lines-2 {
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
  .t-lg-lines-3 {
    -webkit-line-clamp: 3;
    line-clamp: 3;
  }
  .t-lg-lines-4 {
    -webkit-line-clamp: 4;
    line-clamp: 4;
  }
  .t-lg-lines-5 {
    -webkit-line-clamp: 5;
    line-clamp: 5;
  }
  .t-lg-lines-6 {
    -webkit-line-clamp: 6;
    line-clamp: 6;
  }
  .t-lg-lines-7 {
    -webkit-line-clamp: 7;
    line-clamp: 7;
  }
  .t-lg-lines-8 {
    -webkit-line-clamp: 8;
    line-clamp: 8;
  }
  .t-lg-lines-9 {
    -webkit-line-clamp: 9;
    line-clamp: 9;
  }
  .t-lg-lines-10 {
    -webkit-line-clamp: 10;
    line-clamp: 10;
  }
  .t-lg-ls-1 {
    letter-spacing: var(--font-letter-spacing-1) !important;
  }
  .t-lg-ls-2 {
    letter-spacing: var(--font-letter-spacing-2) !important;
  }
  .t-lg-ls-3 {
    letter-spacing: var(--font-letter-spacing-3) !important;
  }
  .t-lg-ls-4 {
    letter-spacing: var(--font-letter-spacing-3) !important;
  }
  .t-lg-ls-4 {
    letter-spacing: var(--font-letter-spacing-4) !important;
  }
  .t-lg-ls-5 {
    letter-spacing: var(--font-letter-spacing-5) !important;
  }
  .t-lg-ls-6 {
    letter-spacing: var(--font-letter-spacing-6) !important;
  }
  .t-lg-ls-7 {
    letter-spacing: var(--font-letter-spacing-7) !important;
  }
  .t-lg-ls-8 {
    letter-spacing: var(--font-letter-spacing-8) !important;
  }
  .t-lg-ls-9 {
    letter-spacing: var(--font-letter-spacing-9) !important;
  }
  .t-lg-ls-10 {
    letter-spacing: var(--font-letter-spacing-10) !important;
  }
  .t-lg-ls-n1 {
    letter-spacing: var(--font-letter-spacing-n1) !important;
  }
  .t-lg-ls-n2 {
    letter-spacing: var(--font-letter-spacing-n2) !important;
  }
  .t-lg-ls-n3 {
    letter-spacing: var(--font-letter-spacing-n3) !important;
  }
  .t-lg-ls-n4 {
    letter-spacing: var(--font-letter-spacing-n3) !important;
  }
  .t-lg-ls-n4 {
    letter-spacing: var(--font-letter-spacing-n4) !important;
  }
  .t-lg-ls-n5 {
    letter-spacing: var(--font-letter-spacing-n5) !important;
  }
  .t-lg-ls-n6 {
    letter-spacing: var(--font-letter-spacing-n6) !important;
  }
  .t-lg-ls-n7 {
    letter-spacing: var(--font-letter-spacing-n7) !important;
  }
  .t-lg-ls-n8 {
    letter-spacing: var(--font-letter-spacing-n8) !important;
  }
  .t-lg-ls-n9 {
    letter-spacing: var(--font-letter-spacing-n9) !important;
  }
  .t-lg-ls-n10 {
    letter-spacing: var(--font-letter-spacing-n10) !important;
  }
  .t-lg-justify {
    text-align: justify !important;
  }
  .t-lg-left {
    text-align: left !important;
  }
  .t-lg-right {
    text-align: right !important;
  }
  .t-lg-center {
    text-align: center !important;
  }
  .t-lg-capitalize {
    text-transform: capitalize !important;
  }
  .t-lg-uppercase {
    text-transform: uppercase !important;
  }
  .t-lg-lowercase {
    text-transform: lowercase !important;
  }
  .t-lg-oblique {
    font-style: oblique !important;
  }
  .t-lg-italic {
    font-style: italic !important;
  }
  .t-lg-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace !important;
  }
  .t-lg-nowrap,
  .t-lg-truncate {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;

    -o-text-overflow: ellipsis !important;
  }
  .t-lg-wrap {
    white-space: normal !important;

    overflow-wrap: break-word !important;
  }
}
@media (min-width: 1200px) {
  .p-xl {
    padding-bottom: 0;
    margin-bottom: calc(0.5 * var(--root-unit));
    font-size: var(--font-size-small-1);
    font-weight: 400;
    line-height: 1.5em;
    color: var(--color-gray-shade-15);
  }
  .f-xl-body {
    font-size: var(--font-size-body) !important;
  }
  .f-xl-display {
    font-family: var(--font-family-display) !important;
  }
  .f-xl-barlow {
    font-family: "Barlow", sans-serif !important;
  }
  .f-xl-barlow-condensed {
    font-family: "Barlow Condensed", sans-serif;
  }
  .f-xl-barlow-semicondensed {
    font-family: "Barlow Semi Condensed", sans-serif;
  }
  .f-xl-100 {
    font-weight: 100 !important;
  }
  .f-xl-200 {
    font-weight: 200 !important;
  }
  .f-xl-300 {
    font-weight: 300 !important;
  }
  .f-xl-400 {
    font-weight: 400 !important;
  }
  .f-xl-500 {
    font-weight: 500 !important;
  }
  .f-xl-600 {
    font-weight: 600 !important;
  }
  .f-xl-700 {
    font-weight: 700 !important;
  }
  .f-xl-800 {
    font-weight: 800 !important;
  }
  .f-xl-900 {
    font-weight: 900 !important;
  }
  .f-xl-small-1 {
    font-size: var(--font-size-small-1) !important;
  }
  .f-xl-small-2 {
    font-size: var(--font-size-small-2) !important;
  }
  .f-xl-small-3 {
    font-size: var(--font-size-small-3) !important;
  }
  .f-xl-small-4 {
    font-size: var(--font-size-small-4) !important;
  }
  .f-xl-small-5 {
    font-size: var(--font-size-small-5) !important;
  }
  .f-xl-small-6 {
    font-size: var(--font-size-small-6) !important;
  }
  .h6-xl,
  .f-xl-heading-6,
  .f-xl-normal {
    font-size: var(--font-size-normal) !important;
  }
  .f-xl-large-1 {
    font-size: var(--font-size-large-1) !important;
  }
  .h5-xl,
  .f-xl-heading-5,
  .f-xl-large-2 {
    font-size: var(--font-size-large-2) !important;
  }
  .h4-xl,
  .f-xl-heading-4,
  .f-xl-large-3 {
    font-size: var(--font-size-large-3) !important;
  }
  .h3-xl,
  .f-xl-heading-3,
  .f-xl-large-4 {
    font-size: var(--font-size-large-4) !important;
  }
  .h2-xl,
  .f-xl-heading-2,
  .f-xl-large-5 {
    font-size: var(--font-size-large-5) !important;
  }
  .f-xl-large-6 {
    font-size: var(--font-size-large-6) !important;
  }
  .h1-xl,
  .f-xl-heading-1,
  .f-xl-large-7 {
    font-size: var(--font-size-large-7) !important;
  }
  .f-xl-large-8 {
    font-size: var(--font-size-large-8) !important;
  }
  .f-xl-large-9 {
    font-size: var(--font-size-large-9) !important;
  }
  .f-xl-large-10 {
    font-size: var(--font-size-large-10) !important;
  }
  .f-xl-large-11 {
    font-size: var(--font-size-large-11) !important;
  }
  .f-xl-large-12 {
    font-size: var(--font-size-large-12) !important;
  }
  .f-xl-large-13 {
    font-size: var(--font-size-large-13) !important;
  }
  .f-xl-large-14 {
    font-size: var(--font-size-large-14) !important;
  }
  .f-xl-large-15 {
    font-size: var(--font-size-large-15) !important;
  }
  .f-xl-heading-1,
  .f-xl-heading-2,
  .f-xl-heading-3,
  .f-xl-heading-4,
  .f-xl-heading-5,
  .f-xl-heading-6,
  .h1-xl,
  .h2-xl,
  .h3-xl,
  .h4-xl,
  .h5-xl,
  .h6-xl {
    margin-bottom: calc(0.5 * var(--root-unit));
    font-weight: 300;
    line-height: 1.4em;
    color: var(--color-gray-shade-15);
  }
  .t-xl-lh-1 {
    line-height: var(--font-line-height-1) !important;
  }
  .t-xl-lh-2 {
    line-height: var(--font-line-height-2) !important;
  }
  .t-xl-lh-3 {
    line-height: var(--font-line-height-3) !important;
  }
  .t-xl-lh-4 {
    line-height: var(--font-line-height-4) !important;
  }
  .t-xl-lh-5 {
    line-height: var(--font-line-height-5) !important;
  }
  .t-xl-lh-6 {
    line-height: var(--font-line-height-6) !important;
  }
  .t-xl-lh-7 {
    line-height: var(--font-line-height-7) !important;
  }
  .t-xl-lh-8 {
    line-height: var(--font-line-height-8) !important;
  }
  .t-xl-lh-9 {
    line-height: var(--font-line-height-9) !important;
  }
  .t-xl-lh-10 {
    line-height: var(--font-line-height-10) !important;
  }
  .t-xl-lines-1,
  .t-xl-lines-2,
  .t-xl-lines-3,
  .t-xl-lines-4,
  .t-xl-lines-5,
  .t-xl-lines-6,
  .t-xl-lines-7,
  .t-xl-lines-8,
  .t-xl-lines-9,
  .t-xl-lines-10 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;

    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
  }
  .t-xl-lines-1 {
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  .t-xl-lines-2 {
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
  .t-xl-lines-3 {
    -webkit-line-clamp: 3;
    line-clamp: 3;
  }
  .t-xl-lines-4 {
    -webkit-line-clamp: 4;
    line-clamp: 4;
  }
  .t-xl-lines-5 {
    -webkit-line-clamp: 5;
    line-clamp: 5;
  }
  .t-xl-lines-6 {
    -webkit-line-clamp: 6;
    line-clamp: 6;
  }
  .t-xl-lines-7 {
    -webkit-line-clamp: 7;
    line-clamp: 7;
  }
  .t-xl-lines-8 {
    -webkit-line-clamp: 8;
    line-clamp: 8;
  }
  .t-xl-lines-9 {
    -webkit-line-clamp: 9;
    line-clamp: 9;
  }
  .t-xl-lines-10 {
    -webkit-line-clamp: 10;
    line-clamp: 10;
  }
  .t-xl-ls-1 {
    letter-spacing: var(--font-letter-spacing-1) !important;
  }
  .t-xl-ls-2 {
    letter-spacing: var(--font-letter-spacing-2) !important;
  }
  .t-xl-ls-3 {
    letter-spacing: var(--font-letter-spacing-3) !important;
  }
  .t-xl-ls-4 {
    letter-spacing: var(--font-letter-spacing-3) !important;
  }
  .t-xl-ls-4 {
    letter-spacing: var(--font-letter-spacing-4) !important;
  }
  .t-xl-ls-5 {
    letter-spacing: var(--font-letter-spacing-5) !important;
  }
  .t-xl-ls-6 {
    letter-spacing: var(--font-letter-spacing-6) !important;
  }
  .t-xl-ls-7 {
    letter-spacing: var(--font-letter-spacing-7) !important;
  }
  .t-xl-ls-8 {
    letter-spacing: var(--font-letter-spacing-8) !important;
  }
  .t-xl-ls-9 {
    letter-spacing: var(--font-letter-spacing-9) !important;
  }
  .t-xl-ls-10 {
    letter-spacing: var(--font-letter-spacing-10) !important;
  }
  .t-xl-ls-n1 {
    letter-spacing: var(--font-letter-spacing-n1) !important;
  }
  .t-xl-ls-n2 {
    letter-spacing: var(--font-letter-spacing-n2) !important;
  }
  .t-xl-ls-n3 {
    letter-spacing: var(--font-letter-spacing-n3) !important;
  }
  .t-xl-ls-n4 {
    letter-spacing: var(--font-letter-spacing-n3) !important;
  }
  .t-xl-ls-n4 {
    letter-spacing: var(--font-letter-spacing-n4) !important;
  }
  .t-xl-ls-n5 {
    letter-spacing: var(--font-letter-spacing-n5) !important;
  }
  .t-xl-ls-n6 {
    letter-spacing: var(--font-letter-spacing-n6) !important;
  }
  .t-xl-ls-n7 {
    letter-spacing: var(--font-letter-spacing-n7) !important;
  }
  .t-xl-ls-n8 {
    letter-spacing: var(--font-letter-spacing-n8) !important;
  }
  .t-xl-ls-n9 {
    letter-spacing: var(--font-letter-spacing-n9) !important;
  }
  .t-xl-ls-n10 {
    letter-spacing: var(--font-letter-spacing-n10) !important;
  }
  .t-xl-justify {
    text-align: justify !important;
  }
  .t-xl-left {
    text-align: left !important;
  }
  .t-xl-right {
    text-align: right !important;
  }
  .t-xl-center {
    text-align: center !important;
  }
  .t-xl-capitalize {
    text-transform: capitalize !important;
  }
  .t-xl-uppercase {
    text-transform: uppercase !important;
  }
  .t-xl-lowercase {
    text-transform: lowercase !important;
  }
  .t-xl-oblique {
    font-style: oblique !important;
  }
  .t-xl-italic {
    font-style: italic !important;
  }
  .t-xl-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace !important;
  }
  .t-xl-nowrap,
  .t-xl-truncate {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;

    -o-text-overflow: ellipsis !important;
  }
  .t-xl-wrap {
    white-space: normal !important;

    overflow-wrap: break-word !important;
  }
}
@media (min-width: 1400px) {
  .p-xxl {
    padding-bottom: 0;
    margin-bottom: calc(0.5 * var(--root-unit));
    font-size: var(--font-size-small-1);
    font-weight: 400;
    line-height: 1.5em;
    color: var(--color-gray-shade-15);
  }
  .f-xxl-body {
    font-size: var(--font-size-body) !important;
  }
  .f-xxl-display {
    font-family: var(--font-family-display) !important;
  }
  .f-xxl-barlow {
    font-family: "Barlow", sans-serif !important;
  }
  .f-xxl-barlow-condensed {
    font-family: "Barlow Condensed", sans-serif;
  }
  .f-xxl-barlow-semicondensed {
    font-family: "Barlow Semi Condensed", sans-serif;
  }
  .f-xxl-100 {
    font-weight: 100 !important;
  }
  .f-xxl-200 {
    font-weight: 200 !important;
  }
  .f-xxl-300 {
    font-weight: 300 !important;
  }
  .f-xxl-400 {
    font-weight: 400 !important;
  }
  .f-xxl-500 {
    font-weight: 500 !important;
  }
  .f-xxl-600 {
    font-weight: 600 !important;
  }
  .f-xxl-700 {
    font-weight: 700 !important;
  }
  .f-xxl-800 {
    font-weight: 800 !important;
  }
  .f-xxl-900 {
    font-weight: 900 !important;
  }
  .f-xxl-small-1 {
    font-size: var(--font-size-small-1) !important;
  }
  .f-xxl-small-2 {
    font-size: var(--font-size-small-2) !important;
  }
  .f-xxl-small-3 {
    font-size: var(--font-size-small-3) !important;
  }
  .f-xxl-small-4 {
    font-size: var(--font-size-small-4) !important;
  }
  .f-xxl-small-5 {
    font-size: var(--font-size-small-5) !important;
  }
  .f-xxl-small-6 {
    font-size: var(--font-size-small-6) !important;
  }
  .h6-xxl,
  .f-xxl-heading-6,
  .f-xxl-normal {
    font-size: var(--font-size-normal) !important;
  }
  .f-xxl-large-1 {
    font-size: var(--font-size-large-1) !important;
  }
  .h5-xxl,
  .f-xxl-heading-5,
  .f-xxl-large-2 {
    font-size: var(--font-size-large-2) !important;
  }
  .h4-xxl,
  .f-xxl-heading-4,
  .f-xxl-large-3 {
    font-size: var(--font-size-large-3) !important;
  }
  .h3-xxl,
  .f-xxl-heading-3,
  .f-xxl-large-4 {
    font-size: var(--font-size-large-4) !important;
  }
  .h2-xxl,
  .f-xxl-heading-2,
  .f-xxl-large-5 {
    font-size: var(--font-size-large-5) !important;
  }
  .f-xxl-large-6 {
    font-size: var(--font-size-large-6) !important;
  }
  .h1-xxl,
  .f-xxl-heading-1,
  .f-xxl-large-7 {
    font-size: var(--font-size-large-7) !important;
  }
  .f-xxl-large-8 {
    font-size: var(--font-size-large-8) !important;
  }
  .f-xxl-large-9 {
    font-size: var(--font-size-large-9) !important;
  }
  .f-xxl-large-10 {
    font-size: var(--font-size-large-10) !important;
  }
  .f-xxl-large-11 {
    font-size: var(--font-size-large-11) !important;
  }
  .f-xxl-large-12 {
    font-size: var(--font-size-large-12) !important;
  }
  .f-xxl-large-13 {
    font-size: var(--font-size-large-13) !important;
  }
  .f-xxl-large-14 {
    font-size: var(--font-size-large-14) !important;
  }
  .f-xxl-large-15 {
    font-size: var(--font-size-large-15) !important;
  }
  .f-xxl-heading-1,
  .f-xxl-heading-2,
  .f-xxl-heading-3,
  .f-xxl-heading-4,
  .f-xxl-heading-5,
  .f-xxl-heading-6,
  .h1-xxl,
  .h2-xxl,
  .h3-xxl,
  .h4-xxl,
  .h5-xxl,
  .h6-xxl {
    margin-bottom: calc(0.5 * var(--root-unit));
    font-weight: 300;
    line-height: 1.4em;
    color: var(--color-gray-shade-15);
  }
  .t-xxl-lh-1 {
    line-height: var(--font-line-height-1) !important;
  }
  .t-xxl-lh-2 {
    line-height: var(--font-line-height-2) !important;
  }
  .t-xxl-lh-3 {
    line-height: var(--font-line-height-3) !important;
  }
  .t-xxl-lh-4 {
    line-height: var(--font-line-height-4) !important;
  }
  .t-xxl-lh-5 {
    line-height: var(--font-line-height-5) !important;
  }
  .t-xxl-lh-6 {
    line-height: var(--font-line-height-6) !important;
  }
  .t-xxl-lh-7 {
    line-height: var(--font-line-height-7) !important;
  }
  .t-xxl-lh-8 {
    line-height: var(--font-line-height-8) !important;
  }
  .t-xxl-lh-9 {
    line-height: var(--font-line-height-9) !important;
  }
  .t-xxl-lh-10 {
    line-height: var(--font-line-height-10) !important;
  }
  .t-xxl-lines-1,
  .t-xxl-lines-2,
  .t-xxl-lines-3,
  .t-xxl-lines-4,
  .t-xxl-lines-5,
  .t-xxl-lines-6,
  .t-xxl-lines-7,
  .t-xxl-lines-8,
  .t-xxl-lines-9,
  .t-xxl-lines-10 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;

    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
  }
  .t-xxl-lines-1 {
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  .t-xxl-lines-2 {
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
  .t-xxl-lines-3 {
    -webkit-line-clamp: 3;
    line-clamp: 3;
  }
  .t-xxl-lines-4 {
    -webkit-line-clamp: 4;
    line-clamp: 4;
  }
  .t-xxl-lines-5 {
    -webkit-line-clamp: 5;
    line-clamp: 5;
  }
  .t-xxl-lines-6 {
    -webkit-line-clamp: 6;
    line-clamp: 6;
  }
  .t-xxl-lines-7 {
    -webkit-line-clamp: 7;
    line-clamp: 7;
  }
  .t-xxl-lines-8 {
    -webkit-line-clamp: 8;
    line-clamp: 8;
  }
  .t-xxl-lines-9 {
    -webkit-line-clamp: 9;
    line-clamp: 9;
  }
  .t-xxl-lines-10 {
    -webkit-line-clamp: 10;
    line-clamp: 10;
  }
  .t-xxl-ls-1 {
    letter-spacing: var(--font-letter-spacing-1) !important;
  }
  .t-xxl-ls-2 {
    letter-spacing: var(--font-letter-spacing-2) !important;
  }
  .t-xxl-ls-3 {
    letter-spacing: var(--font-letter-spacing-3) !important;
  }
  .t-xxl-ls-4 {
    letter-spacing: var(--font-letter-spacing-3) !important;
  }
  .t-xxl-ls-4 {
    letter-spacing: var(--font-letter-spacing-4) !important;
  }
  .t-xxl-ls-5 {
    letter-spacing: var(--font-letter-spacing-5) !important;
  }
  .t-xxl-ls-6 {
    letter-spacing: var(--font-letter-spacing-6) !important;
  }
  .t-xxl-ls-7 {
    letter-spacing: var(--font-letter-spacing-7) !important;
  }
  .t-xxl-ls-8 {
    letter-spacing: var(--font-letter-spacing-8) !important;
  }
  .t-xxl-ls-9 {
    letter-spacing: var(--font-letter-spacing-9) !important;
  }
  .t-xxl-ls-10 {
    letter-spacing: var(--font-letter-spacing-10) !important;
  }
  .t-xxl-ls-n1 {
    letter-spacing: var(--font-letter-spacing-n1) !important;
  }
  .t-xxl-ls-n2 {
    letter-spacing: var(--font-letter-spacing-n2) !important;
  }
  .t-xxl-ls-n3 {
    letter-spacing: var(--font-letter-spacing-n3) !important;
  }
  .t-xxl-ls-n4 {
    letter-spacing: var(--font-letter-spacing-n3) !important;
  }
  .t-xxl-ls-n4 {
    letter-spacing: var(--font-letter-spacing-n4) !important;
  }
  .t-xxl-ls-n5 {
    letter-spacing: var(--font-letter-spacing-n5) !important;
  }
  .t-xxl-ls-n6 {
    letter-spacing: var(--font-letter-spacing-n6) !important;
  }
  .t-xxl-ls-n7 {
    letter-spacing: var(--font-letter-spacing-n7) !important;
  }
  .t-xxl-ls-n8 {
    letter-spacing: var(--font-letter-spacing-n8) !important;
  }
  .t-xxl-ls-n9 {
    letter-spacing: var(--font-letter-spacing-n9) !important;
  }
  .t-xxl-ls-n10 {
    letter-spacing: var(--font-letter-spacing-n10) !important;
  }
  .t-xxl-justify {
    text-align: justify !important;
  }
  .t-xxl-left {
    text-align: left !important;
  }
  .t-xxl-right {
    text-align: right !important;
  }
  .t-xxl-center {
    text-align: center !important;
  }
  .t-xxl-capitalize {
    text-transform: capitalize !important;
  }
  .t-xxl-uppercase {
    text-transform: uppercase !important;
  }
  .t-xxl-lowercase {
    text-transform: lowercase !important;
  }
  .t-xxl-oblique {
    font-style: oblique !important;
  }
  .t-xxl-italic {
    font-style: italic !important;
  }
  .t-xxl-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace !important;
  }
  .t-xxl-nowrap,
  .t-xxl-truncate {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;

    -o-text-overflow: ellipsis !important;
  }
  .t-xxl-wrap {
    white-space: normal !important;

    overflow-wrap: break-word !important;
  }
}
@media (min-width: 1920px) {
  .p-xxxl {
    padding-bottom: 0;
    margin-bottom: calc(0.5 * var(--root-unit));
    font-size: var(--font-size-small-1);
    font-weight: 400;
    line-height: 1.5em;
    color: var(--color-gray-shade-15);
  }
  .f-xxxl-body {
    font-size: var(--font-size-body) !important;
  }
  .f-xxxl-display {
    font-family: var(--font-family-display) !important;
  }
  .f-xxxl-barlow {
    font-family: "Barlow", sans-serif !important;
  }
  .f-xxxl-barlow-condensed {
    font-family: "Barlow Condensed", sans-serif;
  }
  .f-xxxl-barlow-semicondensed {
    font-family: "Barlow Semi Condensed", sans-serif;
  }
  .f-xxxl-100 {
    font-weight: 100 !important;
  }
  .f-xxxl-200 {
    font-weight: 200 !important;
  }
  .f-xxxl-300 {
    font-weight: 300 !important;
  }
  .f-xxxl-400 {
    font-weight: 400 !important;
  }
  .f-xxxl-500 {
    font-weight: 500 !important;
  }
  .f-xxxl-600 {
    font-weight: 600 !important;
  }
  .f-xxxl-700 {
    font-weight: 700 !important;
  }
  .f-xxxl-800 {
    font-weight: 800 !important;
  }
  .f-xxxl-900 {
    font-weight: 900 !important;
  }
  .f-xxxl-small-1 {
    font-size: var(--font-size-small-1) !important;
  }
  .f-xxxl-small-2 {
    font-size: var(--font-size-small-2) !important;
  }
  .f-xxxl-small-3 {
    font-size: var(--font-size-small-3) !important;
  }
  .f-xxxl-small-4 {
    font-size: var(--font-size-small-4) !important;
  }
  .f-xxxl-small-5 {
    font-size: var(--font-size-small-5) !important;
  }
  .f-xxxl-small-6 {
    font-size: var(--font-size-small-6) !important;
  }
  .h6-xxxl,
  .f-xxxl-heading-6,
  .f-xxxl-normal {
    font-size: var(--font-size-normal) !important;
  }
  .f-xxxl-large-1 {
    font-size: var(--font-size-large-1) !important;
  }
  .h5-xxxl,
  .f-xxxl-heading-5,
  .f-xxxl-large-2 {
    font-size: var(--font-size-large-2) !important;
  }
  .h4-xxxl,
  .f-xxxl-heading-4,
  .f-xxxl-large-3 {
    font-size: var(--font-size-large-3) !important;
  }
  .h3-xxxl,
  .f-xxxl-heading-3,
  .f-xxxl-large-4 {
    font-size: var(--font-size-large-4) !important;
  }
  .h2-xxxl,
  .f-xxxl-heading-2,
  .f-xxxl-large-5 {
    font-size: var(--font-size-large-5) !important;
  }
  .f-xxxl-large-6 {
    font-size: var(--font-size-large-6) !important;
  }
  .h1-xxxl,
  .f-xxxl-heading-1,
  .f-xxxl-large-7 {
    font-size: var(--font-size-large-7) !important;
  }
  .f-xxxl-large-8 {
    font-size: var(--font-size-large-8) !important;
  }
  .f-xxxl-large-9 {
    font-size: var(--font-size-large-9) !important;
  }
  .f-xxxl-large-10 {
    font-size: var(--font-size-large-10) !important;
  }
  .f-xxxl-large-11 {
    font-size: var(--font-size-large-11) !important;
  }
  .f-xxxl-large-12 {
    font-size: var(--font-size-large-12) !important;
  }
  .f-xxxl-large-13 {
    font-size: var(--font-size-large-13) !important;
  }
  .f-xxxl-large-14 {
    font-size: var(--font-size-large-14) !important;
  }
  .f-xxxl-large-15 {
    font-size: var(--font-size-large-15) !important;
  }
  .f-xxxl-heading-1,
  .f-xxxl-heading-2,
  .f-xxxl-heading-3,
  .f-xxxl-heading-4,
  .f-xxxl-heading-5,
  .f-xxxl-heading-6,
  .h1-xxxl,
  .h2-xxxl,
  .h3-xxxl,
  .h4-xxxl,
  .h5-xxxl,
  .h6-xxxl {
    margin-bottom: calc(0.5 * var(--root-unit));
    font-weight: 300;
    line-height: 1.4em;
    color: var(--color-gray-shade-15);
  }
  .t-xxxl-lh-1 {
    line-height: var(--font-line-height-1) !important;
  }
  .t-xxxl-lh-2 {
    line-height: var(--font-line-height-2) !important;
  }
  .t-xxxl-lh-3 {
    line-height: var(--font-line-height-3) !important;
  }
  .t-xxxl-lh-4 {
    line-height: var(--font-line-height-4) !important;
  }
  .t-xxxl-lh-5 {
    line-height: var(--font-line-height-5) !important;
  }
  .t-xxxl-lh-6 {
    line-height: var(--font-line-height-6) !important;
  }
  .t-xxxl-lh-7 {
    line-height: var(--font-line-height-7) !important;
  }
  .t-xxxl-lh-8 {
    line-height: var(--font-line-height-8) !important;
  }
  .t-xxxl-lh-9 {
    line-height: var(--font-line-height-9) !important;
  }
  .t-xxxl-lh-10 {
    line-height: var(--font-line-height-10) !important;
  }
  .t-xxxl-lines-1,
  .t-xxxl-lines-2,
  .t-xxxl-lines-3,
  .t-xxxl-lines-4,
  .t-xxxl-lines-5,
  .t-xxxl-lines-6,
  .t-xxxl-lines-7,
  .t-xxxl-lines-8,
  .t-xxxl-lines-9,
  .t-xxxl-lines-10 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;

    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
  }
  .t-xxxl-lines-1 {
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  .t-xxxl-lines-2 {
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
  .t-xxxl-lines-3 {
    -webkit-line-clamp: 3;
    line-clamp: 3;
  }
  .t-xxxl-lines-4 {
    -webkit-line-clamp: 4;
    line-clamp: 4;
  }
  .t-xxxl-lines-5 {
    -webkit-line-clamp: 5;
    line-clamp: 5;
  }
  .t-xxxl-lines-6 {
    -webkit-line-clamp: 6;
    line-clamp: 6;
  }
  .t-xxxl-lines-7 {
    -webkit-line-clamp: 7;
    line-clamp: 7;
  }
  .t-xxxl-lines-8 {
    -webkit-line-clamp: 8;
    line-clamp: 8;
  }
  .t-xxxl-lines-9 {
    -webkit-line-clamp: 9;
    line-clamp: 9;
  }
  .t-xxxl-lines-10 {
    -webkit-line-clamp: 10;
    line-clamp: 10;
  }
  .t-xxxl-ls-1 {
    letter-spacing: var(--font-letter-spacing-1) !important;
  }
  .t-xxxl-ls-2 {
    letter-spacing: var(--font-letter-spacing-2) !important;
  }
  .t-xxxl-ls-3 {
    letter-spacing: var(--font-letter-spacing-3) !important;
  }
  .t-xxxl-ls-4 {
    letter-spacing: var(--font-letter-spacing-3) !important;
  }
  .t-xxxl-ls-4 {
    letter-spacing: var(--font-letter-spacing-4) !important;
  }
  .t-xxxl-ls-5 {
    letter-spacing: var(--font-letter-spacing-5) !important;
  }
  .t-xxxl-ls-6 {
    letter-spacing: var(--font-letter-spacing-6) !important;
  }
  .t-xxxl-ls-7 {
    letter-spacing: var(--font-letter-spacing-7) !important;
  }
  .t-xxxl-ls-8 {
    letter-spacing: var(--font-letter-spacing-8) !important;
  }
  .t-xxxl-ls-9 {
    letter-spacing: var(--font-letter-spacing-9) !important;
  }
  .t-xxxl-ls-10 {
    letter-spacing: var(--font-letter-spacing-10) !important;
  }
  .t-xxxl-ls-n1 {
    letter-spacing: var(--font-letter-spacing-n1) !important;
  }
  .t-xxxl-ls-n2 {
    letter-spacing: var(--font-letter-spacing-n2) !important;
  }
  .t-xxxl-ls-n3 {
    letter-spacing: var(--font-letter-spacing-n3) !important;
  }
  .t-xxxl-ls-n4 {
    letter-spacing: var(--font-letter-spacing-n3) !important;
  }
  .t-xxxl-ls-n4 {
    letter-spacing: var(--font-letter-spacing-n4) !important;
  }
  .t-xxxl-ls-n5 {
    letter-spacing: var(--font-letter-spacing-n5) !important;
  }
  .t-xxxl-ls-n6 {
    letter-spacing: var(--font-letter-spacing-n6) !important;
  }
  .t-xxxl-ls-n7 {
    letter-spacing: var(--font-letter-spacing-n7) !important;
  }
  .t-xxxl-ls-n8 {
    letter-spacing: var(--font-letter-spacing-n8) !important;
  }
  .t-xxxl-ls-n9 {
    letter-spacing: var(--font-letter-spacing-n9) !important;
  }
  .t-xxxl-ls-n10 {
    letter-spacing: var(--font-letter-spacing-n10) !important;
  }
  .t-xxxl-justify {
    text-align: justify !important;
  }
  .t-xxxl-left {
    text-align: left !important;
  }
  .t-xxxl-right {
    text-align: right !important;
  }
  .t-xxxl-center {
    text-align: center !important;
  }
  .t-xxxl-capitalize {
    text-transform: capitalize !important;
  }
  .t-xxxl-uppercase {
    text-transform: uppercase !important;
  }
  .t-xxxl-lowercase {
    text-transform: lowercase !important;
  }
  .t-xxxl-oblique {
    font-style: oblique !important;
  }
  .t-xxxl-italic {
    font-style: italic !important;
  }
  .t-xxxl-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace !important;
  }
  .t-xxxl-nowrap,
  .t-xxxl-truncate {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;

    -o-text-overflow: ellipsis !important;
  }
  .t-xxxl-wrap {
    white-space: normal !important;

    overflow-wrap: break-word !important;
  }
}