@charset "UTF-8";
/*!
 * La versión completa se usará cuando no se cargue en la página erebor-orange.css
 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(var(--hl-color-core-black), 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

.hlx-scope {
  margin: 0;
  font-family: var(--hl-font-family-body);
  font-size: var(--hl-font-size-md);
  font-weight: var(--hl-font-weight-body-regular);
  line-height: var(--hl-line-height-lg);
  color: var(--hl-color-fg-light-default);
  text-align: left;
  background-color: var(--hl-color-bg-light-default);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.hlx-scope [tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}
.hlx-scope hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
.hlx-scope h1, .hlx-scope h2, .hlx-scope h3, .hlx-scope h4, .hlx-scope h5, .hlx-scope h6 {
  margin-top: 0;
  margin-bottom: var(--hl-spacer-lg);
}
.hlx-scope p {
  margin-top: 0;
  margin-bottom: 1rem;
}
.hlx-scope abbr[title],
.hlx-scope abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  text-decoration-skip-ink: none;
}
.hlx-scope address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
.hlx-scope ol,
.hlx-scope ul,
.hlx-scope dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
.hlx-scope ol ol,
.hlx-scope ul ul,
.hlx-scope ol ul,
.hlx-scope ul ol {
  margin-bottom: 0;
}
.hlx-scope dt {
  font-weight: var(--hl-font-weight-body-bold);
}
.hlx-scope dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
.hlx-scope blockquote {
  margin: 0 0 1rem;
}
.hlx-scope b,
.hlx-scope strong {
  font-weight: var(--hl-font-weight-body-bolder);
}
.hlx-scope small {
  font-size: var(--hl-font-size-xs);
}
.hlx-scope sub,
.hlx-scope sup {
  position: relative;
  font-size: var(--hl-font-size-xs);
  line-height: 0;
  vertical-align: baseline;
}
.hlx-scope sub {
  bottom: -0.25em;
}
.hlx-scope sup {
  top: -0.5em;
}
.hlx-scope a {
  color: var(--hl-link-color-fg-light-standby);
  text-decoration: var(--hl-link-decoration);
  background-color: transparent;
}
.hlx-scope a:hover {
  color: var(--hl-color-link-fg-light-hover);
  text-decoration: var(--hl-link-decoration-hover);
}
.hlx-scope a:active {
  color: var(--hl-color-link-fg-light-active);
  text-decoration: var(--hl-link-decoration-active);
}
.hlx-scope a:not(.disabled):focus-visible, .hlx-scope a:not(.disabled):has(input):focus-within {
  animation: focus-outline-animation var(--hl-transition-normal) forwards;
}
.hlx-scope a.disabled:focus-visible, .hlx-scope a.disabled:focus-within {
  outline: 0 !important;
}
.hlx-scope a:not([class]) {
  word-break: break-word;
}
.hlx-scope a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}
.hlx-scope a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
.hlx-scope pre,
.hlx-scope code,
.hlx-scope kbd,
.hlx-scope samp {
  font-family: var(--hl-font-family-monospace);
  font-size: var(--hl-font-size-xs);
}
.hlx-scope pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}
.hlx-scope figure {
  margin: 0 0 1rem;
}
.hlx-scope img {
  vertical-align: middle;
  border-style: none;
}
.hlx-scope svg {
  overflow: hidden;
  vertical-align: middle;
}
.hlx-scope table {
  border-collapse: collapse;
}
.hlx-scope caption {
  padding-top: var(--hl-spacer-md);
  padding-bottom: var(--hl-spacer-md);
  color: var(--hl-color-fg-light-muted);
  text-align: left;
  caption-side: bottom;
}
.hlx-scope th {
  font-weight: var(--hl-font-weight-body-bold);
  text-align: inherit;
  text-align: -webkit-match-parent;
}
.hlx-scope label,
.hlx-scope .label {
  display: inline-block;
  margin-bottom: var(--hl-spacer-3xs);
}
.hlx-scope button {
  border-radius: 0;
}
.hlx-scope button:focus:not(:focus-visible) {
  outline: 0;
}
.hlx-scope input,
.hlx-scope button,
.hlx-scope select,
.hlx-scope optgroup,
.hlx-scope textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.hlx-scope button,
.hlx-scope input {
  overflow: visible;
}
.hlx-scope button,
.hlx-scope select {
  text-transform: none;
}
.hlx-scope [role=button] {
  cursor: pointer;
}
.hlx-scope select {
  word-wrap: normal;
  appearance: unset;
}
.hlx-scope button,
.hlx-scope [type=button],
.hlx-scope [type=reset],
.hlx-scope [type=submit] {
  -webkit-appearance: button;
}
.hlx-scope button:not(:disabled),
.hlx-scope [type=button]:not(:disabled),
.hlx-scope [type=reset]:not(:disabled),
.hlx-scope [type=submit]:not(:disabled) {
  cursor: pointer;
}
.hlx-scope button::-moz-focus-inner,
.hlx-scope [type=button]::-moz-focus-inner,
.hlx-scope [type=reset]::-moz-focus-inner,
.hlx-scope [type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
.hlx-scope input[type=radio],
.hlx-scope input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}
.hlx-scope textarea {
  overflow: auto;
  resize: vertical;
}
.hlx-scope fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
.hlx-scope legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}
.hlx-scope progress {
  vertical-align: baseline;
}
.hlx-scope [type=number]::-webkit-inner-spin-button,
.hlx-scope [type=number]::-webkit-outer-spin-button {
  height: auto;
}
.hlx-scope [type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
.hlx-scope [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.hlx-scope ::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
.hlx-scope output {
  display: inline-block;
}
.hlx-scope summary {
  display: list-item;
  cursor: pointer;
}
.hlx-scope template {
  display: none;
}
.hlx-scope [hidden] {
  display: none !important;
}

@font-face {
  font-family: "Helvetica-Neue-Family";
  font-style: normal;
  font-weight: 200;
  src: url("../../global/fonts/helvetica-neue/HelvNeue35.eot?") format("eot"), url("../../global/fonts/helvetica-neue/HelvNeue35.woff") format("woff"), url("../../global/fonts/helvetica-neue/HelvNeue35.woff2") format("woff2"), url("../../global/fonts/helvetica-neue/HelvNeue35.ttf") format("truetype"), url("../../global/fonts/helvetica-neue/HelvNeue35.svg#Helvetica-Neue-Family") format("svg");
}
@font-face {
  font-family: "Helvetica-Neue-Family";
  font-style: normal;
  font-weight: 300;
  src: url("../../global/fonts/helvetica-neue/HelvNeue45.eot?") format("eot"), url("../../global/fonts/helvetica-neue/HelvNeue45.woff") format("woff"), url("../../global/fonts/helvetica-neue/HelvNeue45.woff2") format("woff2"), url("../../global/fonts/helvetica-neue/HelvNeue45.ttf") format("truetype"), url("../../global/fonts/helvetica-neue/HelvNeue45.svg#Helvetica-Neue-Family") format("svg");
}
@font-face {
  font-family: "Helvetica-Neue-Family";
  font-style: normal;
  font-weight: 400;
  src: url("../../global/fonts/helvetica-neue/HelvNeue55.eot?") format("eot"), url("../../global/fonts/helvetica-neue/HelvNeue55.woff") format("woff"), url("../../global/fonts/helvetica-neue/HelvNeue55.woff2") format("woff2"), url("../../global/fonts/helvetica-neue/HelvNeue55.ttf") format("truetype"), url("../../global/fonts/helvetica-neue/HelvNeue55.svg#Helvetica-Neue-Family") format("svg");
}
@font-face {
  font-family: "Helvetica-Neue-Family";
  font-style: normal;
  font-weight: 500;
  src: url("../../global/fonts/helvetica-neue/HelvNeue55.eot?") format("eot"), url("../../global/fonts/helvetica-neue/HelvNeue55.woff") format("woff"), url("../../global/fonts/helvetica-neue/HelvNeue55.woff2") format("woff2"), url("../../global/fonts/helvetica-neue/HelvNeue55.ttf") format("truetype"), url("../../global/fonts/helvetica-neue/HelvNeue55.svg#Helvetica-Neue-Family") format("svg");
}
@font-face {
  font-family: "Helvetica-Neue-Family";
  font-style: normal;
  font-weight: 600;
  src: url("../../global/fonts/helvetica-neue/HelvNeue65.eot?") format("eot"), url("../../global/fonts/helvetica-neue/HelvNeue65.woff") format("woff"), url("../../global/fonts/helvetica-neue/HelvNeue65.woff2") format("woff2"), url("../../global/fonts/helvetica-neue/HelvNeue65.ttf") format("truetype"), url("../../global/fonts/helvetica-neue/HelvNeue65.svg#Helvetica-Neue-Family") format("svg");
}
@font-face {
  font-family: "Helvetica-Neue-Family";
  font-style: normal;
  font-weight: 700;
  src: url("../../global/fonts/helvetica-neue/HelvNeue75.eot?") format("eot"), url("../../global/fonts/helvetica-neue/HelvNeue75.woff") format("woff"), url("../../global/fonts/helvetica-neue/HelvNeue75.woff2") format("woff2"), url("../../global/fonts/helvetica-neue/HelvNeue75.ttf") format("truetype"), url("../../global/fonts/helvetica-neue/HelvNeue75.svg#Helvetica-Neue-Family") format("svg");
}
.hlx-scope {
  /*
  a.text-secondary {
    @include hover-focus() {
      color: darken($color, $emphasized-link-hover-darken-percentage) !important;
    }
  }
   */
  /*
  a.text-success {
    @include hover-focus() {
      color: darken($color, $emphasized-link-hover-darken-percentage) !important;
    }
  }
   */
  /*
  a.text-info {
    @include hover-focus() {
      color: darken($color, $emphasized-link-hover-darken-percentage) !important;
    }
  }
   */
  /*
  a.text-warning {
    @include hover-focus() {
      color: darken($color, $emphasized-link-hover-darken-percentage) !important;
    }
  }
   */
  /*
  a.text-danger {
    @include hover-focus() {
      color: darken($color, $emphasized-link-hover-darken-percentage) !important;
    }
  }
   */
  /*
  a.text-black {
    @include hover-focus() {
      color: darken($color, $emphasized-link-hover-darken-percentage) !important;
    }
  }
   */
  /*
  a.text-white {
    @include hover-focus() {
      color: darken($color, $emphasized-link-hover-darken-percentage) !important;
    }
  }
   */
  /*
  a.text-obs {
    @include hover-focus() {
      color: darken($color, $emphasized-link-hover-darken-percentage) !important;
    }
  }
   */
  /*
  a.text-default {
    @include hover-focus() {
      color: darken($color, $emphasized-link-hover-darken-percentage) !important;
    }
  }
   */
  /*
  a.text-fg {
    @include hover-focus() {
      color: darken($color, $emphasized-link-hover-darken-percentage) !important;
    }
  }
   */
  /*
  a.text-important {
    @include hover-focus() {
      color: darken($color, $emphasized-link-hover-darken-percentage) !important;
    }
  }
   */
  /*
  a.text-muted {
    @include hover-focus() {
      color: darken($color, $emphasized-link-hover-darken-percentage) !important;
    }
  }
   */
  /*
  a.text-very-muted {
    @include hover-focus() {
      color: darken($color, $emphasized-link-hover-darken-percentage) !important;
    }
  }
   */
  /*
  a.text-ultra-muted {
    @include hover-focus() {
      color: darken($color, $emphasized-link-hover-darken-percentage) !important;
    }
  }
   */
  /*
  a.text-interaction {
    @include hover-focus() {
      color: darken($color, $emphasized-link-hover-darken-percentage) !important;
    }
  }
   */
  /*
  a.text-interaction-hover {
    @include hover-focus() {
      color: darken($color, $emphasized-link-hover-darken-percentage) !important;
    }
  }
   */
  /*
  a.text-interaction-active {
    @include hover-focus() {
      color: darken($color, $emphasized-link-hover-darken-percentage) !important;
    }
  }
   */
  /*
  a.text-dark-default {
    @include hover-focus() {
      color: darken($color, $emphasized-link-hover-darken-percentage) !important;
    }
  }
   */
  /*
  a.text-dark-fg {
    @include hover-focus() {
      color: darken($color, $emphasized-link-hover-darken-percentage) !important;
    }
  }
   */
  /*
  a.text-dark-important {
    @include hover-focus() {
      color: darken($color, $emphasized-link-hover-darken-percentage) !important;
    }
  }
   */
  /*
  a.text-dark-primary {
    @include hover-focus() {
      color: darken($color, $emphasized-link-hover-darken-percentage) !important;
    }
  }
   */
  /*
  a.text-dark-disabled {
    @include hover-focus() {
      color: darken($color, $emphasized-link-hover-darken-percentage) !important;
    }
  }
   */
  /*
  a.text-light-disabled {
    @include hover-focus() {
      color: darken($color, $emphasized-link-hover-darken-percentage) !important;
    }
  }
   */
  /*
  a.text-dark-muted {
    @include hover-focus() {
      color: darken($color, $emphasized-link-hover-darken-percentage) !important;
    }
  }
   */
  /*
  a.text-dark-very-muted {
    @include hover-focus() {
      color: darken($color, $emphasized-link-hover-darken-percentage) !important;
    }
  }
   */
  /*
  a.text-dark-ultra-muted {
    @include hover-focus() {
      color: darken($color, $emphasized-link-hover-darken-percentage) !important;
    }
  }
   */
  /*
  a.text-dark-interaction {
    @include hover-focus() {
      color: darken($color, $emphasized-link-hover-darken-percentage) !important;
    }
  }
   */
  /*
  a.text-dark-interaction-hover {
    @include hover-focus() {
      color: darken($color, $emphasized-link-hover-darken-percentage) !important;
    }
  }
   */
  /*
  a.text-dark-interaction-active {
    @include hover-focus() {
      color: darken($color, $emphasized-link-hover-darken-percentage) !important;
    }
  }
   */
}
.hlx-scope .container,
.hlx-scope .container-fluid,
.hlx-scope .container-xxl,
.hlx-scope .container-xl,
.hlx-scope .container-lg,
.hlx-scope .container-md,
.hlx-scope .container-sm {
  width: 100%;
  padding-right: calc(var(--hl-grid-spacer) * var(--hl-factor-grid-gutter-width));
  padding-left: calc(var(--hl-grid-spacer) * var(--hl-factor-grid-gutter-width));
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .hlx-scope .container-sm, .hlx-scope .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .hlx-scope .container-md, .hlx-scope .container-sm, .hlx-scope .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .hlx-scope .container-lg, .hlx-scope .container-md, .hlx-scope .container-sm, .hlx-scope .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .hlx-scope .container-xl, .hlx-scope .container-lg, .hlx-scope .container-md, .hlx-scope .container-sm, .hlx-scope .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .hlx-scope .container-xxl, .hlx-scope .container-xl, .hlx-scope .container-lg, .hlx-scope .container-md, .hlx-scope .container-sm, .hlx-scope .container {
    max-width: 1320px;
  }
}
.hlx-scope .container-fluid, .hlx-scope .container-sm, .hlx-scope .container-md, .hlx-scope .container-lg, .hlx-scope .container-xl, .hlx-scope .container-xxl {
  max-width: 1400px;
}
.hlx-scope .container-fluid.container-max-xs, .hlx-scope .container-max-xs.container-sm, .hlx-scope .container-max-xs.container-md, .hlx-scope .container-max-xs.container-lg, .hlx-scope .container-max-xs.container-xl, .hlx-scope .container-max-xs.container-xxl,
.hlx-scope .container-max-xs .container-fluid,
.hlx-scope .container-max-xs .container-sm,
.hlx-scope .container-max-xs .container-md,
.hlx-scope .container-max-xs .container-lg,
.hlx-scope .container-max-xs .container-xl,
.hlx-scope .container-max-xs .container-xxl,
.hlx-scope .container-fluid.container--max-xs,
.hlx-scope .container--max-xs.container-sm,
.hlx-scope .container--max-xs.container-md,
.hlx-scope .container--max-xs.container-lg,
.hlx-scope .container--max-xs.container-xl,
.hlx-scope .container--max-xs.container-xxl,
.hlx-scope .container--max-xs .container-fluid,
.hlx-scope .container--max-xs .container-sm,
.hlx-scope .container--max-xs .container-md,
.hlx-scope .container--max-xs .container-lg,
.hlx-scope .container--max-xs .container-xl,
.hlx-scope .container--max-xs .container-xxl {
  max-width: 375px;
}
.hlx-scope .container-fluid.container-max-sm, .hlx-scope .container-max-sm.container-sm, .hlx-scope .container-max-sm.container-md, .hlx-scope .container-max-sm.container-lg, .hlx-scope .container-max-sm.container-xl, .hlx-scope .container-max-sm.container-xxl,
.hlx-scope .container-max-sm .container-fluid,
.hlx-scope .container-max-sm .container-sm,
.hlx-scope .container-max-sm .container-md,
.hlx-scope .container-max-sm .container-lg,
.hlx-scope .container-max-sm .container-xl,
.hlx-scope .container-max-sm .container-xxl,
.hlx-scope .container-fluid.container--max-sm,
.hlx-scope .container--max-sm.container-sm,
.hlx-scope .container--max-sm.container-md,
.hlx-scope .container--max-sm.container-lg,
.hlx-scope .container--max-sm.container-xl,
.hlx-scope .container--max-sm.container-xxl,
.hlx-scope .container--max-sm .container-fluid,
.hlx-scope .container--max-sm .container-sm,
.hlx-scope .container--max-sm .container-md,
.hlx-scope .container--max-sm .container-lg,
.hlx-scope .container--max-sm .container-xl,
.hlx-scope .container--max-sm .container-xxl {
  max-width: 576px;
}
.hlx-scope .container-fluid.container-max-md, .hlx-scope .container-max-md.container-sm, .hlx-scope .container-max-md.container-md, .hlx-scope .container-max-md.container-lg, .hlx-scope .container-max-md.container-xl, .hlx-scope .container-max-md.container-xxl,
.hlx-scope .container-max-md .container-fluid,
.hlx-scope .container-max-md .container-sm,
.hlx-scope .container-max-md .container-md,
.hlx-scope .container-max-md .container-lg,
.hlx-scope .container-max-md .container-xl,
.hlx-scope .container-max-md .container-xxl,
.hlx-scope .container-fluid.container--max-md,
.hlx-scope .container--max-md.container-sm,
.hlx-scope .container--max-md.container-md,
.hlx-scope .container--max-md.container-lg,
.hlx-scope .container--max-md.container-xl,
.hlx-scope .container--max-md.container-xxl,
.hlx-scope .container--max-md .container-fluid,
.hlx-scope .container--max-md .container-sm,
.hlx-scope .container--max-md .container-md,
.hlx-scope .container--max-md .container-lg,
.hlx-scope .container--max-md .container-xl,
.hlx-scope .container--max-md .container-xxl {
  max-width: 768px;
}
.hlx-scope .container-fluid.container-max-lg, .hlx-scope .container-max-lg.container-sm, .hlx-scope .container-max-lg.container-md, .hlx-scope .container-max-lg.container-lg, .hlx-scope .container-max-lg.container-xl, .hlx-scope .container-max-lg.container-xxl,
.hlx-scope .container-max-lg .container-fluid,
.hlx-scope .container-max-lg .container-sm,
.hlx-scope .container-max-lg .container-md,
.hlx-scope .container-max-lg .container-lg,
.hlx-scope .container-max-lg .container-xl,
.hlx-scope .container-max-lg .container-xxl,
.hlx-scope .container-fluid.container--max-lg,
.hlx-scope .container--max-lg.container-sm,
.hlx-scope .container--max-lg.container-md,
.hlx-scope .container--max-lg.container-lg,
.hlx-scope .container--max-lg.container-xl,
.hlx-scope .container--max-lg.container-xxl,
.hlx-scope .container--max-lg .container-fluid,
.hlx-scope .container--max-lg .container-sm,
.hlx-scope .container--max-lg .container-md,
.hlx-scope .container--max-lg .container-lg,
.hlx-scope .container--max-lg .container-xl,
.hlx-scope .container--max-lg .container-xxl {
  max-width: 992px;
}
.hlx-scope .container-fluid.container-max-xl, .hlx-scope .container-max-xl.container-sm, .hlx-scope .container-max-xl.container-md, .hlx-scope .container-max-xl.container-lg, .hlx-scope .container-max-xl.container-xl, .hlx-scope .container-max-xl.container-xxl,
.hlx-scope .container-max-xl .container-fluid,
.hlx-scope .container-max-xl .container-sm,
.hlx-scope .container-max-xl .container-md,
.hlx-scope .container-max-xl .container-lg,
.hlx-scope .container-max-xl .container-xl,
.hlx-scope .container-max-xl .container-xxl,
.hlx-scope .container-fluid.container--max-xl,
.hlx-scope .container--max-xl.container-sm,
.hlx-scope .container--max-xl.container-md,
.hlx-scope .container--max-xl.container-lg,
.hlx-scope .container--max-xl.container-xl,
.hlx-scope .container--max-xl.container-xxl,
.hlx-scope .container--max-xl .container-fluid,
.hlx-scope .container--max-xl .container-sm,
.hlx-scope .container--max-xl .container-md,
.hlx-scope .container--max-xl .container-lg,
.hlx-scope .container--max-xl .container-xl,
.hlx-scope .container--max-xl .container-xxl {
  max-width: 1200px;
}
.hlx-scope .container-fluid.container-max-xxl, .hlx-scope .container-max-xxl.container-sm, .hlx-scope .container-max-xxl.container-md, .hlx-scope .container-max-xxl.container-lg, .hlx-scope .container-max-xxl.container-xl, .hlx-scope .container-max-xxl.container-xxl,
.hlx-scope .container-max-xxl .container-fluid,
.hlx-scope .container-max-xxl .container-sm,
.hlx-scope .container-max-xxl .container-md,
.hlx-scope .container-max-xxl .container-lg,
.hlx-scope .container-max-xxl .container-xl,
.hlx-scope .container-max-xxl .container-xxl,
.hlx-scope .container-fluid.container--max-xxl,
.hlx-scope .container--max-xxl.container-sm,
.hlx-scope .container--max-xxl.container-md,
.hlx-scope .container--max-xxl.container-lg,
.hlx-scope .container--max-xxl.container-xl,
.hlx-scope .container--max-xxl.container-xxl,
.hlx-scope .container--max-xxl .container-fluid,
.hlx-scope .container--max-xxl .container-sm,
.hlx-scope .container--max-xxl .container-md,
.hlx-scope .container--max-xxl .container-lg,
.hlx-scope .container--max-xxl .container-xl,
.hlx-scope .container--max-xxl .container-xxl {
  max-width: 1400px;
}
.hlx-scope .container-fluid.container-max-xxxl, .hlx-scope .container-max-xxxl.container-sm, .hlx-scope .container-max-xxxl.container-md, .hlx-scope .container-max-xxxl.container-lg, .hlx-scope .container-max-xxxl.container-xl, .hlx-scope .container-max-xxxl.container-xxl,
.hlx-scope .container-max-xxxl .container-fluid,
.hlx-scope .container-max-xxxl .container-sm,
.hlx-scope .container-max-xxxl .container-md,
.hlx-scope .container-max-xxxl .container-lg,
.hlx-scope .container-max-xxxl .container-xl,
.hlx-scope .container-max-xxxl .container-xxl,
.hlx-scope .container-fluid.container--max-xxxl,
.hlx-scope .container--max-xxxl.container-sm,
.hlx-scope .container--max-xxxl.container-md,
.hlx-scope .container--max-xxxl.container-lg,
.hlx-scope .container--max-xxxl.container-xl,
.hlx-scope .container--max-xxxl.container-xxl,
.hlx-scope .container--max-xxxl .container-fluid,
.hlx-scope .container--max-xxxl .container-sm,
.hlx-scope .container--max-xxxl .container-md,
.hlx-scope .container--max-xxxl .container-lg,
.hlx-scope .container--max-xxxl .container-xl,
.hlx-scope .container--max-xxxl .container-xxl {
  max-width: 1880px;
}
.hlx-scope .container-fluid--full-width .container-fluid, .hlx-scope .container-fluid--full-width .container-sm, .hlx-scope .container-fluid--full-width .container-md, .hlx-scope .container-fluid--full-width .container-lg, .hlx-scope .container-fluid--full-width .container-xl, .hlx-scope .container-fluid--full-width .container-xxl,
.hlx-scope .container-fluid--full-width.container-fluid,
.hlx-scope .container-fluid--full-width.container-sm,
.hlx-scope .container-fluid--full-width.container-md,
.hlx-scope .container-fluid--full-width.container-lg,
.hlx-scope .container-fluid--full-width.container-xl,
.hlx-scope .container-fluid--full-width.container-xxl {
  max-width: none;
}
.hlx-scope .row {
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(var(--hl-grid-spacer) * -0.5);
  margin-left: calc(var(--hl-grid-spacer) * -0.5);
}
.hlx-scope .row.row-gap {
  margin-top: calc(-1 * var(--hl-grid-spacer));
}
.hlx-scope .row.row-gap > .col,
.hlx-scope .row.row-gap > [class*=col-] {
  margin-top: var(--hl-grid-spacer);
}
.hlx-scope .row.row-gap ~ .row-gap {
  margin-top: inherit;
}
.hlx-scope .no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.hlx-scope .no-gutters > .col,
.hlx-scope .no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}
.hlx-scope .col-xxxl,
.hlx-scope .col-xxxl-auto, .hlx-scope .col-xxxl-12, .hlx-scope .col-xxxl-11, .hlx-scope .col-xxxl-10, .hlx-scope .col-xxxl-9, .hlx-scope .col-xxxl-8, .hlx-scope .col-xxxl-7, .hlx-scope .col-xxxl-6, .hlx-scope .col-xxxl-5, .hlx-scope .col-xxxl-4, .hlx-scope .col-xxxl-3, .hlx-scope .col-xxxl-2, .hlx-scope .col-xxxl-1, .hlx-scope .col-xxl,
.hlx-scope .col-xxl-auto, .hlx-scope .col-xxl-12, .hlx-scope .col-xxl-11, .hlx-scope .col-xxl-10, .hlx-scope .col-xxl-9, .hlx-scope .col-xxl-8, .hlx-scope .col-xxl-7, .hlx-scope .col-xxl-6, .hlx-scope .col-xxl-5, .hlx-scope .col-xxl-4, .hlx-scope .col-xxl-3, .hlx-scope .col-xxl-2, .hlx-scope .col-xxl-1, .hlx-scope .col-xl,
.hlx-scope .col-xl-auto, .hlx-scope .col-xl-12, .hlx-scope .col-xl-11, .hlx-scope .col-xl-10, .hlx-scope .col-xl-9, .hlx-scope .col-xl-8, .hlx-scope .col-xl-7, .hlx-scope .col-xl-6, .hlx-scope .col-xl-5, .hlx-scope .col-xl-4, .hlx-scope .col-xl-3, .hlx-scope .col-xl-2, .hlx-scope .col-xl-1, .hlx-scope .col-lg,
.hlx-scope .col-lg-auto, .hlx-scope .col-lg-12, .hlx-scope .col-lg-11, .hlx-scope .col-lg-10, .hlx-scope .col-lg-9, .hlx-scope .col-lg-8, .hlx-scope .col-lg-7, .hlx-scope .col-lg-6, .hlx-scope .col-lg-5, .hlx-scope .col-lg-4, .hlx-scope .col-lg-3, .hlx-scope .col-lg-2, .hlx-scope .col-lg-1, .hlx-scope .col-md,
.hlx-scope .col-md-auto, .hlx-scope .col-md-12, .hlx-scope .col-md-11, .hlx-scope .col-md-10, .hlx-scope .col-md-9, .hlx-scope .col-md-8, .hlx-scope .col-md-7, .hlx-scope .col-md-6, .hlx-scope .col-md-5, .hlx-scope .col-md-4, .hlx-scope .col-md-3, .hlx-scope .col-md-2, .hlx-scope .col-md-1, .hlx-scope .col-sm,
.hlx-scope .col-sm-auto, .hlx-scope .col-sm-12, .hlx-scope .col-sm-11, .hlx-scope .col-sm-10, .hlx-scope .col-sm-9, .hlx-scope .col-sm-8, .hlx-scope .col-sm-7, .hlx-scope .col-sm-6, .hlx-scope .col-sm-5, .hlx-scope .col-sm-4, .hlx-scope .col-sm-3, .hlx-scope .col-sm-2, .hlx-scope .col-sm-1, .hlx-scope .col,
.hlx-scope .col-auto, .hlx-scope .col-12, .hlx-scope .col-11, .hlx-scope .col-10, .hlx-scope .col-9, .hlx-scope .col-8, .hlx-scope .col-7, .hlx-scope .col-6, .hlx-scope .col-5, .hlx-scope .col-4, .hlx-scope .col-3, .hlx-scope .col-2, .hlx-scope .col-1 {
  position: relative;
  width: 100%;
  padding-right: calc(var(--hl-grid-spacer) * 0.5);
  padding-left: calc(var(--hl-grid-spacer) * 0.5);
}
.hlx-scope .col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.hlx-scope .row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}
.hlx-scope .row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}
.hlx-scope .row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.hlx-scope .row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}
.hlx-scope .row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}
.hlx-scope .row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.hlx-scope .col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.hlx-scope .col-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.hlx-scope .col-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.hlx-scope .col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.hlx-scope .col-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.hlx-scope .col-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.hlx-scope .col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.hlx-scope .col-7 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.hlx-scope .col-8 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.hlx-scope .col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.hlx-scope .col-10 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.hlx-scope .col-11 {
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.hlx-scope .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.hlx-scope .order-first {
  order: -1;
}
.hlx-scope .order-last {
  order: 13;
}
.hlx-scope .order-0 {
  order: 0;
}
.hlx-scope .order-1 {
  order: 1;
}
.hlx-scope .order-2 {
  order: 2;
}
.hlx-scope .order-3 {
  order: 3;
}
.hlx-scope .order-4 {
  order: 4;
}
.hlx-scope .order-5 {
  order: 5;
}
.hlx-scope .order-6 {
  order: 6;
}
.hlx-scope .order-7 {
  order: 7;
}
.hlx-scope .order-8 {
  order: 8;
}
.hlx-scope .order-9 {
  order: 9;
}
.hlx-scope .order-10 {
  order: 10;
}
.hlx-scope .order-11 {
  order: 11;
}
.hlx-scope .order-12 {
  order: 12;
}
.hlx-scope .offset-1 {
  margin-left: 8.33333333%;
}
.hlx-scope .offset-2 {
  margin-left: 16.66666667%;
}
.hlx-scope .offset-3 {
  margin-left: 25%;
}
.hlx-scope .offset-4 {
  margin-left: 33.33333333%;
}
.hlx-scope .offset-5 {
  margin-left: 41.66666667%;
}
.hlx-scope .offset-6 {
  margin-left: 50%;
}
.hlx-scope .offset-7 {
  margin-left: 58.33333333%;
}
.hlx-scope .offset-8 {
  margin-left: 66.66666667%;
}
.hlx-scope .offset-9 {
  margin-left: 75%;
}
.hlx-scope .offset-10 {
  margin-left: 83.33333333%;
}
.hlx-scope .offset-11 {
  margin-left: 91.66666667%;
}
@media (min-width: 576px) {
  .hlx-scope .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .hlx-scope .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .hlx-scope .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .hlx-scope .row-cols-sm-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .hlx-scope .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .hlx-scope .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .hlx-scope .row-cols-sm-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .hlx-scope .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .hlx-scope .col-sm-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .hlx-scope .col-sm-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .hlx-scope .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .hlx-scope .col-sm-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .hlx-scope .col-sm-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .hlx-scope .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .hlx-scope .col-sm-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .hlx-scope .col-sm-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .hlx-scope .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .hlx-scope .col-sm-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .hlx-scope .col-sm-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .hlx-scope .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .hlx-scope .order-sm-first {
    order: -1;
  }
  .hlx-scope .order-sm-last {
    order: 13;
  }
  .hlx-scope .order-sm-0 {
    order: 0;
  }
  .hlx-scope .order-sm-1 {
    order: 1;
  }
  .hlx-scope .order-sm-2 {
    order: 2;
  }
  .hlx-scope .order-sm-3 {
    order: 3;
  }
  .hlx-scope .order-sm-4 {
    order: 4;
  }
  .hlx-scope .order-sm-5 {
    order: 5;
  }
  .hlx-scope .order-sm-6 {
    order: 6;
  }
  .hlx-scope .order-sm-7 {
    order: 7;
  }
  .hlx-scope .order-sm-8 {
    order: 8;
  }
  .hlx-scope .order-sm-9 {
    order: 9;
  }
  .hlx-scope .order-sm-10 {
    order: 10;
  }
  .hlx-scope .order-sm-11 {
    order: 11;
  }
  .hlx-scope .order-sm-12 {
    order: 12;
  }
  .hlx-scope .offset-sm-0 {
    margin-left: 0;
  }
  .hlx-scope .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .hlx-scope .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .hlx-scope .offset-sm-3 {
    margin-left: 25%;
  }
  .hlx-scope .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .hlx-scope .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .hlx-scope .offset-sm-6 {
    margin-left: 50%;
  }
  .hlx-scope .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .hlx-scope .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .hlx-scope .offset-sm-9 {
    margin-left: 75%;
  }
  .hlx-scope .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .hlx-scope .offset-sm-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 768px) {
  .hlx-scope .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .hlx-scope .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .hlx-scope .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .hlx-scope .row-cols-md-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .hlx-scope .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .hlx-scope .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .hlx-scope .row-cols-md-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .hlx-scope .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .hlx-scope .col-md-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .hlx-scope .col-md-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .hlx-scope .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .hlx-scope .col-md-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .hlx-scope .col-md-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .hlx-scope .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .hlx-scope .col-md-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .hlx-scope .col-md-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .hlx-scope .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .hlx-scope .col-md-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .hlx-scope .col-md-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .hlx-scope .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .hlx-scope .order-md-first {
    order: -1;
  }
  .hlx-scope .order-md-last {
    order: 13;
  }
  .hlx-scope .order-md-0 {
    order: 0;
  }
  .hlx-scope .order-md-1 {
    order: 1;
  }
  .hlx-scope .order-md-2 {
    order: 2;
  }
  .hlx-scope .order-md-3 {
    order: 3;
  }
  .hlx-scope .order-md-4 {
    order: 4;
  }
  .hlx-scope .order-md-5 {
    order: 5;
  }
  .hlx-scope .order-md-6 {
    order: 6;
  }
  .hlx-scope .order-md-7 {
    order: 7;
  }
  .hlx-scope .order-md-8 {
    order: 8;
  }
  .hlx-scope .order-md-9 {
    order: 9;
  }
  .hlx-scope .order-md-10 {
    order: 10;
  }
  .hlx-scope .order-md-11 {
    order: 11;
  }
  .hlx-scope .order-md-12 {
    order: 12;
  }
  .hlx-scope .offset-md-0 {
    margin-left: 0;
  }
  .hlx-scope .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .hlx-scope .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .hlx-scope .offset-md-3 {
    margin-left: 25%;
  }
  .hlx-scope .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .hlx-scope .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .hlx-scope .offset-md-6 {
    margin-left: 50%;
  }
  .hlx-scope .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .hlx-scope .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .hlx-scope .offset-md-9 {
    margin-left: 75%;
  }
  .hlx-scope .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .hlx-scope .offset-md-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 992px) {
  .hlx-scope .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .hlx-scope .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .hlx-scope .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .hlx-scope .row-cols-lg-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .hlx-scope .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .hlx-scope .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .hlx-scope .row-cols-lg-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .hlx-scope .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .hlx-scope .col-lg-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .hlx-scope .col-lg-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .hlx-scope .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .hlx-scope .col-lg-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .hlx-scope .col-lg-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .hlx-scope .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .hlx-scope .col-lg-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .hlx-scope .col-lg-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .hlx-scope .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .hlx-scope .col-lg-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .hlx-scope .col-lg-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .hlx-scope .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .hlx-scope .order-lg-first {
    order: -1;
  }
  .hlx-scope .order-lg-last {
    order: 13;
  }
  .hlx-scope .order-lg-0 {
    order: 0;
  }
  .hlx-scope .order-lg-1 {
    order: 1;
  }
  .hlx-scope .order-lg-2 {
    order: 2;
  }
  .hlx-scope .order-lg-3 {
    order: 3;
  }
  .hlx-scope .order-lg-4 {
    order: 4;
  }
  .hlx-scope .order-lg-5 {
    order: 5;
  }
  .hlx-scope .order-lg-6 {
    order: 6;
  }
  .hlx-scope .order-lg-7 {
    order: 7;
  }
  .hlx-scope .order-lg-8 {
    order: 8;
  }
  .hlx-scope .order-lg-9 {
    order: 9;
  }
  .hlx-scope .order-lg-10 {
    order: 10;
  }
  .hlx-scope .order-lg-11 {
    order: 11;
  }
  .hlx-scope .order-lg-12 {
    order: 12;
  }
  .hlx-scope .offset-lg-0 {
    margin-left: 0;
  }
  .hlx-scope .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .hlx-scope .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .hlx-scope .offset-lg-3 {
    margin-left: 25%;
  }
  .hlx-scope .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .hlx-scope .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .hlx-scope .offset-lg-6 {
    margin-left: 50%;
  }
  .hlx-scope .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .hlx-scope .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .hlx-scope .offset-lg-9 {
    margin-left: 75%;
  }
  .hlx-scope .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .hlx-scope .offset-lg-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1200px) {
  .hlx-scope .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .hlx-scope .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .hlx-scope .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .hlx-scope .row-cols-xl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .hlx-scope .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .hlx-scope .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .hlx-scope .row-cols-xl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .hlx-scope .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .hlx-scope .col-xl-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .hlx-scope .col-xl-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .hlx-scope .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .hlx-scope .col-xl-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .hlx-scope .col-xl-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .hlx-scope .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .hlx-scope .col-xl-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .hlx-scope .col-xl-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .hlx-scope .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .hlx-scope .col-xl-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .hlx-scope .col-xl-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .hlx-scope .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .hlx-scope .order-xl-first {
    order: -1;
  }
  .hlx-scope .order-xl-last {
    order: 13;
  }
  .hlx-scope .order-xl-0 {
    order: 0;
  }
  .hlx-scope .order-xl-1 {
    order: 1;
  }
  .hlx-scope .order-xl-2 {
    order: 2;
  }
  .hlx-scope .order-xl-3 {
    order: 3;
  }
  .hlx-scope .order-xl-4 {
    order: 4;
  }
  .hlx-scope .order-xl-5 {
    order: 5;
  }
  .hlx-scope .order-xl-6 {
    order: 6;
  }
  .hlx-scope .order-xl-7 {
    order: 7;
  }
  .hlx-scope .order-xl-8 {
    order: 8;
  }
  .hlx-scope .order-xl-9 {
    order: 9;
  }
  .hlx-scope .order-xl-10 {
    order: 10;
  }
  .hlx-scope .order-xl-11 {
    order: 11;
  }
  .hlx-scope .order-xl-12 {
    order: 12;
  }
  .hlx-scope .offset-xl-0 {
    margin-left: 0;
  }
  .hlx-scope .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .hlx-scope .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .hlx-scope .offset-xl-3 {
    margin-left: 25%;
  }
  .hlx-scope .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .hlx-scope .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .hlx-scope .offset-xl-6 {
    margin-left: 50%;
  }
  .hlx-scope .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .hlx-scope .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .hlx-scope .offset-xl-9 {
    margin-left: 75%;
  }
  .hlx-scope .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .hlx-scope .offset-xl-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1400px) {
  .hlx-scope .col-xxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .hlx-scope .row-cols-xxl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .hlx-scope .row-cols-xxl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .hlx-scope .row-cols-xxl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .hlx-scope .row-cols-xxl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .hlx-scope .row-cols-xxl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .hlx-scope .row-cols-xxl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .hlx-scope .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .hlx-scope .col-xxl-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .hlx-scope .col-xxl-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .hlx-scope .col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .hlx-scope .col-xxl-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .hlx-scope .col-xxl-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .hlx-scope .col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .hlx-scope .col-xxl-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .hlx-scope .col-xxl-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .hlx-scope .col-xxl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .hlx-scope .col-xxl-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .hlx-scope .col-xxl-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .hlx-scope .col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .hlx-scope .order-xxl-first {
    order: -1;
  }
  .hlx-scope .order-xxl-last {
    order: 13;
  }
  .hlx-scope .order-xxl-0 {
    order: 0;
  }
  .hlx-scope .order-xxl-1 {
    order: 1;
  }
  .hlx-scope .order-xxl-2 {
    order: 2;
  }
  .hlx-scope .order-xxl-3 {
    order: 3;
  }
  .hlx-scope .order-xxl-4 {
    order: 4;
  }
  .hlx-scope .order-xxl-5 {
    order: 5;
  }
  .hlx-scope .order-xxl-6 {
    order: 6;
  }
  .hlx-scope .order-xxl-7 {
    order: 7;
  }
  .hlx-scope .order-xxl-8 {
    order: 8;
  }
  .hlx-scope .order-xxl-9 {
    order: 9;
  }
  .hlx-scope .order-xxl-10 {
    order: 10;
  }
  .hlx-scope .order-xxl-11 {
    order: 11;
  }
  .hlx-scope .order-xxl-12 {
    order: 12;
  }
  .hlx-scope .offset-xxl-0 {
    margin-left: 0;
  }
  .hlx-scope .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .hlx-scope .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .hlx-scope .offset-xxl-3 {
    margin-left: 25%;
  }
  .hlx-scope .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .hlx-scope .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .hlx-scope .offset-xxl-6 {
    margin-left: 50%;
  }
  .hlx-scope .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .hlx-scope .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .hlx-scope .offset-xxl-9 {
    margin-left: 75%;
  }
  .hlx-scope .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .hlx-scope .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1880px) {
  .hlx-scope .col-xxxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .hlx-scope .row-cols-xxxl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .hlx-scope .row-cols-xxxl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .hlx-scope .row-cols-xxxl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .hlx-scope .row-cols-xxxl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .hlx-scope .row-cols-xxxl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .hlx-scope .row-cols-xxxl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .hlx-scope .col-xxxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .hlx-scope .col-xxxl-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .hlx-scope .col-xxxl-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .hlx-scope .col-xxxl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .hlx-scope .col-xxxl-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .hlx-scope .col-xxxl-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .hlx-scope .col-xxxl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .hlx-scope .col-xxxl-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .hlx-scope .col-xxxl-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .hlx-scope .col-xxxl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .hlx-scope .col-xxxl-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .hlx-scope .col-xxxl-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .hlx-scope .col-xxxl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .hlx-scope .order-xxxl-first {
    order: -1;
  }
  .hlx-scope .order-xxxl-last {
    order: 13;
  }
  .hlx-scope .order-xxxl-0 {
    order: 0;
  }
  .hlx-scope .order-xxxl-1 {
    order: 1;
  }
  .hlx-scope .order-xxxl-2 {
    order: 2;
  }
  .hlx-scope .order-xxxl-3 {
    order: 3;
  }
  .hlx-scope .order-xxxl-4 {
    order: 4;
  }
  .hlx-scope .order-xxxl-5 {
    order: 5;
  }
  .hlx-scope .order-xxxl-6 {
    order: 6;
  }
  .hlx-scope .order-xxxl-7 {
    order: 7;
  }
  .hlx-scope .order-xxxl-8 {
    order: 8;
  }
  .hlx-scope .order-xxxl-9 {
    order: 9;
  }
  .hlx-scope .order-xxxl-10 {
    order: 10;
  }
  .hlx-scope .order-xxxl-11 {
    order: 11;
  }
  .hlx-scope .order-xxxl-12 {
    order: 12;
  }
  .hlx-scope .offset-xxxl-0 {
    margin-left: 0;
  }
  .hlx-scope .offset-xxxl-1 {
    margin-left: 8.33333333%;
  }
  .hlx-scope .offset-xxxl-2 {
    margin-left: 16.66666667%;
  }
  .hlx-scope .offset-xxxl-3 {
    margin-left: 25%;
  }
  .hlx-scope .offset-xxxl-4 {
    margin-left: 33.33333333%;
  }
  .hlx-scope .offset-xxxl-5 {
    margin-left: 41.66666667%;
  }
  .hlx-scope .offset-xxxl-6 {
    margin-left: 50%;
  }
  .hlx-scope .offset-xxxl-7 {
    margin-left: 58.33333333%;
  }
  .hlx-scope .offset-xxxl-8 {
    margin-left: 66.66666667%;
  }
  .hlx-scope .offset-xxxl-9 {
    margin-left: 75%;
  }
  .hlx-scope .offset-xxxl-10 {
    margin-left: 83.33333333%;
  }
  .hlx-scope .offset-xxxl-11 {
    margin-left: 91.66666667%;
  }
}
.hlx-scope .form-control, .hlx-scope .hl-form-control {
  display: block;
  width: 100%;
  height: calc(var(--hl-line-height-sm) * 1em + calc(var(--hl-spacer-sm)) * 2 + calc(var(--hl-border-width-default) * 2));
  padding: calc(var(--hl-spacer-sm)) calc(var(--hl-spacer-sm));
  font-size: var(--hl-font-size-md);
  font-weight: var(--hl-font-weight-body-bold);
  line-height: var(--hl-line-height-sm);
  color: var(--hl-color-fg-light-important);
  background-color: var(--hl-color-bg-light-default);
  background-clip: padding-box;
  border: var(--hl-border-width-default) solid var(--hl-color-border-light-interaction-standby);
  border-radius: var(--hl-border-radius-default);
  transition: border-color var(--hl-transition-normal), box-shadow var(--hl-transition-normal);
}
.hlx-scope .form-control:hover, .hlx-scope .hl-form-control:hover {
  border: var(--hl-border-width-default) solid var(--hl-color-border-light-interaction-hover);
}
@media (prefers-reduced-motion: reduce) {
  .hlx-scope .form-control, .hlx-scope .hl-form-control {
    transition: none;
  }
}
.hlx-scope .form-control::-ms-expand, .hlx-scope .hl-form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.hlx-scope .form-control:hover, .hlx-scope .hl-form-control:hover {
  color: var(--hl-color-fg-light-important);
  background-color: var(--hl-color-bg-light-default);
  border-color: var(--hl-color-border-light-interaction-hover);
  outline: 0;
  box-shadow: var(--hl-color-box-shadow-hover);
}
.hlx-scope .form-control:focus, .hlx-scope .hl-form-control:focus {
  color: var(--hl-color-fg-light-important);
  background-color: var(--hl-color-bg-light-default);
  border-color: var(--hl-color-border-light-interaction-focus);
  outline: 0;
  box-shadow: var(--hl-color-box-shadow-hover);
}
.hlx-scope .form-control::placeholder, .hlx-scope .hl-form-control::placeholder {
  color: var(--hl-color-fg-light-muted);
  opacity: 1;
}
.hlx-scope .form-control:disabled, .hlx-scope .hl-form-control:disabled, .hlx-scope .form-control[readonly], .hlx-scope [readonly].hl-form-control {
  background-color: var(--hl-color-form-bg-light-disabled);
  border-color: var(--hl-color-form-border-light-disabled);
  opacity: 1;
  pointer-events: none;
}
.hlx-scope .form-control:disabled, .hlx-scope .hl-form-control:disabled {
  color: var(--hl-color-form-fg-light-disabled);
}
.hlx-scope input[type=date].form-control, .hlx-scope input[type=date].hl-form-control,
.hlx-scope input[type=time].form-control,
.hlx-scope input[type=time].hl-form-control,
.hlx-scope input[type=datetime-local].form-control,
.hlx-scope input[type=datetime-local].hl-form-control,
.hlx-scope input[type=month].form-control,
.hlx-scope input[type=month].hl-form-control {
  appearance: none;
}
.hlx-scope input[type=file]::file-selector-button {
  opacity: 0;
  width: 0;
  position: absolute;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.hlx-scope input[type=file]::-ms-browse {
  opacity: 0;
  width: 0;
  position: absolute;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.hlx-scope input[type=file]::-webkit-file-upload-button {
  opacity: 0;
  width: 0;
  position: absolute;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.hlx-scope input[type=file]:not(.input-file-added) {
  color: var(--hl-color-fg-light-muted);
}
.hlx-scope legend.label {
  font-size: var(--hl-font-size-md);
  margin-bottom: var(--hl-spacer-xs);
}
.hlx-scope .label-file {
  --file-button-fg-color: var(--hl-color-button-fg-light-outline-standby);
  --file-button-bg-color: var(--hl-color-button-bg-light-outline-standby);
  --file-button-border-color: var(--hl-color-button-border-light-outline-standby);
  display: block;
}
.hlx-scope .label-file__input {
  display: grid;
  grid-template-columns: 1fr auto;
}
.hlx-scope .label-file__input::after {
  content: "Elige...";
  border: var(--hl-border-width-default) solid var(--file-button-border-color);
  display: flex;
  align-items: center;
  font-weight: var(--hl-font-weight-body-bold);
  color: var(--file-button-fg-color);
  background-color: var(--file-button-bg-color);
  padding-left: var(--hl-spacer-lg);
  padding-right: var(--hl-spacer-lg);
  margin-left: calc(-1 * var(--hl-border-width-default));
  transition: all var(--hl-transition-normal);
}
@media (prefers-reduced-motion: reduce) {
  .hlx-scope .label-file__input::after {
    transition: none;
  }
}
.hlx-scope .label-file:focus-within, .hlx-scope .label-file:hover, .hlx-scope .label-file:focus {
  --file-button-fg-color: var(--hl-color-button-fg-light-outline-hover);
  --file-button-bg-color: var(--hl-color-button-bg-light-outline-hover);
}
.hlx-scope .label-file:not(:disabled):not(.disabled):active {
  --file-button-fg-color: var(--hl-color-button-fg-light-outline-pressed);
  --file-button-bg-color: var(--hl-color-button-bg-light-outline-pressed);
}
.hlx-scope select.form-control option, .hlx-scope select.hl-form-control option {
  font-weight: var(--hl-font-weight-body-bold);
}
.hlx-scope select.form-control:-moz-focusring, .hlx-scope select.hl-form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--hl-color-fg-light-important);
}
.hlx-scope select.form-control:focus::-ms-value, .hlx-scope select.hl-form-control:focus::-ms-value {
  color: var(--hl-color-fg-light-important);
  background-color: var(--hl-color-bg-light-default);
}
.hlx-scope .form-control-file,
.hlx-scope .form-control-range {
  display: block;
  width: 100%;
}
.hlx-scope label,
.hlx-scope .label {
  color: var(--hl-color-fg-light-important);
  font-weight: var(--hl-font-weight-body-bold);
  position: relative;
  display: inline-flex;
  gap: var(--hl-spacer-2xs);
}
.hlx-scope label.required:after,
.hlx-scope .label.required:after {
  content: "*";
  display: inline-flex;
  color: var(--hl-color-fg-light-accent);
  margin-bottom: var(--hl-spacer-lg);
  margin-top: var(--hl-spacer-2xl);
  font-size: var(--hl-font-size-3xl);
  font-weight: var(--hl-font-weight-body-bold);
  letter-spacing: var(--hl-letter-spacing-decreased);
  line-height: var(--hl-line-height-sm);
  margin: 0;
  line-height: var(--hl-line-height-sm);
  position: absolute;
  transform: translate(calc(100% + var(--hl-spacer-2xs)), calc(-1 * var(--hl-spacer-2xs)));
  right: 0;
}
@media (min-width: 576px) {
  .hlx-scope label.required:after,
  .hlx-scope .label.required:after {
    font-size: var(--hl-font-size-5xl);
  }
}
@media (min-width: 768px) {
  .hlx-scope label.required:after,
  .hlx-scope .label.required:after {
    font-size: var(--hl-font-size-6xl);
  }
}
.hlx-scope .col-form-label {
  padding-top: calc(calc(var(--hl-spacer-sm)) + var(--hl-border-width-default));
  padding-bottom: calc(calc(var(--hl-spacer-sm)) + var(--hl-border-width-default));
  margin-bottom: 0;
  font-size: inherit;
  line-height: var(--hl-line-height-sm);
}
.hlx-scope .col-form-label-lg {
  padding-top: calc(var(--hl-spacer-md) + var(--hl-border-width-default));
  padding-bottom: calc(var(--hl-spacer-md) + var(--hl-border-width-default));
  font-size: var(--hl-font-size-2xl);
  line-height: var(--hl-line-height-sm);
}
.hlx-scope .col-form-label-sm {
  padding-top: calc(var(--hl-spacer-xs) + var(--hl-border-width-default));
  padding-bottom: calc(var(--hl-spacer-xs) + var(--hl-border-width-default));
  font-size: var(--hl-font-size-sm);
  line-height: var(--hl-line-height-sm);
}
.hlx-scope .form-control-plaintext {
  display: block;
  width: 100%;
  padding: calc(var(--hl-spacer-sm)) 0;
  font-weight: var(--hl-font-weight-body-bold);
  margin-bottom: 0;
  font-size: var(--hl-font-size-md);
  line-height: var(--hl-line-height-sm);
  color: var(--hl-color-fg-light-default);
  background-color: transparent;
  border: solid transparent;
  border-radius: var(--hl-border-radius-default);
  border-width: var(--hl-border-width-default) 0;
  outline: unset;
}
.hlx-scope .form-control-plaintext.form-control-sm, .hlx-scope .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}
.hlx-scope .form-control-sm {
  height: calc(var(--hl-line-height-sm) * 1em + var(--hl-spacer-xs) * 2 + calc(var(--hl-border-width-default) * 2));
  padding: var(--hl-spacer-xs) var(--hl-spacer-xs);
  font-size: var(--hl-font-size-sm);
  line-height: var(--hl-line-height-sm);
  border-radius: var(--hl-border-radius-default);
}
.hlx-scope .form-control-lg {
  height: calc(var(--hl-line-height-sm) * 1em + var(--hl-spacer-md) * 2 + calc(var(--hl-border-width-default) * 2));
  padding: var(--hl-spacer-md) var(--hl-spacer-md);
  font-size: var(--hl-font-size-2xl);
  line-height: var(--hl-line-height-sm);
  border-radius: var(--hl-border-radius-default);
}
.hlx-scope select.form-control[size], .hlx-scope select[size].hl-form-control, .hlx-scope select.form-control[multiple], .hlx-scope select[multiple].hl-form-control {
  height: auto;
}
.hlx-scope select.form-control[size] option, .hlx-scope select[size].hl-form-control option, .hlx-scope select.form-control[multiple] option, .hlx-scope select[multiple].hl-form-control option {
  font-weight: var(--hl-font-weight-body-bold);
}
.hlx-scope textarea.form-control, .hlx-scope textarea.hl-form-control {
  height: auto;
}
.hlx-scope .form-group {
  margin-bottom: var(--hl-spacing-grid);
  position: relative;
}
.hlx-scope .form-group .select-dropdown-icon {
  background: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0' mask-type='alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='40' height='40'%3E%3Crect width='40' height='40' fill='white'/%3E%3C/mask%3E%3Cg mask='url%28%23mask0%29'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M39 11L1 11L20 30L39 11Z' fill='black'/%3E%3C/g%3E%3C/svg%3E%0A") right calc(var(--hl-spacer-sm)) center/14px 14px no-repeat;
}
.hlx-scope .form-group.required label:not(.custom-control-label):after,
.hlx-scope .form-group.required .label:after {
  content: "*";
  display: inline-flex;
  color: var(--hl-color-fg-light-accent);
  margin-bottom: var(--hl-spacer-lg);
  margin-top: var(--hl-spacer-2xl);
  font-size: var(--hl-font-size-3xl);
  font-weight: var(--hl-font-weight-body-bold);
  letter-spacing: var(--hl-letter-spacing-decreased);
  line-height: var(--hl-line-height-sm);
  margin: 0;
  line-height: var(--hl-line-height-sm);
  position: absolute;
  transform: translate(calc(100% + var(--hl-spacer-2xs)), calc(-1 * var(--hl-spacer-2xs)));
  right: 0;
}
@media (min-width: 576px) {
  .hlx-scope .form-group.required label:not(.custom-control-label):after,
  .hlx-scope .form-group.required .label:after {
    font-size: var(--hl-font-size-5xl);
  }
}
@media (min-width: 768px) {
  .hlx-scope .form-group.required label:not(.custom-control-label):after,
  .hlx-scope .form-group.required .label:after {
    font-size: var(--hl-font-size-6xl);
  }
}
.hlx-scope .form-group.disabled * {
  pointer-events: none;
}
.hlx-scope .form-text {
  align-items: center;
  display: flex;
  gap: var(--hl-spacer-2xs);
  font-weight: var(--hl-font-weight-body-regular);
  width: 100%;
  font-size: var(--hl-font-size-xs);
  color: var(--hl-color-fg-light-muted);
  margin-top: var(--hl-spacer-xs);
}
.hlx-scope .form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(var(--hl-spacer-sm) * -0.5);
  margin-left: calc(var(--hl-spacer-sm) * -0.5);
}
.hlx-scope .form-row > .col,
.hlx-scope .form-row > [class*=col-] {
  padding-right: calc(var(--hl-spacer-sm) * 0.5);
  padding-left: calc(var(--hl-spacer-sm) * 0.5);
}
.hlx-scope .form-check {
  position: relative;
  display: block;
  padding-left: var(--hl-spacer-lg);
}
.hlx-scope .form-check-input {
  position: absolute;
  margin-top: var(--hl-spacer-2xs);
  margin-left: calc(-1 * var(--hl-spacer-lg));
}
.hlx-scope .form-check-input[disabled] ~ .form-check-label, .hlx-scope .form-check-input:disabled ~ .form-check-label {
  color: var(--hl-color-fg-light-muted);
}
.hlx-scope .form-check-label {
  margin-bottom: 0;
}
.hlx-scope .form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: var(--hl-spacer-sm);
}
.hlx-scope .form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: var(--hl-spacer-2xs);
  margin-left: 0;
}
.hlx-scope .valid-feedback {
  display: none;
  font-weight: var(--hl-font-weight-body-regular);
  width: 100%;
  margin-top: var(--hl-spacer-xs);
  font-size: var(--hl-font-size-sm);
}
.hlx-scope .valid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  font-weight: var(--hl-font-weight-body-regular);
  display: none;
  max-width: 100%;
  padding: var(--hl-spacer-2xs) var(--hl-spacer-xs);
  margin-top: 0.1rem;
  font-size: var(--hl-font-size-sm);
  line-height: var(--hl-line-height-lg);
  color: var(--hl-color-functional-success);
  background-color: var(--hl-color-functional-danger);
  border-radius: var(--hl-border-radius-sm);
}
.form-row > .col > .hlx-scope .valid-tooltip, .form-row > [class*=col-] > .hlx-scope .valid-tooltip {
  left: calc(var(--hl-spacer-sm) * 0.5);
}
.was-validated .hlx-scope:valid ~ .valid-feedback,
.was-validated .hlx-scope:valid ~ .valid-tooltip, .hlx-scope.is-valid ~ .valid-feedback,
.hlx-scope.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .hlx-scope:valid ~ .valid-feedback, .hlx-scope.is-valid ~ .valid-feedback {
  padding-left: calc(var(--hl-size-icon-sm) + var(--hl-spacer-2xs));
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='32' viewBox='0 0 24 24' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='12' fill='%2338C738'%3e%3c/circle%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 6L10 14L7 11L5 13L8 16L10 18L12 16L20 8L18 6Z' fill='%23fff'%3e%3c/path%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: var(--hl-size-icon-sm);
}
.was-validated .hlx-scope .form-check-input:valid ~ .form-check-label, .hlx-scope .form-check-input.is-valid ~ .form-check-label {
  color: var(--hl-color-functional-success);
}
.was-validated .hlx-scope .form-check-input:valid ~ .valid-feedback,
.was-validated .hlx-scope .form-check-input:valid ~ .valid-tooltip, .hlx-scope .form-check-input.is-valid ~ .valid-feedback,
.hlx-scope .form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .hlx-scope .custom-control-input:valid ~ .custom-control-label, .hlx-scope .custom-control-input.is-valid ~ .custom-control-label {
  color: var(--hl-color-functional-success);
}
.was-validated .hlx-scope .custom-control-input:valid ~ .custom-control-label::before, .hlx-scope .custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: var(--hl-color-functional-success);
}
.was-validated .hlx-scope .custom-control-input:valid:checked ~ .custom-control-label::before, .hlx-scope .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: var(--hl-color-functional-success);
  background-color: var(--hl-color-functional-success);
}
.was-validated .hlx-scope .custom-control-input:valid:focus ~ .custom-control-label::before, .hlx-scope .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 var(--hl-spacer-2xs) rgba(var(--hl-color-functional-success), 0.25);
}
.was-validated .hlx-scope .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .hlx-scope .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: var(--hl-color-functional-success);
}
.was-validated .hlx-scope .custom-file-input:valid ~ .custom-file-label, .hlx-scope .custom-file-input.is-valid ~ .custom-file-label {
  border-color: var(--hl-color-functional-success);
}
.was-validated .hlx-scope .custom-file-input:valid:focus ~ .custom-file-label, .hlx-scope .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: var(--hl-color-functional-success);
  box-shadow: 0 0 0 var(--hl-spacer-2xs) rgba(var(--hl-color-functional-success), 0.25);
}
.hlx-scope .invalid-feedback {
  display: none;
  font-weight: var(--hl-font-weight-body-regular);
  width: 100%;
  margin-top: var(--hl-spacer-xs);
  font-size: var(--hl-font-size-sm);
}
.hlx-scope .invalid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  font-weight: var(--hl-font-weight-body-regular);
  display: none;
  max-width: 100%;
  padding: var(--hl-spacer-2xs) var(--hl-spacer-xs);
  margin-top: 0.1rem;
  font-size: var(--hl-font-size-sm);
  line-height: var(--hl-line-height-lg);
  color: var(--hl-color-fg-light-muted);
  background-color: var(--hl-color-functional-danger);
  border-radius: var(--hl-border-radius-sm);
}
.form-row > .col > .hlx-scope .invalid-tooltip, .form-row > [class*=col-] > .hlx-scope .invalid-tooltip {
  left: calc(var(--hl-spacer-sm) * 0.5);
}
.was-validated .hlx-scope:invalid ~ .invalid-feedback,
.was-validated .hlx-scope:invalid ~ .invalid-tooltip, .hlx-scope.is-invalid ~ .invalid-feedback,
.hlx-scope.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .hlx-scope:invalid ~ .invalid-feedback, .hlx-scope.is-invalid ~ .invalid-feedback {
  padding-left: calc(var(--hl-size-icon-sm) + var(--hl-spacer-2xs));
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='%23CC3C14' fill-rule='evenodd' d='M14.4646 11.6288 9.27964 2.73546C9.01439 2.28008 8.52696 2 7.99997 2c-.52699 0-1.01428.28008-1.27953.73546L1.5479 11.6069l-.00055.0009-.01218.0209c-.26742.4583-.2693 1.0246-.00514 1.4848.26417.4602.75419.7441 1.28481.7443H13.1851c.5306-.0003 1.0206-.2841 1.2848-.7443.2641-.4601.2621-1.0264-.0053-1.4847Zm-4.1733-.1729c-.1142.1143-.2692.1785-.43088.1785-.16163 0-.31663-.0642-.4309-.1785l-1.42973-1.4304-1.42973 1.4304c-.15357.1562-.37911.2179-.5908.1618-.21169-.0562-.37699-.2216-.43299-.4333-.05601-.2117.00588-.4372.16213-.5907l1.42969-1.43029-1.37887-1.37954c-.23542-.23845-.23424-.62221.00265-.8592.23689-.23699.62065-.23834.8592-.00302L7.9999 8.3012l1.37881-1.37955c.15353-.15635.37918-.21827.591-.16216.21179.05611.37719.22161.43319.43346.056.21186-.006.43747-.1624.59092L8.86163 9.16341l1.42967 1.43019c.2379.2382.2379.6241 0 .8623Z' clip-rule='evenodd'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: var(--hl-size-icon-sm);
}
.was-validated .hlx-scope .form-control:invalid, .was-validated .hlx-scope .hl-form-control:invalid, .hlx-scope .form-control.is-invalid, .hlx-scope .is-invalid.hl-form-control {
  border-color: var(--hl-color-functional-danger);
}
.was-validated .hlx-scope .form-check-input:invalid ~ .form-check-label, .hlx-scope .form-check-input.is-invalid ~ .form-check-label {
  color: var(--hl-color-fg-light-muted);
}
.was-validated .hlx-scope .form-check-input:invalid ~ .invalid-feedback,
.was-validated .hlx-scope .form-check-input:invalid ~ .invalid-tooltip, .hlx-scope .form-check-input.is-invalid ~ .invalid-feedback,
.hlx-scope .form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .hlx-scope .custom-control-input:invalid ~ .custom-control-label, .hlx-scope .custom-control-input.is-invalid ~ .custom-control-label {
  color: var(--hl-color-fg-light-muted);
}
.was-validated .hlx-scope .custom-control-input:invalid ~ .custom-control-label::before, .hlx-scope .custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: var(--hl-color-fg-light-muted);
}
.was-validated .hlx-scope .custom-control-input:invalid:checked ~ .custom-control-label::before, .hlx-scope .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: var(--hl-color-fg-light-muted);
  background-color: var(--hl-color-fg-light-muted);
}
.was-validated .hlx-scope .custom-control-input:invalid:focus ~ .custom-control-label::before, .hlx-scope .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 var(--hl-spacer-2xs) rgba(var(--hl-color-fg-light-muted), 0.25);
}
.was-validated .hlx-scope .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .hlx-scope .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: var(--hl-color-fg-light-muted);
}
.was-validated .hlx-scope .custom-file-input:invalid ~ .custom-file-label, .hlx-scope .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: var(--hl-color-fg-light-muted);
}
.was-validated .hlx-scope .custom-file-input:invalid:focus ~ .custom-file-label, .hlx-scope .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: var(--hl-color-fg-light-muted);
  box-shadow: 0 0 0 var(--hl-spacer-2xs) rgba(var(--hl-color-fg-light-muted), 0.25);
}
.hlx-scope .form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.hlx-scope .form-inline .form-check {
  width: 100%;
}
@media (min-width: 576px) {
  .hlx-scope .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .hlx-scope .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .hlx-scope .form-inline .form-control, .hlx-scope .form-inline .hl-form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .hlx-scope .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .hlx-scope .form-inline .input-group,
  .hlx-scope .form-inline .custom-select {
    width: auto;
  }
  .hlx-scope .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .hlx-scope .form-inline .form-check-input {
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: var(--hl-spacer-2xs);
    margin-left: 0;
  }
  .hlx-scope .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }
  .hlx-scope .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}
.hlx-scope .form-submit {
  margin-top: var(--hl-spacing-atom);
}
.hlx-scope .invalid-feedback {
  font-size: var(--hl-font-size-2xs);
  line-height: var(--hl-line-height-md);
  font-weight: var(--hl-font-weight-body-bold);
  letter-spacing: var(--hl-letter-spacing-default);
  color: var(--hl-color-fg-light-important);
}
@media (min-width: 576px) {
  .hlx-scope .invalid-feedback {
    font-size: var(--hl-font-size-xs);
  }
}
.hlx-scope input::-ms-reveal,
.hlx-scope input::-ms-clear {
  display: none;
}
.hlx-scope .hl-btn,
.hlx-scope .btn {
  --btn-icon-size: var(--hl-size-icon-md);
  --btn-icon-margin: calc((var(--btn-icon-size) - 1em) * -.5);
  --btn-icon-gap: var(--hl-spacer-xs);
  display: inline-flex;
  font-weight: var(--hl-font-weight-body-bold);
  color: var(--hl-color-fg-light-default);
  text-align: center;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: var(--hl-border-width-default) solid transparent;
  max-width: 100%;
  min-width: var(--hl-spacer-md);
  gap: var(--btn-icon-gap);
  padding: calc(var(--hl-spacer-sm)) var(--hl-spacer-lg);
  font-size: var(--hl-font-size-md);
  line-height: var(--hl-line-height-sm);
  border-radius: var(--hl-border-radius-default);
  transition: all var(--hl-transition-normal);
}
@media (prefers-reduced-motion: reduce) {
  .hlx-scope .hl-btn,
  .hlx-scope .btn {
    transition: none;
  }
}
.hlx-scope .hl-btn:not(.disabled):focus-visible, .hlx-scope .hl-btn:not(.disabled):has(input):focus-within,
.hlx-scope .btn:not(.disabled):focus-visible,
.hlx-scope .btn:not(.disabled):has(input):focus-within {
  animation: focus-outline-animation var(--hl-transition-normal) forwards;
}
.hlx-scope .hl-btn.disabled:focus-visible, .hlx-scope .hl-btn.disabled:focus-within,
.hlx-scope .btn.disabled:focus-visible,
.hlx-scope .btn.disabled:focus-within {
  outline: 0 !important;
}
.hlx-scope .hl-btn path,
.hlx-scope .btn path {
  fill: currentColor;
}
.hlx-scope .hl-btn:hover,
.hlx-scope .btn:hover {
  color: var(--hl-color-fg-light-default);
  text-decoration: none !important;
}
.hlx-scope .hl-btn:focus, .hlx-scope .hl-btn.focus,
.hlx-scope .btn:focus,
.hlx-scope .btn.focus {
  outline: 0;
  box-shadow: 0;
  text-decoration: none !important;
}
.hlx-scope .hl-btn.disabled, .hlx-scope .hl-btn:disabled,
.hlx-scope .btn.disabled,
.hlx-scope .btn:disabled {
  opacity: var(--hl-opacity-disabled);
  pointer-events: none;
}
.hlx-scope .hl-btn:not(:disabled):not(.disabled),
.hlx-scope .btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.hlx-scope .hl-btn-icon,
.hlx-scope .btn-icon {
  padding-left: calc(var(--hl-spacer-sm));
  padding-right: calc(var(--hl-spacer-sm));
}
.hlx-scope .hl-btn .hlx-scope .hl-btn__icon, .hlx-scope .hl-btn .hl-icon,
.hlx-scope .hl-btn .hlx-scope .btn__icon,
.hlx-scope .btn .hl-icon,
.hlx-scope .btn .hlx-scope .hl-btn__icon,
.hlx-scope .btn .hlx-scope .btn__icon {
  flex-shrink: 0;
  height: var(--btn-icon-size);
  margin: var(--btn-icon-margin);
  width: var(--btn-icon-size);
}
.hlx-scope a.hl-btn.disabled,
.hlx-scope a.btn.disabled,
.hlx-scope fieldset:disabled a.hl-btn,
.hlx-scope fieldset:disabled a.btn {
  pointer-events: none;
}
.hlx-scope .hl-btn-primary,
.hlx-scope .btn-primary {
  background-color: var(--hl-color-button-bg-light-primary-standby);
  color: var(--hl-color-button-fg-light-primary-standby);
  border-color: var(--hl-color-button-border-light-primary-standby);
}
.hlx-scope .hl-btn-primary.hover, .hlx-scope .hl-btn-primary:hover,
.hlx-scope .btn-primary.hover,
.hlx-scope .btn-primary:hover {
  background-color: var(--hl-color-button-bg-light-primary-hover);
  color: var(--hl-color-button-fg-light-primary-hover);
  border-color: var(--hl-color-button-border-light-primary-hover);
}
.hlx-scope .hl-btn-primary.focus, .hlx-scope .hl-btn-primary:focus,
.hlx-scope .btn-primary.focus,
.hlx-scope .btn-primary:focus {
  background-color: var(--hl-color-button-bg-light-primary-focus);
  color: var(--hl-color-button-fg-light-primary-focus);
  border-color: var(--hl-color-button-border-light-primary-focus);
}
.hlx-scope .hl-btn-primary.focus-visible, .hlx-scope .hl-btn-primary:focus-visible,
.hlx-scope .btn-primary.focus-visible,
.hlx-scope .btn-primary:focus-visible {
  background-color: var(--hl-color-button-bg-light-primary-focus);
  color: var(--hl-color-button-fg-light-primary-focus);
  border-color: var(--hl-color-button-border-light-primary-focus);
}
.hlx-scope .hl-btn-primary.pressed, .hlx-scope .hl-btn-primary:active,
.hlx-scope .btn-primary.pressed,
.hlx-scope .btn-primary:active {
  background-color: var(--hl-color-button-bg-light-primary-pressed);
  color: var(--hl-color-button-fg-light-primary-pressed);
  border-color: var(--hl-color-button-border-light-primary-pressed);
}
.hlx-scope .hl-btn-primary.active, .hlx-scope .hl-btn-primary.dropdown-toggle[aria-expanded=true],
.hlx-scope .btn-primary.active,
.hlx-scope .btn-primary.dropdown-toggle[aria-expanded=true] {
  background-color: var(--hl-color-button-bg-light-primary-active);
  color: var(--hl-color-button-fg-light-primary-active);
  border-color: var(--hl-color-button-border-light-primary-active);
}
.hlx-scope .hl-btn-primary.disabled, .hlx-scope .hl-btn-primary:disabled,
.hlx-scope .btn-primary.disabled,
.hlx-scope .btn-primary:disabled {
  background-color: var(--hl-color-button-bg-light-disabled);
  color: var(--hl-color-button-fg-light-disabled);
  border-color: var(--hl-color-button-border-light-disabled);
}
.hlx-scope .hl-btn-secondary,
.hlx-scope .btn-secondary {
  background-color: var(--hl-color-button-bg-light-secondary-standby);
  color: var(--hl-color-button-fg-light-secondary-standby);
  border-color: var(--hl-color-button-border-light-secondary-standby);
}
.hlx-scope .hl-btn-secondary.hover, .hlx-scope .hl-btn-secondary:hover,
.hlx-scope .btn-secondary.hover,
.hlx-scope .btn-secondary:hover {
  background-color: var(--hl-color-button-bg-light-secondary-hover);
  color: var(--hl-color-button-fg-light-secondary-hover);
  border-color: var(--hl-color-button-border-light-secondary-hover);
}
.hlx-scope .hl-btn-secondary.focus, .hlx-scope .hl-btn-secondary:focus,
.hlx-scope .btn-secondary.focus,
.hlx-scope .btn-secondary:focus {
  background-color: var(--hl-color-button-bg-light-secondary-focus);
  color: var(--hl-color-button-fg-light-secondary-focus);
  border-color: var(--hl-color-button-border-light-secondary-focus);
}
.hlx-scope .hl-btn-secondary.focus-visible, .hlx-scope .hl-btn-secondary:focus-visible,
.hlx-scope .btn-secondary.focus-visible,
.hlx-scope .btn-secondary:focus-visible {
  background-color: var(--hl-color-button-bg-light-secondary-focus);
  color: var(--hl-color-button-fg-light-secondary-focus);
  border-color: var(--hl-color-button-border-light-secondary-focus);
}
.hlx-scope .hl-btn-secondary.pressed, .hlx-scope .hl-btn-secondary:active,
.hlx-scope .btn-secondary.pressed,
.hlx-scope .btn-secondary:active {
  background-color: var(--hl-color-button-bg-light-secondary-pressed);
  color: var(--hl-color-button-fg-light-secondary-pressed);
  border-color: var(--hl-color-button-border-light-secondary-pressed);
}
.hlx-scope .hl-btn-secondary.active, .hlx-scope .hl-btn-secondary.dropdown-toggle[aria-expanded=true],
.hlx-scope .btn-secondary.active,
.hlx-scope .btn-secondary.dropdown-toggle[aria-expanded=true] {
  background-color: var(--hl-color-button-bg-light-secondary-active);
  color: var(--hl-color-button-fg-light-secondary-active);
  border-color: var(--hl-color-button-border-light-secondary-active);
}
.hlx-scope .hl-btn-secondary.disabled, .hlx-scope .hl-btn-secondary:disabled,
.hlx-scope .btn-secondary.disabled,
.hlx-scope .btn-secondary:disabled {
  background-color: var(--hl-color-button-bg-light-disabled);
  color: var(--hl-color-button-fg-light-disabled);
  border-color: var(--hl-color-button-border-light-disabled);
  background-color: transparent;
  color: var(--hl-color-button-border-light-disabled);
}
.hlx-scope .hl-btn-tertiary,
.hlx-scope .btn-tertiary {
  background-color: var(--hl-color-button-bg-light-link-standby);
  color: var(--hl-color-button-fg-light-link-standby);
  border-color: var(--hl-color-button-border-light-link-standby);
}
.hlx-scope .hl-btn-tertiary.hover, .hlx-scope .hl-btn-tertiary:hover,
.hlx-scope .btn-tertiary.hover,
.hlx-scope .btn-tertiary:hover {
  background-color: var(--hl-color-button-bg-light-link-hover);
  color: var(--hl-color-button-fg-light-link-hover);
  border-color: var(--hl-color-button-border-light-link-hover);
}
.hlx-scope .hl-btn-tertiary.focus, .hlx-scope .hl-btn-tertiary:focus,
.hlx-scope .btn-tertiary.focus,
.hlx-scope .btn-tertiary:focus {
  background-color: var(--hl-color-button-bg-light-link-focus);
  color: var(--hl-color-button-fg-light-link-focus);
  border-color: var(--hl-color-button-border-light-link-focus);
}
.hlx-scope .hl-btn-tertiary.focus-visible, .hlx-scope .hl-btn-tertiary:focus-visible,
.hlx-scope .btn-tertiary.focus-visible,
.hlx-scope .btn-tertiary:focus-visible {
  background-color: var(--hl-color-button-bg-light-link-focus);
  color: var(--hl-color-button-fg-light-link-focus);
  border-color: var(--hl-color-button-border-light-link-focus);
}
.hlx-scope .hl-btn-tertiary.pressed, .hlx-scope .hl-btn-tertiary:active,
.hlx-scope .btn-tertiary.pressed,
.hlx-scope .btn-tertiary:active {
  background-color: var(--hl-color-button-bg-light-link-pressed);
  color: var(--hl-color-button-fg-light-link-pressed);
  border-color: var(--hl-color-button-border-light-link-pressed);
}
.hlx-scope .hl-btn-tertiary.active, .hlx-scope .hl-btn-tertiary.dropdown-toggle[aria-expanded=true],
.hlx-scope .btn-tertiary.active,
.hlx-scope .btn-tertiary.dropdown-toggle[aria-expanded=true] {
  background-color: var(--hl-color-button-bg-light-link-active);
  color: var(--hl-color-button-fg-light-link-active);
  border-color: var(--hl-color-button-border-light-link-active);
}
.hlx-scope .hl-btn-tertiary.disabled, .hlx-scope .hl-btn-tertiary:disabled,
.hlx-scope .btn-tertiary.disabled,
.hlx-scope .btn-tertiary:disabled {
  background-color: var(--hl-color-button-bg-light-disabled);
  color: var(--hl-color-button-fg-light-disabled);
  border-color: var(--hl-color-button-border-light-disabled);
  background-color: transparent;
  border-color: transparent;
  color: var(--hl-color-button-border-light-disabled);
}
.hlx-scope .hl-btn-outline-black,
.hlx-scope .btn-outline-black {
  background-color: var(--hl-color-button-bg-light-outline-standby);
  color: var(--hl-color-button-fg-light-outline-standby);
  border-color: var(--hl-color-button-border-light-outline-standby);
}
.hlx-scope .hl-btn-outline-black.hover, .hlx-scope .hl-btn-outline-black:hover,
.hlx-scope .btn-outline-black.hover,
.hlx-scope .btn-outline-black:hover {
  background-color: var(--hl-color-button-bg-light-outline-hover);
  color: var(--hl-color-button-fg-light-outline-hover);
  border-color: var(--hl-color-button-border-light-outline-hover);
}
.hlx-scope .hl-btn-outline-black.focus, .hlx-scope .hl-btn-outline-black:focus,
.hlx-scope .btn-outline-black.focus,
.hlx-scope .btn-outline-black:focus {
  background-color: var(--hl-color-button-bg-light-outline-focus);
  color: var(--hl-color-button-fg-light-outline-focus);
  border-color: var(--hl-color-button-border-light-outline-focus);
}
.hlx-scope .hl-btn-outline-black.focus-visible, .hlx-scope .hl-btn-outline-black:focus-visible,
.hlx-scope .btn-outline-black.focus-visible,
.hlx-scope .btn-outline-black:focus-visible {
  background-color: var(--hl-color-button-bg-light-outline-focus);
  color: var(--hl-color-button-fg-light-outline-focus);
  border-color: var(--hl-color-button-border-light-outline-focus);
}
.hlx-scope .hl-btn-outline-black.pressed, .hlx-scope .hl-btn-outline-black:active,
.hlx-scope .btn-outline-black.pressed,
.hlx-scope .btn-outline-black:active {
  background-color: var(--hl-color-button-bg-light-outline-pressed);
  color: var(--hl-color-button-fg-light-outline-pressed);
  border-color: var(--hl-color-button-border-light-outline-pressed);
}
.hlx-scope .hl-btn-outline-black.active, .hlx-scope .hl-btn-outline-black.dropdown-toggle[aria-expanded=true],
.hlx-scope .btn-outline-black.active,
.hlx-scope .btn-outline-black.dropdown-toggle[aria-expanded=true] {
  background-color: var(--hl-color-button-bg-light-outline-active);
  color: var(--hl-color-button-fg-light-outline-active);
  border-color: var(--hl-color-button-border-light-outline-active);
}
.hlx-scope .hl-btn-outline-black.disabled, .hlx-scope .hl-btn-outline-black:disabled,
.hlx-scope .btn-outline-black.disabled,
.hlx-scope .btn-outline-black:disabled {
  background-color: var(--hl-color-button-bg-light-disabled);
  color: var(--hl-color-button-fg-light-disabled);
  border-color: var(--hl-color-button-border-light-disabled);
  background-color: transparent;
  color: var(--hl-color-button-border-light-disabled);
}
.hlx-scope .hl-btn-outline-white,
.hlx-scope .btn-outline-white {
  background-color: var(--hl-color-button-bg-light-outline-standby);
  color: var(--hl-color-button-fg-light-outline-standby);
  border-color: var(--hl-color-button-border-light-outline-standby);
}
.hlx-scope .hl-btn-outline-white.hover, .hlx-scope .hl-btn-outline-white:hover,
.hlx-scope .btn-outline-white.hover,
.hlx-scope .btn-outline-white:hover {
  background-color: var(--hl-color-button-bg-light-outline-hover);
  color: var(--hl-color-button-fg-light-outline-hover);
  border-color: var(--hl-color-button-border-light-outline-hover);
}
.hlx-scope .hl-btn-outline-white.focus, .hlx-scope .hl-btn-outline-white:focus,
.hlx-scope .btn-outline-white.focus,
.hlx-scope .btn-outline-white:focus {
  background-color: var(--hl-color-button-bg-light-outline-focus);
  color: var(--hl-color-button-fg-light-outline-focus);
  border-color: var(--hl-color-button-border-light-outline-focus);
}
.hlx-scope .hl-btn-outline-white.focus-visible, .hlx-scope .hl-btn-outline-white:focus-visible,
.hlx-scope .btn-outline-white.focus-visible,
.hlx-scope .btn-outline-white:focus-visible {
  background-color: var(--hl-color-button-bg-light-outline-focus);
  color: var(--hl-color-button-fg-light-outline-focus);
  border-color: var(--hl-color-button-border-light-outline-focus);
}
.hlx-scope .hl-btn-outline-white.pressed, .hlx-scope .hl-btn-outline-white:active,
.hlx-scope .btn-outline-white.pressed,
.hlx-scope .btn-outline-white:active {
  background-color: var(--hl-color-button-bg-light-outline-pressed);
  color: var(--hl-color-button-fg-light-outline-pressed);
  border-color: var(--hl-color-button-border-light-outline-pressed);
}
.hlx-scope .hl-btn-outline-white.active, .hlx-scope .hl-btn-outline-white.dropdown-toggle[aria-expanded=true],
.hlx-scope .btn-outline-white.active,
.hlx-scope .btn-outline-white.dropdown-toggle[aria-expanded=true] {
  background-color: var(--hl-color-button-bg-light-outline-active);
  color: var(--hl-color-button-fg-light-outline-active);
  border-color: var(--hl-color-button-border-light-outline-active);
}
.hlx-scope .hl-btn-outline-white.disabled, .hlx-scope .hl-btn-outline-white:disabled,
.hlx-scope .btn-outline-white.disabled,
.hlx-scope .btn-outline-white:disabled {
  background-color: var(--hl-color-button-bg-light-disabled);
  color: var(--hl-color-button-fg-light-disabled);
  border-color: var(--hl-color-button-border-light-disabled);
  background-color: transparent;
  color: var(--hl-color-button-border-light-disabled);
}
.hlx-scope .hl-btn-borderless,
.hlx-scope .btn-borderless {
  background-color: var(--hl-color-button-bg-light-borderless-standby);
  color: var(--hl-color-button-fg-light-borderless-standby);
  border-color: var(--hl-color-button-border-light-borderless-standby);
}
.hlx-scope .hl-btn-borderless.hover, .hlx-scope .hl-btn-borderless:hover,
.hlx-scope .btn-borderless.hover,
.hlx-scope .btn-borderless:hover {
  background-color: var(--hl-color-button-bg-light-borderless-hover);
  color: var(--hl-color-button-fg-light-borderless-hover);
  border-color: var(--hl-color-button-border-light-borderless-hover);
}
.hlx-scope .hl-btn-borderless.focus, .hlx-scope .hl-btn-borderless:focus,
.hlx-scope .btn-borderless.focus,
.hlx-scope .btn-borderless:focus {
  background-color: var(--hl-color-button-bg-light-borderless-focus);
  color: var(--hl-color-button-fg-light-borderless-focus);
  border-color: var(--hl-color-button-border-light-borderless-focus);
}
.hlx-scope .hl-btn-borderless.focus-visible, .hlx-scope .hl-btn-borderless:focus-visible,
.hlx-scope .btn-borderless.focus-visible,
.hlx-scope .btn-borderless:focus-visible {
  background-color: var(--hl-color-button-bg-light-borderless-focus);
  color: var(--hl-color-button-fg-light-borderless-focus);
  border-color: var(--hl-color-button-border-light-borderless-focus);
}
.hlx-scope .hl-btn-borderless.pressed, .hlx-scope .hl-btn-borderless:active,
.hlx-scope .btn-borderless.pressed,
.hlx-scope .btn-borderless:active {
  background-color: var(--hl-color-button-bg-light-borderless-pressed);
  color: var(--hl-color-button-fg-light-borderless-pressed);
  border-color: var(--hl-color-button-border-light-borderless-pressed);
}
.hlx-scope .hl-btn-borderless.active, .hlx-scope .hl-btn-borderless.dropdown-toggle[aria-expanded=true],
.hlx-scope .btn-borderless.active,
.hlx-scope .btn-borderless.dropdown-toggle[aria-expanded=true] {
  background-color: var(--hl-color-button-bg-light-borderless-active);
  color: var(--hl-color-button-fg-light-borderless-active);
  border-color: var(--hl-color-button-border-light-borderless-active);
}
.hlx-scope .hl-btn-borderless.disabled, .hlx-scope .hl-btn-borderless:disabled,
.hlx-scope .btn-borderless.disabled,
.hlx-scope .btn-borderless:disabled {
  background-color: var(--hl-color-button-bg-light-disabled);
  color: var(--hl-color-button-fg-light-disabled);
  border-color: var(--hl-color-button-border-light-disabled);
  background-color: transparent;
  border-color: transparent;
  color: var(--hl-color-button-border-light-disabled);
}
.hlx-scope .hl-btn-borderless-black,
.hlx-scope .btn-borderless-black {
  background-color: var(--hl-color-button-bg-light-borderless-standby);
  color: var(--hl-color-button-fg-light-borderless-standby);
  border-color: var(--hl-color-button-border-light-borderless-standby);
}
.hlx-scope .hl-btn-borderless-black.hover, .hlx-scope .hl-btn-borderless-black:hover,
.hlx-scope .btn-borderless-black.hover,
.hlx-scope .btn-borderless-black:hover {
  background-color: var(--hl-color-button-bg-light-borderless-hover);
  color: var(--hl-color-button-fg-light-borderless-hover);
  border-color: var(--hl-color-button-border-light-borderless-hover);
}
.hlx-scope .hl-btn-borderless-black.focus, .hlx-scope .hl-btn-borderless-black:focus,
.hlx-scope .btn-borderless-black.focus,
.hlx-scope .btn-borderless-black:focus {
  background-color: var(--hl-color-button-bg-light-borderless-focus);
  color: var(--hl-color-button-fg-light-borderless-focus);
  border-color: var(--hl-color-button-border-light-borderless-focus);
}
.hlx-scope .hl-btn-borderless-black.focus-visible, .hlx-scope .hl-btn-borderless-black:focus-visible,
.hlx-scope .btn-borderless-black.focus-visible,
.hlx-scope .btn-borderless-black:focus-visible {
  background-color: var(--hl-color-button-bg-light-borderless-focus);
  color: var(--hl-color-button-fg-light-borderless-focus);
  border-color: var(--hl-color-button-border-light-borderless-focus);
}
.hlx-scope .hl-btn-borderless-black.pressed, .hlx-scope .hl-btn-borderless-black:active,
.hlx-scope .btn-borderless-black.pressed,
.hlx-scope .btn-borderless-black:active {
  background-color: var(--hl-color-button-bg-light-borderless-pressed);
  color: var(--hl-color-button-fg-light-borderless-pressed);
  border-color: var(--hl-color-button-border-light-borderless-pressed);
}
.hlx-scope .hl-btn-borderless-black.active, .hlx-scope .hl-btn-borderless-black.dropdown-toggle[aria-expanded=true],
.hlx-scope .btn-borderless-black.active,
.hlx-scope .btn-borderless-black.dropdown-toggle[aria-expanded=true] {
  background-color: var(--hl-color-button-bg-light-borderless-active);
  color: var(--hl-color-button-fg-light-borderless-active);
  border-color: var(--hl-color-button-border-light-borderless-active);
}
.hlx-scope .hl-btn-borderless-black.disabled, .hlx-scope .hl-btn-borderless-black:disabled,
.hlx-scope .btn-borderless-black.disabled,
.hlx-scope .btn-borderless-black:disabled {
  background-color: var(--hl-color-button-bg-light-disabled);
  color: var(--hl-color-button-fg-light-disabled);
  border-color: var(--hl-color-button-border-light-disabled);
  background-color: transparent;
  border-color: transparent;
  color: var(--hl-color-button-border-light-disabled);
}
.hlx-scope .hl-btn-borderless-white,
.hlx-scope .btn-borderless-white {
  background-color: var(--hl-color-button-bg-light-borderless-standby);
  color: var(--hl-color-button-fg-light-borderless-standby);
  border-color: var(--hl-color-button-border-light-borderless-standby);
}
.hlx-scope .hl-btn-borderless-white.hover, .hlx-scope .hl-btn-borderless-white:hover,
.hlx-scope .btn-borderless-white.hover,
.hlx-scope .btn-borderless-white:hover {
  background-color: var(--hl-color-button-bg-light-borderless-hover);
  color: var(--hl-color-button-fg-light-borderless-hover);
  border-color: var(--hl-color-button-border-light-borderless-hover);
}
.hlx-scope .hl-btn-borderless-white.focus, .hlx-scope .hl-btn-borderless-white:focus,
.hlx-scope .btn-borderless-white.focus,
.hlx-scope .btn-borderless-white:focus {
  background-color: var(--hl-color-button-bg-light-borderless-focus);
  color: var(--hl-color-button-fg-light-borderless-focus);
  border-color: var(--hl-color-button-border-light-borderless-focus);
}
.hlx-scope .hl-btn-borderless-white.focus-visible, .hlx-scope .hl-btn-borderless-white:focus-visible,
.hlx-scope .btn-borderless-white.focus-visible,
.hlx-scope .btn-borderless-white:focus-visible {
  background-color: var(--hl-color-button-bg-light-borderless-focus);
  color: var(--hl-color-button-fg-light-borderless-focus);
  border-color: var(--hl-color-button-border-light-borderless-focus);
}
.hlx-scope .hl-btn-borderless-white.pressed, .hlx-scope .hl-btn-borderless-white:active,
.hlx-scope .btn-borderless-white.pressed,
.hlx-scope .btn-borderless-white:active {
  background-color: var(--hl-color-button-bg-light-borderless-pressed);
  color: var(--hl-color-button-fg-light-borderless-pressed);
  border-color: var(--hl-color-button-border-light-borderless-pressed);
}
.hlx-scope .hl-btn-borderless-white.active, .hlx-scope .hl-btn-borderless-white.dropdown-toggle[aria-expanded=true],
.hlx-scope .btn-borderless-white.active,
.hlx-scope .btn-borderless-white.dropdown-toggle[aria-expanded=true] {
  background-color: var(--hl-color-button-bg-light-borderless-active);
  color: var(--hl-color-button-fg-light-borderless-active);
  border-color: var(--hl-color-button-border-light-borderless-active);
}
.hlx-scope .hl-btn-borderless-white.disabled, .hlx-scope .hl-btn-borderless-white:disabled,
.hlx-scope .btn-borderless-white.disabled,
.hlx-scope .btn-borderless-white:disabled {
  background-color: var(--hl-color-button-bg-light-disabled);
  color: var(--hl-color-button-fg-light-disabled);
  border-color: var(--hl-color-button-border-light-disabled);
  background-color: transparent;
  border-color: transparent;
  color: var(--hl-color-button-border-light-disabled);
}
.hlx-scope .hl-btn-black,
.hlx-scope .btn-black {
  background-color: var(--hl-color-button-bg-light-black-standby);
  color: var(--hl-color-button-fg-light-black-standby);
  border-color: var(--hl-color-button-border-light-black-standby);
}
.hlx-scope .hl-btn-black.hover, .hlx-scope .hl-btn-black:hover,
.hlx-scope .btn-black.hover,
.hlx-scope .btn-black:hover {
  background-color: var(--hl-color-button-bg-light-black-hover);
  color: var(--hl-color-button-fg-light-black-hover);
  border-color: var(--hl-color-button-border-light-black-hover);
}
.hlx-scope .hl-btn-black.focus, .hlx-scope .hl-btn-black:focus,
.hlx-scope .btn-black.focus,
.hlx-scope .btn-black:focus {
  background-color: var(--hl-color-button-bg-light-black-focus);
  color: var(--hl-color-button-fg-light-black-focus);
  border-color: var(--hl-color-button-border-light-black-focus);
}
.hlx-scope .hl-btn-black.focus-visible, .hlx-scope .hl-btn-black:focus-visible,
.hlx-scope .btn-black.focus-visible,
.hlx-scope .btn-black:focus-visible {
  background-color: var(--hl-color-button-bg-light-black-focus);
  color: var(--hl-color-button-fg-light-black-focus);
  border-color: var(--hl-color-button-border-light-black-focus);
}
.hlx-scope .hl-btn-black.pressed, .hlx-scope .hl-btn-black:active,
.hlx-scope .btn-black.pressed,
.hlx-scope .btn-black:active {
  background-color: var(--hl-color-button-bg-light-black-pressed);
  color: var(--hl-color-button-fg-light-black-pressed);
  border-color: var(--hl-color-button-border-light-black-pressed);
}
.hlx-scope .hl-btn-black.active, .hlx-scope .hl-btn-black.dropdown-toggle[aria-expanded=true],
.hlx-scope .btn-black.active,
.hlx-scope .btn-black.dropdown-toggle[aria-expanded=true] {
  background-color: var(--hl-color-button-bg-light-black-active);
  color: var(--hl-color-button-fg-light-black-active);
  border-color: var(--hl-color-button-border-light-black-active);
}
.hlx-scope .hl-btn-black.disabled, .hlx-scope .hl-btn-black:disabled,
.hlx-scope .btn-black.disabled,
.hlx-scope .btn-black:disabled {
  background-color: var(--hl-color-button-bg-light-disabled);
  color: var(--hl-color-button-fg-light-disabled);
  border-color: var(--hl-color-button-border-light-disabled);
}
.hlx-scope .hl-btn-white,
.hlx-scope .btn-white {
  background-color: var(--hl-color-button-bg-white-standby);
  color: var(--hl-color-button-fg-white-standby);
  border-color: var(--hl-color-button-border-white-standby);
}
.hlx-scope .hl-btn-white.hover, .hlx-scope .hl-btn-white:hover,
.hlx-scope .btn-white.hover,
.hlx-scope .btn-white:hover {
  background-color: var(--hl-color-button-bg-white-hover);
  color: var(--hl-color-button-fg-white-hover);
  border-color: var(--hl-color-button-border-white-hover);
}
.hlx-scope .hl-btn-white.focus, .hlx-scope .hl-btn-white:focus,
.hlx-scope .btn-white.focus,
.hlx-scope .btn-white:focus {
  background-color: var(--hl-color-button-bg-white-focus);
  color: var(--hl-color-button-fg-white-focus);
  border-color: var(--hl-color-button-border-white-focus);
}
.hlx-scope .hl-btn-white.focus-visible, .hlx-scope .hl-btn-white:focus-visible,
.hlx-scope .btn-white.focus-visible,
.hlx-scope .btn-white:focus-visible {
  background-color: var(--hl-color-button-bg-white-focus);
  color: var(--hl-color-button-fg-white-focus);
  border-color: var(--hl-color-button-border-white-focus);
}
.hlx-scope .hl-btn-white.pressed, .hlx-scope .hl-btn-white:active,
.hlx-scope .btn-white.pressed,
.hlx-scope .btn-white:active {
  background-color: var(--hl-color-button-bg-white-pressed);
  color: var(--hl-color-button-fg-white-pressed);
  border-color: var(--hl-color-button-border-white-pressed);
}
.hlx-scope .hl-btn-white.active, .hlx-scope .hl-btn-white.dropdown-toggle[aria-expanded=true],
.hlx-scope .btn-white.active,
.hlx-scope .btn-white.dropdown-toggle[aria-expanded=true] {
  background-color: var(--hl-color-button-bg-white-active);
  color: var(--hl-color-button-fg-white-active);
  border-color: var(--hl-color-button-border-white-active);
}
.hlx-scope .hl-btn-white.disabled, .hlx-scope .hl-btn-white:disabled,
.hlx-scope .btn-white.disabled,
.hlx-scope .btn-white:disabled {
  background-color: var(--hl-color-button-bg-light-disabled);
  color: var(--hl-color-button-fg-light-disabled);
  border-color: var(--hl-color-button-border-light-disabled);
}
.hlx-scope .hl-btn-info,
.hlx-scope .btn-info {
  background-color: var(--hl-color-button-bg-light-info-standby);
  color: var(--hl-color-button-fg-light-info-standby);
  border-color: var(--hl-color-button-border-light-info-standby);
}
.hlx-scope .hl-btn-info.hover, .hlx-scope .hl-btn-info:hover,
.hlx-scope .btn-info.hover,
.hlx-scope .btn-info:hover {
  background-color: var(--hl-color-button-bg-light-info-hover);
  color: var(--hl-color-button-fg-light-info-hover);
  border-color: var(--hl-color-button-border-light-info-hover);
}
.hlx-scope .hl-btn-info.focus, .hlx-scope .hl-btn-info:focus,
.hlx-scope .btn-info.focus,
.hlx-scope .btn-info:focus {
  background-color: var(--hl-color-button-bg-light-info-focus);
  color: var(--hl-color-button-fg-light-info-focus);
  border-color: var(--hl-color-button-border-light-info-focus);
}
.hlx-scope .hl-btn-info.focus-visible, .hlx-scope .hl-btn-info:focus-visible,
.hlx-scope .btn-info.focus-visible,
.hlx-scope .btn-info:focus-visible {
  background-color: var(--hl-color-button-bg-light-info-focus);
  color: var(--hl-color-button-fg-light-info-focus);
  border-color: var(--hl-color-button-border-light-info-focus);
}
.hlx-scope .hl-btn-info.pressed, .hlx-scope .hl-btn-info:active,
.hlx-scope .btn-info.pressed,
.hlx-scope .btn-info:active {
  background-color: var(--hl-color-button-bg-light-info-pressed);
  color: var(--hl-color-button-fg-light-info-pressed);
  border-color: var(--hl-color-button-border-light-info-pressed);
}
.hlx-scope .hl-btn-info.active, .hlx-scope .hl-btn-info.dropdown-toggle[aria-expanded=true],
.hlx-scope .btn-info.active,
.hlx-scope .btn-info.dropdown-toggle[aria-expanded=true] {
  background-color: var(--hl-color-button-bg-light-info-active);
  color: var(--hl-color-button-fg-light-info-active);
  border-color: var(--hl-color-button-border-light-info-active);
}
.hlx-scope .hl-btn-info.disabled, .hlx-scope .hl-btn-info:disabled,
.hlx-scope .btn-info.disabled,
.hlx-scope .btn-info:disabled {
  background-color: var(--hl-color-button-bg-light-disabled);
  color: var(--hl-color-button-fg-light-disabled);
  border-color: var(--hl-color-button-border-light-disabled);
}
.hlx-scope .hl-btn-success,
.hlx-scope .btn-success {
  background-color: var(--hl-color-button-bg-light-success-standby);
  color: var(--hl-color-button-fg-light-success-standby);
  border-color: var(--hl-color-button-border-light-success-standby);
}
.hlx-scope .hl-btn-success.hover, .hlx-scope .hl-btn-success:hover,
.hlx-scope .btn-success.hover,
.hlx-scope .btn-success:hover {
  background-color: var(--hl-color-button-bg-light-success-hover);
  color: var(--hl-color-button-fg-light-success-hover);
  border-color: var(--hl-color-button-border-light-success-hover);
}
.hlx-scope .hl-btn-success.focus, .hlx-scope .hl-btn-success:focus,
.hlx-scope .btn-success.focus,
.hlx-scope .btn-success:focus {
  background-color: var(--hl-color-button-bg-light-success-focus);
  color: var(--hl-color-button-fg-light-success-focus);
  border-color: var(--hl-color-button-border-light-success-focus);
}
.hlx-scope .hl-btn-success.focus-visible, .hlx-scope .hl-btn-success:focus-visible,
.hlx-scope .btn-success.focus-visible,
.hlx-scope .btn-success:focus-visible {
  background-color: var(--hl-color-button-bg-light-success-focus);
  color: var(--hl-color-button-fg-light-success-focus);
  border-color: var(--hl-color-button-border-light-success-focus);
}
.hlx-scope .hl-btn-success.pressed, .hlx-scope .hl-btn-success:active,
.hlx-scope .btn-success.pressed,
.hlx-scope .btn-success:active {
  background-color: var(--hl-color-button-bg-light-success-pressed);
  color: var(--hl-color-button-fg-light-success-pressed);
  border-color: var(--hl-color-button-border-light-success-pressed);
}
.hlx-scope .hl-btn-success.active, .hlx-scope .hl-btn-success.dropdown-toggle[aria-expanded=true],
.hlx-scope .btn-success.active,
.hlx-scope .btn-success.dropdown-toggle[aria-expanded=true] {
  background-color: var(--hl-color-button-bg-light-success-active);
  color: var(--hl-color-button-fg-light-success-active);
  border-color: var(--hl-color-button-border-light-success-active);
}
.hlx-scope .hl-btn-success.disabled, .hlx-scope .hl-btn-success:disabled,
.hlx-scope .btn-success.disabled,
.hlx-scope .btn-success:disabled {
  background-color: var(--hl-color-button-bg-light-disabled);
  color: var(--hl-color-button-fg-light-disabled);
  border-color: var(--hl-color-button-border-light-disabled);
}
.hlx-scope .hl-btn-warning,
.hlx-scope .btn-warning {
  background-color: var(--hl-color-button-bg-light-warning-standby);
  color: var(--hl-color-button-fg-light-warning-standby);
  border-color: var(--hl-color-button-border-light-warning-standby);
}
.hlx-scope .hl-btn-warning.hover, .hlx-scope .hl-btn-warning:hover,
.hlx-scope .btn-warning.hover,
.hlx-scope .btn-warning:hover {
  background-color: var(--hl-color-button-bg-light-warning-hover);
  color: var(--hl-color-button-fg-light-warning-hover);
  border-color: var(--hl-color-button-border-light-warning-hover);
}
.hlx-scope .hl-btn-warning.focus, .hlx-scope .hl-btn-warning:focus,
.hlx-scope .btn-warning.focus,
.hlx-scope .btn-warning:focus {
  background-color: var(--hl-color-button-bg-light-warning-focus);
  color: var(--hl-color-button-fg-light-warning-focus);
  border-color: var(--hl-color-button-border-light-warning-focus);
}
.hlx-scope .hl-btn-warning.focus-visible, .hlx-scope .hl-btn-warning:focus-visible,
.hlx-scope .btn-warning.focus-visible,
.hlx-scope .btn-warning:focus-visible {
  background-color: var(--hl-color-button-bg-light-warning-focus);
  color: var(--hl-color-button-fg-light-warning-focus);
  border-color: var(--hl-color-button-border-light-warning-focus);
}
.hlx-scope .hl-btn-warning.pressed, .hlx-scope .hl-btn-warning:active,
.hlx-scope .btn-warning.pressed,
.hlx-scope .btn-warning:active {
  background-color: var(--hl-color-button-bg-light-warning-pressed);
  color: var(--hl-color-button-fg-light-warning-pressed);
  border-color: var(--hl-color-button-border-light-warning-pressed);
}
.hlx-scope .hl-btn-warning.active, .hlx-scope .hl-btn-warning.dropdown-toggle[aria-expanded=true],
.hlx-scope .btn-warning.active,
.hlx-scope .btn-warning.dropdown-toggle[aria-expanded=true] {
  background-color: var(--hl-color-button-bg-light-warning-active);
  color: var(--hl-color-button-fg-light-warning-active);
  border-color: var(--hl-color-button-border-light-warning-active);
}
.hlx-scope .hl-btn-warning.disabled, .hlx-scope .hl-btn-warning:disabled,
.hlx-scope .btn-warning.disabled,
.hlx-scope .btn-warning:disabled {
  background-color: var(--hl-color-button-bg-light-disabled);
  color: var(--hl-color-button-fg-light-disabled);
  border-color: var(--hl-color-button-border-light-disabled);
}
.hlx-scope .hl-btn-danger,
.hlx-scope .btn-danger {
  background-color: var(--hl-color-button-bg-light-danger-standby);
  color: var(--hl-color-button-fg-light-danger-standby);
  border-color: var(--hl-color-button-border-light-danger-standby);
}
.hlx-scope .hl-btn-danger.hover, .hlx-scope .hl-btn-danger:hover,
.hlx-scope .btn-danger.hover,
.hlx-scope .btn-danger:hover {
  background-color: var(--hl-color-button-bg-light-danger-hover);
  color: var(--hl-color-button-fg-light-danger-hover);
  border-color: var(--hl-color-button-border-light-danger-hover);
}
.hlx-scope .hl-btn-danger.focus, .hlx-scope .hl-btn-danger:focus,
.hlx-scope .btn-danger.focus,
.hlx-scope .btn-danger:focus {
  background-color: var(--hl-color-button-bg-light-danger-focus);
  color: var(--hl-color-button-fg-light-danger-focus);
  border-color: var(--hl-color-button-border-light-danger-focus);
}
.hlx-scope .hl-btn-danger.focus-visible, .hlx-scope .hl-btn-danger:focus-visible,
.hlx-scope .btn-danger.focus-visible,
.hlx-scope .btn-danger:focus-visible {
  background-color: var(--hl-color-button-bg-light-danger-focus);
  color: var(--hl-color-button-fg-light-danger-focus);
  border-color: var(--hl-color-button-border-light-danger-focus);
}
.hlx-scope .hl-btn-danger.pressed, .hlx-scope .hl-btn-danger:active,
.hlx-scope .btn-danger.pressed,
.hlx-scope .btn-danger:active {
  background-color: var(--hl-color-button-bg-light-danger-pressed);
  color: var(--hl-color-button-fg-light-danger-pressed);
  border-color: var(--hl-color-button-border-light-danger-pressed);
}
.hlx-scope .hl-btn-danger.active, .hlx-scope .hl-btn-danger.dropdown-toggle[aria-expanded=true],
.hlx-scope .btn-danger.active,
.hlx-scope .btn-danger.dropdown-toggle[aria-expanded=true] {
  background-color: var(--hl-color-button-bg-light-danger-active);
  color: var(--hl-color-button-fg-light-danger-active);
  border-color: var(--hl-color-button-border-light-danger-active);
}
.hlx-scope .hl-btn-danger.disabled, .hlx-scope .hl-btn-danger:disabled,
.hlx-scope .btn-danger.disabled,
.hlx-scope .btn-danger:disabled {
  background-color: var(--hl-color-button-bg-light-disabled);
  color: var(--hl-color-button-fg-light-disabled);
  border-color: var(--hl-color-button-border-light-disabled);
}
.hlx-scope .hl-btn-remove,
.hlx-scope .btn-remove {
  background-color: var(--hl-color-button-bg-light-remove-standby);
  color: var(--hl-color-button-fg-light-remove-standby);
  border-color: var(--hl-color-button-border-light-remove-standby);
}
.hlx-scope .hl-btn-remove.hover, .hlx-scope .hl-btn-remove:hover,
.hlx-scope .btn-remove.hover,
.hlx-scope .btn-remove:hover {
  background-color: var(--hl-color-button-bg-light-remove-hover);
  color: var(--hl-color-button-fg-light-remove-hover);
  border-color: var(--hl-color-button-border-light-remove-hover);
}
.hlx-scope .hl-btn-remove.focus, .hlx-scope .hl-btn-remove:focus,
.hlx-scope .btn-remove.focus,
.hlx-scope .btn-remove:focus {
  background-color: var(--hl-color-button-bg-light-remove-focus);
  color: var(--hl-color-button-fg-light-remove-focus);
  border-color: var(--hl-color-button-border-light-remove-focus);
}
.hlx-scope .hl-btn-remove.focus-visible, .hlx-scope .hl-btn-remove:focus-visible,
.hlx-scope .btn-remove.focus-visible,
.hlx-scope .btn-remove:focus-visible {
  background-color: var(--hl-color-button-bg-light-remove-focus);
  color: var(--hl-color-button-fg-light-remove-focus);
  border-color: var(--hl-color-button-border-light-remove-focus);
}
.hlx-scope .hl-btn-remove.pressed, .hlx-scope .hl-btn-remove:active,
.hlx-scope .btn-remove.pressed,
.hlx-scope .btn-remove:active {
  background-color: var(--hl-color-button-bg-light-remove-pressed);
  color: var(--hl-color-button-fg-light-remove-pressed);
  border-color: var(--hl-color-button-border-light-remove-pressed);
}
.hlx-scope .hl-btn-remove.active, .hlx-scope .hl-btn-remove.dropdown-toggle[aria-expanded=true],
.hlx-scope .btn-remove.active,
.hlx-scope .btn-remove.dropdown-toggle[aria-expanded=true] {
  background-color: var(--hl-color-button-bg-light-remove-active);
  color: var(--hl-color-button-fg-light-remove-active);
  border-color: var(--hl-color-button-border-light-remove-active);
}
.hlx-scope .hl-btn-remove.disabled, .hlx-scope .hl-btn-remove:disabled,
.hlx-scope .btn-remove.disabled,
.hlx-scope .btn-remove:disabled {
  background-color: var(--hl-color-button-bg-light-disabled);
  color: var(--hl-color-button-fg-light-disabled);
  border-color: var(--hl-color-button-border-light-disabled);
  background-color: transparent;
  color: var(--hl-color-button-border-light-disabled);
}
.hlx-scope .hl-btn-remove-black,
.hlx-scope .btn-remove-black {
  background-color: var(--hl-color-button-bg-light-remove-standby);
  color: var(--hl-color-button-fg-light-remove-standby);
  border-color: var(--hl-color-button-border-light-remove-standby);
}
.hlx-scope .hl-btn-remove-black.hover, .hlx-scope .hl-btn-remove-black:hover,
.hlx-scope .btn-remove-black.hover,
.hlx-scope .btn-remove-black:hover {
  background-color: var(--hl-color-button-bg-light-remove-hover);
  color: var(--hl-color-button-fg-light-remove-hover);
  border-color: var(--hl-color-button-border-light-remove-hover);
}
.hlx-scope .hl-btn-remove-black.focus, .hlx-scope .hl-btn-remove-black:focus,
.hlx-scope .btn-remove-black.focus,
.hlx-scope .btn-remove-black:focus {
  background-color: var(--hl-color-button-bg-light-remove-focus);
  color: var(--hl-color-button-fg-light-remove-focus);
  border-color: var(--hl-color-button-border-light-remove-focus);
}
.hlx-scope .hl-btn-remove-black.focus-visible, .hlx-scope .hl-btn-remove-black:focus-visible,
.hlx-scope .btn-remove-black.focus-visible,
.hlx-scope .btn-remove-black:focus-visible {
  background-color: var(--hl-color-button-bg-light-remove-focus);
  color: var(--hl-color-button-fg-light-remove-focus);
  border-color: var(--hl-color-button-border-light-remove-focus);
}
.hlx-scope .hl-btn-remove-black.pressed, .hlx-scope .hl-btn-remove-black:active,
.hlx-scope .btn-remove-black.pressed,
.hlx-scope .btn-remove-black:active {
  background-color: var(--hl-color-button-bg-light-remove-pressed);
  color: var(--hl-color-button-fg-light-remove-pressed);
  border-color: var(--hl-color-button-border-light-remove-pressed);
}
.hlx-scope .hl-btn-remove-black.active, .hlx-scope .hl-btn-remove-black.dropdown-toggle[aria-expanded=true],
.hlx-scope .btn-remove-black.active,
.hlx-scope .btn-remove-black.dropdown-toggle[aria-expanded=true] {
  background-color: var(--hl-color-button-bg-light-remove-active);
  color: var(--hl-color-button-fg-light-remove-active);
  border-color: var(--hl-color-button-border-light-remove-active);
}
.hlx-scope .hl-btn-remove-black.disabled, .hlx-scope .hl-btn-remove-black:disabled,
.hlx-scope .btn-remove-black.disabled,
.hlx-scope .btn-remove-black:disabled {
  background-color: var(--hl-color-button-bg-light-disabled);
  color: var(--hl-color-button-fg-light-disabled);
  border-color: var(--hl-color-button-border-light-disabled);
  background-color: transparent;
  color: var(--hl-color-button-border-light-disabled);
}
.hlx-scope .hl-btn-remove-white,
.hlx-scope .btn-remove-white {
  background-color: var(--hl-color-button-bg-light-remove-standby);
  color: var(--hl-color-button-fg-light-remove-standby);
  border-color: var(--hl-color-button-border-light-remove-standby);
}
.hlx-scope .hl-btn-remove-white.hover, .hlx-scope .hl-btn-remove-white:hover,
.hlx-scope .btn-remove-white.hover,
.hlx-scope .btn-remove-white:hover {
  background-color: var(--hl-color-button-bg-light-remove-hover);
  color: var(--hl-color-button-fg-light-remove-hover);
  border-color: var(--hl-color-button-border-light-remove-hover);
}
.hlx-scope .hl-btn-remove-white.focus, .hlx-scope .hl-btn-remove-white:focus,
.hlx-scope .btn-remove-white.focus,
.hlx-scope .btn-remove-white:focus {
  background-color: var(--hl-color-button-bg-light-remove-focus);
  color: var(--hl-color-button-fg-light-remove-focus);
  border-color: var(--hl-color-button-border-light-remove-focus);
}
.hlx-scope .hl-btn-remove-white.focus-visible, .hlx-scope .hl-btn-remove-white:focus-visible,
.hlx-scope .btn-remove-white.focus-visible,
.hlx-scope .btn-remove-white:focus-visible {
  background-color: var(--hl-color-button-bg-light-remove-focus);
  color: var(--hl-color-button-fg-light-remove-focus);
  border-color: var(--hl-color-button-border-light-remove-focus);
}
.hlx-scope .hl-btn-remove-white.pressed, .hlx-scope .hl-btn-remove-white:active,
.hlx-scope .btn-remove-white.pressed,
.hlx-scope .btn-remove-white:active {
  background-color: var(--hl-color-button-bg-light-remove-pressed);
  color: var(--hl-color-button-fg-light-remove-pressed);
  border-color: var(--hl-color-button-border-light-remove-pressed);
}
.hlx-scope .hl-btn-remove-white.active, .hlx-scope .hl-btn-remove-white.dropdown-toggle[aria-expanded=true],
.hlx-scope .btn-remove-white.active,
.hlx-scope .btn-remove-white.dropdown-toggle[aria-expanded=true] {
  background-color: var(--hl-color-button-bg-light-remove-active);
  color: var(--hl-color-button-fg-light-remove-active);
  border-color: var(--hl-color-button-border-light-remove-active);
}
.hlx-scope .hl-btn-remove-white.disabled, .hlx-scope .hl-btn-remove-white:disabled,
.hlx-scope .btn-remove-white.disabled,
.hlx-scope .btn-remove-white:disabled {
  background-color: var(--hl-color-button-bg-light-disabled);
  color: var(--hl-color-button-fg-light-disabled);
  border-color: var(--hl-color-button-border-light-disabled);
  background-color: transparent;
  color: var(--hl-color-button-border-light-disabled);
}
.hlx-scope .hl-btn-link,
.hlx-scope .btn-link {
  background-color: var(--hl-color-button-bg-light-link-standby);
  color: var(--hl-color-button-fg-light-link-standby);
  border-color: var(--hl-color-button-border-light-link-standby);
}
.hlx-scope .hl-btn-link.hover, .hlx-scope .hl-btn-link:hover,
.hlx-scope .btn-link.hover,
.hlx-scope .btn-link:hover {
  background-color: var(--hl-color-button-bg-light-link-hover);
  color: var(--hl-color-button-fg-light-link-hover);
  border-color: var(--hl-color-button-border-light-link-hover);
}
.hlx-scope .hl-btn-link.focus, .hlx-scope .hl-btn-link:focus,
.hlx-scope .btn-link.focus,
.hlx-scope .btn-link:focus {
  background-color: var(--hl-color-button-bg-light-link-focus);
  color: var(--hl-color-button-fg-light-link-focus);
  border-color: var(--hl-color-button-border-light-link-focus);
}
.hlx-scope .hl-btn-link.focus-visible, .hlx-scope .hl-btn-link:focus-visible,
.hlx-scope .btn-link.focus-visible,
.hlx-scope .btn-link:focus-visible {
  background-color: var(--hl-color-button-bg-light-link-focus);
  color: var(--hl-color-button-fg-light-link-focus);
  border-color: var(--hl-color-button-border-light-link-focus);
}
.hlx-scope .hl-btn-link.pressed, .hlx-scope .hl-btn-link:active,
.hlx-scope .btn-link.pressed,
.hlx-scope .btn-link:active {
  background-color: var(--hl-color-button-bg-light-link-pressed);
  color: var(--hl-color-button-fg-light-link-pressed);
  border-color: var(--hl-color-button-border-light-link-pressed);
}
.hlx-scope .hl-btn-link.active, .hlx-scope .hl-btn-link.dropdown-toggle[aria-expanded=true],
.hlx-scope .btn-link.active,
.hlx-scope .btn-link.dropdown-toggle[aria-expanded=true] {
  background-color: var(--hl-color-button-bg-light-link-active);
  color: var(--hl-color-button-fg-light-link-active);
  border-color: var(--hl-color-button-border-light-link-active);
}
.hlx-scope .hl-btn-link.disabled, .hlx-scope .hl-btn-link:disabled,
.hlx-scope .btn-link.disabled,
.hlx-scope .btn-link:disabled {
  background-color: var(--hl-color-button-bg-light-disabled);
  color: var(--hl-color-button-fg-light-disabled);
  border-color: var(--hl-color-button-border-light-disabled);
  background-color: transparent;
  border-color: transparent;
  color: var(--hl-color-button-border-light-disabled);
}
.hlx-scope .hl-btn-link-light,
.hlx-scope .btn-link-light {
  background-color: var(--hl-color-button-bg-light-link-standby);
  color: var(--hl-color-button-fg-light-link-standby);
  border-color: var(--hl-color-button-border-light-link-standby);
}
.hlx-scope .hl-btn-link-light.hover, .hlx-scope .hl-btn-link-light:hover,
.hlx-scope .btn-link-light.hover,
.hlx-scope .btn-link-light:hover {
  background-color: var(--hl-color-button-bg-light-link-hover);
  color: var(--hl-color-button-fg-light-link-hover);
  border-color: var(--hl-color-button-border-light-link-hover);
}
.hlx-scope .hl-btn-link-light.focus, .hlx-scope .hl-btn-link-light:focus,
.hlx-scope .btn-link-light.focus,
.hlx-scope .btn-link-light:focus {
  background-color: var(--hl-color-button-bg-light-link-focus);
  color: var(--hl-color-button-fg-light-link-focus);
  border-color: var(--hl-color-button-border-light-link-focus);
}
.hlx-scope .hl-btn-link-light.focus-visible, .hlx-scope .hl-btn-link-light:focus-visible,
.hlx-scope .btn-link-light.focus-visible,
.hlx-scope .btn-link-light:focus-visible {
  background-color: var(--hl-color-button-bg-light-link-focus);
  color: var(--hl-color-button-fg-light-link-focus);
  border-color: var(--hl-color-button-border-light-link-focus);
}
.hlx-scope .hl-btn-link-light.pressed, .hlx-scope .hl-btn-link-light:active,
.hlx-scope .btn-link-light.pressed,
.hlx-scope .btn-link-light:active {
  background-color: var(--hl-color-button-bg-light-link-pressed);
  color: var(--hl-color-button-fg-light-link-pressed);
  border-color: var(--hl-color-button-border-light-link-pressed);
}
.hlx-scope .hl-btn-link-light.active, .hlx-scope .hl-btn-link-light.dropdown-toggle[aria-expanded=true],
.hlx-scope .btn-link-light.active,
.hlx-scope .btn-link-light.dropdown-toggle[aria-expanded=true] {
  background-color: var(--hl-color-button-bg-light-link-active);
  color: var(--hl-color-button-fg-light-link-active);
  border-color: var(--hl-color-button-border-light-link-active);
}
.hlx-scope .hl-btn-link-light.disabled, .hlx-scope .hl-btn-link-light:disabled,
.hlx-scope .btn-link-light.disabled,
.hlx-scope .btn-link-light:disabled {
  background-color: var(--hl-color-button-bg-light-disabled);
  color: var(--hl-color-button-fg-light-disabled);
  border-color: var(--hl-color-button-border-light-disabled);
  background-color: transparent;
  border-color: transparent;
  color: var(--hl-color-button-border-light-disabled);
}
.hlx-scope .hl-btn-link-dark,
.hlx-scope .btn-link-dark {
  background-color: var(--hl-color-button-bg-light-link-standby);
  color: var(--hl-color-button-fg-light-link-standby);
  border-color: var(--hl-color-button-border-light-link-standby);
}
.hlx-scope .hl-btn-link-dark.hover, .hlx-scope .hl-btn-link-dark:hover,
.hlx-scope .btn-link-dark.hover,
.hlx-scope .btn-link-dark:hover {
  background-color: var(--hl-color-button-bg-light-link-hover);
  color: var(--hl-color-button-fg-light-link-hover);
  border-color: var(--hl-color-button-border-light-link-hover);
}
.hlx-scope .hl-btn-link-dark.focus, .hlx-scope .hl-btn-link-dark:focus,
.hlx-scope .btn-link-dark.focus,
.hlx-scope .btn-link-dark:focus {
  background-color: var(--hl-color-button-bg-light-link-focus);
  color: var(--hl-color-button-fg-light-link-focus);
  border-color: var(--hl-color-button-border-light-link-focus);
}
.hlx-scope .hl-btn-link-dark.focus-visible, .hlx-scope .hl-btn-link-dark:focus-visible,
.hlx-scope .btn-link-dark.focus-visible,
.hlx-scope .btn-link-dark:focus-visible {
  background-color: var(--hl-color-button-bg-light-link-focus);
  color: var(--hl-color-button-fg-light-link-focus);
  border-color: var(--hl-color-button-border-light-link-focus);
}
.hlx-scope .hl-btn-link-dark.pressed, .hlx-scope .hl-btn-link-dark:active,
.hlx-scope .btn-link-dark.pressed,
.hlx-scope .btn-link-dark:active {
  background-color: var(--hl-color-button-bg-light-link-pressed);
  color: var(--hl-color-button-fg-light-link-pressed);
  border-color: var(--hl-color-button-border-light-link-pressed);
}
.hlx-scope .hl-btn-link-dark.active, .hlx-scope .hl-btn-link-dark.dropdown-toggle[aria-expanded=true],
.hlx-scope .btn-link-dark.active,
.hlx-scope .btn-link-dark.dropdown-toggle[aria-expanded=true] {
  background-color: var(--hl-color-button-bg-light-link-active);
  color: var(--hl-color-button-fg-light-link-active);
  border-color: var(--hl-color-button-border-light-link-active);
}
.hlx-scope .hl-btn-link-dark.disabled, .hlx-scope .hl-btn-link-dark:disabled,
.hlx-scope .btn-link-dark.disabled,
.hlx-scope .btn-link-dark:disabled {
  background-color: var(--hl-color-button-bg-light-disabled);
  color: var(--hl-color-button-fg-light-disabled);
  border-color: var(--hl-color-button-border-light-disabled);
  background-color: transparent;
  border-color: transparent;
  color: var(--hl-color-button-border-light-disabled);
}
.hlx-scope .hl-btn-link-primary,
.hlx-scope .btn-link-primary {
  background-color: var(--hl-color-button-bg-light-link-standby);
  color: var(--hl-color-button-fg-light-link-standby);
  border-color: var(--hl-color-button-border-light-link-standby);
}
.hlx-scope .hl-btn-link-primary.hover, .hlx-scope .hl-btn-link-primary:hover,
.hlx-scope .btn-link-primary.hover,
.hlx-scope .btn-link-primary:hover {
  background-color: var(--hl-color-button-bg-light-link-hover);
  color: var(--hl-color-button-fg-light-link-hover);
  border-color: var(--hl-color-button-border-light-link-hover);
}
.hlx-scope .hl-btn-link-primary.focus, .hlx-scope .hl-btn-link-primary:focus,
.hlx-scope .btn-link-primary.focus,
.hlx-scope .btn-link-primary:focus {
  background-color: var(--hl-color-button-bg-light-link-focus);
  color: var(--hl-color-button-fg-light-link-focus);
  border-color: var(--hl-color-button-border-light-link-focus);
}
.hlx-scope .hl-btn-link-primary.focus-visible, .hlx-scope .hl-btn-link-primary:focus-visible,
.hlx-scope .btn-link-primary.focus-visible,
.hlx-scope .btn-link-primary:focus-visible {
  background-color: var(--hl-color-button-bg-light-link-focus);
  color: var(--hl-color-button-fg-light-link-focus);
  border-color: var(--hl-color-button-border-light-link-focus);
}
.hlx-scope .hl-btn-link-primary.pressed, .hlx-scope .hl-btn-link-primary:active,
.hlx-scope .btn-link-primary.pressed,
.hlx-scope .btn-link-primary:active {
  background-color: var(--hl-color-button-bg-light-link-pressed);
  color: var(--hl-color-button-fg-light-link-pressed);
  border-color: var(--hl-color-button-border-light-link-pressed);
}
.hlx-scope .hl-btn-link-primary.active, .hlx-scope .hl-btn-link-primary.dropdown-toggle[aria-expanded=true],
.hlx-scope .btn-link-primary.active,
.hlx-scope .btn-link-primary.dropdown-toggle[aria-expanded=true] {
  background-color: var(--hl-color-button-bg-light-link-active);
  color: var(--hl-color-button-fg-light-link-active);
  border-color: var(--hl-color-button-border-light-link-active);
}
.hlx-scope .hl-btn-link-primary.disabled, .hlx-scope .hl-btn-link-primary:disabled,
.hlx-scope .btn-link-primary.disabled,
.hlx-scope .btn-link-primary:disabled {
  background-color: var(--hl-color-button-bg-light-disabled);
  color: var(--hl-color-button-fg-light-disabled);
  border-color: var(--hl-color-button-border-light-disabled);
  background-color: transparent;
  border-color: transparent;
  color: var(--hl-color-button-border-light-disabled);
}
.hlx-scope .hl-btn-link-surface,
.hlx-scope .btn-link-surface {
  background-color: var(--hl-color-button-bg-light-link-surface-standby);
  color: var(--hl-color-button-fg-light-link-surface-standby);
  border-color: var(--hl-color-button-border-light-link-surface-standby);
}
.hlx-scope .hl-btn-link-surface.hover, .hlx-scope .hl-btn-link-surface:hover,
.hlx-scope .btn-link-surface.hover,
.hlx-scope .btn-link-surface:hover {
  background-color: var(--hl-color-button-bg-light-link-surface-hover);
  color: var(--hl-color-button-fg-light-link-surface-hover);
  border-color: var(--hl-color-button-border-light-link-surface-hover);
}
.hlx-scope .hl-btn-link-surface.focus, .hlx-scope .hl-btn-link-surface:focus,
.hlx-scope .btn-link-surface.focus,
.hlx-scope .btn-link-surface:focus {
  background-color: var(--hl-color-button-bg-light-link-surface-focus);
  color: var(--hl-color-button-fg-light-link-surface-focus);
  border-color: var(--hl-color-button-border-light-link-surface-focus);
}
.hlx-scope .hl-btn-link-surface.focus-visible, .hlx-scope .hl-btn-link-surface:focus-visible,
.hlx-scope .btn-link-surface.focus-visible,
.hlx-scope .btn-link-surface:focus-visible {
  background-color: var(--hl-color-button-bg-light-link-surface-focus);
  color: var(--hl-color-button-fg-light-link-surface-focus);
  border-color: var(--hl-color-button-border-light-link-surface-focus);
}
.hlx-scope .hl-btn-link-surface.pressed, .hlx-scope .hl-btn-link-surface:active,
.hlx-scope .btn-link-surface.pressed,
.hlx-scope .btn-link-surface:active {
  background-color: var(--hl-color-button-bg-light-link-surface-pressed);
  color: var(--hl-color-button-fg-light-link-surface-pressed);
  border-color: var(--hl-color-button-border-light-link-surface-pressed);
}
.hlx-scope .hl-btn-link-surface.active, .hlx-scope .hl-btn-link-surface.dropdown-toggle[aria-expanded=true],
.hlx-scope .btn-link-surface.active,
.hlx-scope .btn-link-surface.dropdown-toggle[aria-expanded=true] {
  background-color: var(--hl-color-button-bg-light-link-surface-active);
  color: var(--hl-color-button-fg-light-link-surface-active);
  border-color: var(--hl-color-button-border-light-link-surface-active);
}
.hlx-scope .hl-btn-link-surface.disabled, .hlx-scope .hl-btn-link-surface:disabled,
.hlx-scope .btn-link-surface.disabled,
.hlx-scope .btn-link-surface:disabled {
  background-color: var(--hl-color-button-bg-light-disabled);
  color: var(--hl-color-button-fg-light-disabled);
  border-color: var(--hl-color-button-border-light-disabled);
  background-color: transparent;
  border-color: transparent;
  color: var(--hl-color-button-border-light-disabled);
}
.hlx-scope .hl-btn-link-surface-light,
.hlx-scope .btn-link-surface-light {
  background-color: var(--hl-color-button-bg-light-link-surface-standby);
  color: var(--hl-color-button-fg-light-link-surface-standby);
  border-color: var(--hl-color-button-border-light-link-surface-standby);
}
.hlx-scope .hl-btn-link-surface-light.hover, .hlx-scope .hl-btn-link-surface-light:hover,
.hlx-scope .btn-link-surface-light.hover,
.hlx-scope .btn-link-surface-light:hover {
  background-color: var(--hl-color-button-bg-light-link-surface-hover);
  color: var(--hl-color-button-fg-light-link-surface-hover);
  border-color: var(--hl-color-button-border-light-link-surface-hover);
}
.hlx-scope .hl-btn-link-surface-light.focus, .hlx-scope .hl-btn-link-surface-light:focus,
.hlx-scope .btn-link-surface-light.focus,
.hlx-scope .btn-link-surface-light:focus {
  background-color: var(--hl-color-button-bg-light-link-surface-focus);
  color: var(--hl-color-button-fg-light-link-surface-focus);
  border-color: var(--hl-color-button-border-light-link-surface-focus);
}
.hlx-scope .hl-btn-link-surface-light.focus-visible, .hlx-scope .hl-btn-link-surface-light:focus-visible,
.hlx-scope .btn-link-surface-light.focus-visible,
.hlx-scope .btn-link-surface-light:focus-visible {
  background-color: var(--hl-color-button-bg-light-link-surface-focus);
  color: var(--hl-color-button-fg-light-link-surface-focus);
  border-color: var(--hl-color-button-border-light-link-surface-focus);
}
.hlx-scope .hl-btn-link-surface-light.pressed, .hlx-scope .hl-btn-link-surface-light:active,
.hlx-scope .btn-link-surface-light.pressed,
.hlx-scope .btn-link-surface-light:active {
  background-color: var(--hl-color-button-bg-light-link-surface-pressed);
  color: var(--hl-color-button-fg-light-link-surface-pressed);
  border-color: var(--hl-color-button-border-light-link-surface-pressed);
}
.hlx-scope .hl-btn-link-surface-light.active, .hlx-scope .hl-btn-link-surface-light.dropdown-toggle[aria-expanded=true],
.hlx-scope .btn-link-surface-light.active,
.hlx-scope .btn-link-surface-light.dropdown-toggle[aria-expanded=true] {
  background-color: var(--hl-color-button-bg-light-link-surface-active);
  color: var(--hl-color-button-fg-light-link-surface-active);
  border-color: var(--hl-color-button-border-light-link-surface-active);
}
.hlx-scope .hl-btn-link-surface-light.disabled, .hlx-scope .hl-btn-link-surface-light:disabled,
.hlx-scope .btn-link-surface-light.disabled,
.hlx-scope .btn-link-surface-light:disabled {
  background-color: var(--hl-color-button-bg-light-disabled);
  color: var(--hl-color-button-fg-light-disabled);
  border-color: var(--hl-color-button-border-light-disabled);
  background-color: transparent;
  border-color: transparent;
  color: var(--hl-color-button-border-light-disabled);
}
.hlx-scope .hl-btn-link-surface-dark,
.hlx-scope .btn-link-surface-dark {
  background-color: var(--hl-color-button-bg-dark-link-surface-standby);
  color: var(--hl-color-button-fg-dark-link-surface-standby);
  border-color: var(--hl-color-button-border-dark-link-surface-standby);
}
.hlx-scope .hl-btn-link-surface-dark.hover, .hlx-scope .hl-btn-link-surface-dark:hover,
.hlx-scope .btn-link-surface-dark.hover,
.hlx-scope .btn-link-surface-dark:hover {
  background-color: var(--hl-color-button-bg-dark-link-surface-hover);
  color: var(--hl-color-button-fg-dark-link-surface-hover);
  border-color: var(--hl-color-button-border-dark-link-surface-hover);
}
.hlx-scope .hl-btn-link-surface-dark.focus, .hlx-scope .hl-btn-link-surface-dark:focus,
.hlx-scope .btn-link-surface-dark.focus,
.hlx-scope .btn-link-surface-dark:focus {
  background-color: var(--hl-color-button-bg-dark-link-surface-focus);
  color: var(--hl-color-button-fg-dark-link-surface-focus);
  border-color: var(--hl-color-button-border-dark-link-surface-focus);
}
.hlx-scope .hl-btn-link-surface-dark.focus-visible, .hlx-scope .hl-btn-link-surface-dark:focus-visible,
.hlx-scope .btn-link-surface-dark.focus-visible,
.hlx-scope .btn-link-surface-dark:focus-visible {
  background-color: var(--hl-color-button-bg-dark-link-surface-focus);
  color: var(--hl-color-button-fg-dark-link-surface-focus);
  border-color: var(--hl-color-button-border-dark-link-surface-focus);
}
.hlx-scope .hl-btn-link-surface-dark.pressed, .hlx-scope .hl-btn-link-surface-dark:active,
.hlx-scope .btn-link-surface-dark.pressed,
.hlx-scope .btn-link-surface-dark:active {
  background-color: var(--hl-color-button-bg-dark-link-surface-pressed);
  color: var(--hl-color-button-fg-dark-link-surface-pressed);
  border-color: var(--hl-color-button-border-dark-link-surface-pressed);
}
.hlx-scope .hl-btn-link-surface-dark.active, .hlx-scope .hl-btn-link-surface-dark.dropdown-toggle[aria-expanded=true],
.hlx-scope .btn-link-surface-dark.active,
.hlx-scope .btn-link-surface-dark.dropdown-toggle[aria-expanded=true] {
  background-color: var(--hl-color-button-bg-dark-link-surface-active);
  color: var(--hl-color-button-fg-dark-link-surface-active);
  border-color: var(--hl-color-button-border-dark-link-surface-active);
}
.hlx-scope .hl-btn-link-surface-dark.disabled, .hlx-scope .hl-btn-link-surface-dark:disabled,
.hlx-scope .btn-link-surface-dark.disabled,
.hlx-scope .btn-link-surface-dark:disabled {
  background-color: var(--hl-color-button-bg-light-disabled);
  color: var(--hl-color-button-fg-light-disabled);
  border-color: var(--hl-color-button-border-light-disabled);
}
.hlx-scope .hl-btn-link-primary,
.hlx-scope .btn-link-primary {
  color: var(--hl-color-fg-light-interaction-active);
}
.hlx-scope .hl-btn-lg,
.hlx-scope .btn-lg {
  --btn-icon-gap: var(--hl-spacer-md);
  --btn-icon-size: var(--hl-size-icon-md);
  padding: var(--hl-spacer-md) var(--hl-spacer-xl);
  font-size: var(--hl-font-size-2xl);
  line-height: var(--hl-line-height-sm);
  border-radius: var(--hl-border-radius-default);
}
.hlx-scope .hl-btn-lg.hl-btn-icon, .hlx-scope .hl-btn-lg.btn-icon,
.hlx-scope .btn-lg.hl-btn-icon,
.hlx-scope .btn-lg.btn-icon {
  padding-left: var(--hl-spacer-md);
  padding-right: var(--hl-spacer-md);
}
.hlx-scope .hl-btn-sm,
.hlx-scope .btn-sm {
  --btn-icon-gap: var(--hl-spacer-xs);
  --btn-icon-size: var(--hl-size-icon-md);
  padding: var(--hl-spacer-xs) var(--hl-spacer-md);
  font-size: var(--hl-font-size-sm);
  line-height: var(--hl-line-height-sm);
  border-radius: var(--hl-border-radius-default);
}
.hlx-scope .hl-btn-sm.hl-btn-icon, .hlx-scope .hl-btn-sm.btn-icon,
.hlx-scope .btn-sm.hl-btn-icon,
.hlx-scope .btn-sm.btn-icon {
  padding-left: var(--hl-spacer-xs);
  padding-right: var(--hl-spacer-xs);
}
.hlx-scope .hl-btn-xs,
.hlx-scope .btn-xs {
  --btn-icon-gap: var(--hl-spacer-2xs);
  --btn-icon-size: var(--hl-size-icon-sm);
  padding: var(--hl-spacer-2xs) var(--hl-spacer-xs);
  font-size: var(--hl-font-size-xs);
  line-height: var(--hl-line-height-sm);
  border-radius: var(--hl-border-radius-default);
}
.hlx-scope .hl-btn-xs.hl-btn-icon, .hlx-scope .hl-btn-xs.btn-icon,
.hlx-scope .btn-xs.hl-btn-icon,
.hlx-scope .btn-xs.btn-icon {
  padding-left: var(--hl-spacer-2xs);
  padding-right: var(--hl-spacer-2xs);
}
.hlx-scope .hl-btn-block,
.hlx-scope .btn-block {
  display: flex;
  width: 100%;
}
.hlx-scope .hl-btn-block + .hl-btn-block,
.hlx-scope .hl-btn-block + .btn-block,
.hlx-scope .btn-block + .hl-btn-block,
.hlx-scope .btn-block + .btn-block {
  margin-top: var(--hl-spacer-xs);
}
.hlx-scope input[type=submit].hl-btn-block, .hlx-scope input[type=submit].btn-block,
.hlx-scope input[type=reset].hl-btn-block,
.hlx-scope input[type=reset].btn-block,
.hlx-scope input[type=button].hl-btn-block,
.hlx-scope input[type=button].btn-block {
  width: 100%;
}
.hlx-scope .hl-btn--just-text,
.hlx-scope .btn--just-text {
  color: var(--hl-color-fg-light-important);
  padding-left: 0;
  padding-right: 0;
  pointer-events: none;
}
.hlx-scope [data-read-more][data-read-less]::before {
  content: attr(data-read-more);
  display: block;
}
.hlx-scope [data-read-more][data-read-less][aria-expanded=true]::before {
  content: attr(data-read-less);
}
.hlx-scope .fade {
  transition: opacity var(--hl-transition-quickly);
}
@media (prefers-reduced-motion: reduce) {
  .hlx-scope .fade {
    transition: none;
  }
}
.hlx-scope .fade:not(.show) {
  opacity: 0;
}
.hlx-scope .collapse:not(.show) {
  display: none;
}
.hlx-scope .collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height var(--hl-transition-normal);
}
@media (prefers-reduced-motion: reduce) {
  .hlx-scope .collapsing {
    transition: none;
  }
}
.hlx-scope .collapsing.width {
  width: 0;
  height: auto;
  transition: width var(--hl-transition-normal);
}
@media (prefers-reduced-motion: reduce) {
  .hlx-scope .collapsing.width {
    transition: none;
  }
}
.hlx-scope .scale {
  transition: all var(--hl-transition-normal);
}
@media (prefers-reduced-motion: reduce) {
  .hlx-scope .scale {
    transition: none;
  }
}
.hlx-scope .scale-cards {
  display: block;
  transform: scale(1);
  transition: all var(--hl-transition-normal);
  position: relative;
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  .hlx-scope .scale-cards {
    transition: none;
  }
}
.hlx-scope .scale-cards:hover {
  transform: scale(1.1);
  opacity: 1;
  z-index: 2;
}
.hlx-scope .scale-cards:not(:hover) {
  opacity: 0.7;
}
.hlx-scope .opacity-scale:hover .opacity-scale-cards {
  opacity: 0.7;
}
.hlx-scope .opacity-scale:hover .opacity-scale-cards:hover {
  transform: scale(1.1);
  opacity: 1;
  z-index: 2;
}
.hlx-scope .opacity-scale-cards {
  display: block;
  transform: scale(1);
  transition: all var(--hl-transition-normal);
  position: relative;
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  .hlx-scope .opacity-scale-cards {
    transition: none;
  }
}
.hlx-scope .opacity-scale-cards:hover {
  transform: scale(1.1);
  opacity: 1;
  z-index: 2;
}
@media (prefers-reduced-motion: no-preference) {
  .hlx-scope html {
    scroll-behavior: smooth;
  }
}
@media (prefers-reduced-motion) {
  .hlx-scope :root {
    --hl-transition-quickly: 0.1ms linear;
    --hl-transition-normal: 0.1ms linear;
    --hl-transition-slowly: 0.1ms linear;
  }
}
@keyframes focus-outline-animation {
  0% {
    outline: var(--hl-color-primary) solid var(--hl-border-width-default);
    outline-offset: var(--hl-spacer-md);
  }
  60% {
    outline: var(--hl-color-primary) solid var(--hl-border-width-default);
    outline-offset: var(--hl-spacer-xs);
  }
  100% {
    outline: transparent solid var(--hl-border-width-default);
    outline-offset: var(--hl-spacer-xs);
  }
}
@keyframes fade-in-bottom {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes shine-lines {
  0% {
    background-position: -100px;
  }
  40%, 100% {
    background-position: 140px;
  }
}
.hlx-scope .mosaic-devices__block .stretched-link::before {
  content: "";
  position: absolute;
  top: var(--hl-inset-outline-focus);
  left: var(--hl-inset-outline-focus);
  right: var(--hl-inset-outline-focus);
  bottom: var(--hl-inset-outline-focus);
  background: transparent;
  outline: var(--hl-color-primary) solid var(--hl-border-width-default);
  transition: none;
  visibility: hidden;
  z-index: 1;
}
.hlx-scope .mosaic-devices__block .stretched-link:focus-visible {
  --hl-inset-outline-focus: 0;
  animation: none;
  outline: none;
  overflow: hidden;
}
.hlx-scope .mosaic-devices__block .stretched-link:focus-visible::before {
  visibility: visible;
  transition: all 0.3s linear;
}
.hlx-scope .animation-none {
  animation: none !important;
}
.hlx-scope .transition-none {
  transition: none !important;
}
.hlx-scope .dropup,
.hlx-scope .dropright,
.hlx-scope .dropdown,
.hlx-scope .dropleft {
  position: relative;
}
.hlx-scope .dropdown-toggle {
  white-space: nowrap;
}
.hlx-scope .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.1em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.hlx-scope .dropdown-toggle:empty::after {
  margin-left: 0;
}
.hlx-scope .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: var(--hl-z-index-dropdown);
  display: none;
  float: left;
  min-width: var(--hl-spacer-7xl);
  padding: var(--hl-spacer-none) var(--hl-spacer-none);
  margin: var(--hl-spacer-3xs) 0 0;
  font-size: var(--hl-font-size-md);
  color: var(--hl-color-core-black);
  text-align: left;
  list-style: none;
  background-color: var(--hl-color-core-white);
  background-clip: padding-box;
  border: var(--hl-border-width-default) solid var(--hl-color-border-light-default);
  border-radius: var(--hl-border-radius-default);
}
.hlx-scope .dropdown-menu-left {
  right: auto;
  left: 0;
}
.hlx-scope .dropdown-menu-right {
  right: 0;
}
@media (min-width: 576px) {
  .hlx-scope .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  .hlx-scope .dropdown-menu-sm-right {
    right: 0;
  }
}
@media (min-width: 768px) {
  .hlx-scope .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  .hlx-scope .dropdown-menu-md-right {
    right: 0;
  }
}
@media (min-width: 992px) {
  .hlx-scope .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .hlx-scope .dropdown-menu-lg-right {
    right: 0;
  }
}
@media (min-width: 1200px) {
  .hlx-scope .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  .hlx-scope .dropdown-menu-xl-right {
    right: 0;
  }
}
@media (min-width: 1400px) {
  .hlx-scope .dropdown-menu-xxl-left {
    right: auto;
    left: 0;
  }
  .hlx-scope .dropdown-menu-xxl-right {
    right: 0;
  }
}
@media (min-width: 1880px) {
  .hlx-scope .dropdown-menu-xxxl-left {
    right: auto;
    left: 0;
  }
  .hlx-scope .dropdown-menu-xxxl-right {
    right: 0;
  }
}
.hlx-scope .dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--hl-spacer-3xs);
}
.hlx-scope .dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.1em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.hlx-scope .dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}
.hlx-scope .dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--hl-spacer-3xs);
}
.hlx-scope .dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.1em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.hlx-scope .dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}
.hlx-scope .dropright .dropdown-toggle::after {
  vertical-align: 0;
}
.hlx-scope .dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--hl-spacer-3xs);
}
.hlx-scope .dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.1em;
  content: "";
}
.hlx-scope .dropleft .dropdown-toggle::after {
  display: none;
}
.hlx-scope .dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.hlx-scope .dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}
.hlx-scope .dropleft .dropdown-toggle::before {
  vertical-align: 0;
}
.hlx-scope .dropdown-menu[x-placement^=top], .hlx-scope .dropdown-menu[x-placement^=right], .hlx-scope .dropdown-menu[x-placement^=bottom], .hlx-scope .dropdown-menu[x-placement^=left] {
  right: auto;
  bottom: auto;
}
.hlx-scope .dropdown-divider {
  height: 0;
  margin: var(--hl-spacer-none) 0;
  overflow: hidden;
  border-top: 1px solid var(--hl-color-border-light-default);
}
.hlx-scope .dropdown-item.hl-btn, .hlx-scope .dropdown-item.btn {
  display: flex;
  width: 100%;
  justify-content: flex-start;
}
.hlx-scope .dropdown-item:not(.hl-btn), .hlx-scope .dropdown-item:not(.btn) {
  display: block;
  width: 100%;
  padding: var(--hl-spacer-xs) var(--hl-spacer-sm);
  clear: both;
  font-weight: var(--hl-font-weight-body-bold);
  color: var(--hl-color-core-black);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.hlx-scope .dropdown-item:not(.hl-btn):hover, .hlx-scope .dropdown-item:not(.hl-btn):focus, .hlx-scope .dropdown-item:not(.btn):hover, .hlx-scope .dropdown-item:not(.btn):focus {
  color: var(--hl-color-core-white);
  text-decoration: none;
  background-color: var(--hl-color-core-black);
}
.hlx-scope .dropdown-item:not(.hl-btn).active, .hlx-scope .dropdown-item:not(.hl-btn):active, .hlx-scope .dropdown-item:not(.btn).active, .hlx-scope .dropdown-item:not(.btn):active {
  color: var(--hl-color-form-interaction-fg-light-active);
  text-decoration: none;
  background-color: var(--hl-color-form-interaction-bg-light-active);
}
.hlx-scope .dropdown-item:not(.hl-btn).disabled, .hlx-scope .dropdown-item:not(.hl-btn):disabled, .hlx-scope .dropdown-item:not(.btn).disabled, .hlx-scope .dropdown-item:not(.btn):disabled {
  color: #CCCCCC;
  pointer-events: none;
  background-color: transparent;
}
.hlx-scope .dropdown-menu.show {
  display: block;
}
.hlx-scope .show .dropdown-toggle::after {
  transform: scaleY(-1);
}
.hlx-scope .dropdown-header {
  display: block;
  padding: var(--hl-spacer-xs) var(--hl-spacer-sm) var(--hl-spacer-none) var(--hl-spacer-sm);
  margin-top: 0;
  margin-bottom: 0;
  font-size: var(--hl-font-size-sm);
  color: #999999;
  white-space: nowrap;
}
.hlx-scope .dropdown-item-text {
  display: block;
  padding: var(--hl-spacer-xs) var(--hl-spacer-sm);
  color: var(--hl-color-core-black);
}
.hlx-scope .input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.hlx-scope .input-group > .form-control, .hlx-scope .input-group > .hl-form-control,
.hlx-scope .input-group > .form-control-plaintext,
.hlx-scope .input-group > .custom-select,
.hlx-scope .input-group > .custom-file,
.hlx-scope .input-group hl-input,
.hlx-scope .input-group hl-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
}
.hlx-scope .input-group > .form-control + .form-control, .hlx-scope .input-group > .hl-form-control + .form-control, .hlx-scope .input-group > .form-control + .hl-form-control, .hlx-scope .input-group > .hl-form-control + .hl-form-control,
.hlx-scope .input-group > .form-control + .custom-select,
.hlx-scope .input-group > .hl-form-control + .custom-select,
.hlx-scope .input-group > .form-control + .custom-file,
.hlx-scope .input-group > .hl-form-control + .custom-file,
.hlx-scope .input-group > .form-control-plaintext + .form-control,
.hlx-scope .input-group > .form-control-plaintext + .hl-form-control,
.hlx-scope .input-group > .form-control-plaintext + .custom-select,
.hlx-scope .input-group > .form-control-plaintext + .custom-file,
.hlx-scope .input-group > .custom-select + .form-control,
.hlx-scope .input-group > .custom-select + .hl-form-control,
.hlx-scope .input-group > .custom-select + .custom-select,
.hlx-scope .input-group > .custom-select + .custom-file,
.hlx-scope .input-group > .custom-file + .form-control,
.hlx-scope .input-group > .custom-file + .hl-form-control,
.hlx-scope .input-group > .custom-file + .custom-select,
.hlx-scope .input-group > .custom-file + .custom-file,
.hlx-scope .input-group hl-input + .form-control,
.hlx-scope .input-group hl-input + .hl-form-control,
.hlx-scope .input-group hl-input + .custom-select,
.hlx-scope .input-group hl-input + .custom-file,
.hlx-scope .input-group hl-select + .form-control,
.hlx-scope .input-group hl-select + .hl-form-control,
.hlx-scope .input-group hl-select + .custom-select,
.hlx-scope .input-group hl-select + .custom-file {
  margin-left: calc(-1 * var(--hl-border-width-default));
}
.hlx-scope .input-group > .form-control:focus, .hlx-scope .input-group > .hl-form-control:focus,
.hlx-scope .input-group > .custom-select:focus,
.hlx-scope .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}
.hlx-scope .input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}
.hlx-scope .input-group > .form-control:not(:first-child), .hlx-scope .input-group > .hl-form-control:not(:first-child),
.hlx-scope .input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.hlx-scope .input-group > .custom-file {
  display: flex;
  align-items: center;
}
.hlx-scope .input-group > .custom-file:not(:last-child) .custom-file-label, .hlx-scope .input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  font-weight: var(--hl-font-weight-body-bold);
}
.hlx-scope .input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  font-weight: var(--hl-font-weight-body-bold);
}
.hlx-scope .input-group:not(.has-validation) > .form-control:not(:last-child), .hlx-scope .input-group:not(.has-validation) > .hl-form-control:not(:last-child),
.hlx-scope .input-group:not(.has-validation) > .custom-select:not(:last-child),
.hlx-scope .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label,
.hlx-scope .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.hlx-scope .input-group.has-validation > .form-control:nth-last-child(n+3), .hlx-scope .input-group.has-validation > .hl-form-control:nth-last-child(n+3),
.hlx-scope .input-group.has-validation > .custom-select:nth-last-child(n+3),
.hlx-scope .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label,
.hlx-scope .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.hlx-scope .input-group-prepend,
.hlx-scope .input-group-append {
  display: flex;
}
.hlx-scope .input-group-prepend .hl-btn,
.hlx-scope .input-group-prepend .btn,
.hlx-scope .input-group-append .hl-btn,
.hlx-scope .input-group-append .btn {
  position: relative;
  z-index: 2;
}
.hlx-scope .input-group-prepend .hl-btn:focus,
.hlx-scope .input-group-prepend .btn:focus,
.hlx-scope .input-group-append .hl-btn:focus,
.hlx-scope .input-group-append .btn:focus {
  z-index: 3;
}
.hlx-scope .input-group-prepend .hl-btn + .hl-btn,
.hlx-scope .input-group-prepend .hl-btn + .input-group-text,
.hlx-scope .input-group-prepend .btn + .btn,
.hlx-scope .input-group-prepend .btn + .input-group-text,
.hlx-scope .input-group-prepend .input-group-text + .input-group-text,
.hlx-scope .input-group-prepend .input-group-text + .btn,
.hlx-scope .input-group-append .hl-btn + .hl-btn,
.hlx-scope .input-group-append .hl-btn + .input-group-text,
.hlx-scope .input-group-append .btn + .btn,
.hlx-scope .input-group-append .btn + .input-group-text,
.hlx-scope .input-group-append .input-group-text + .input-group-text,
.hlx-scope .input-group-append .input-group-text + .btn {
  margin-left: calc(-1 * var(--hl-border-width-default));
}
.hlx-scope .input-group-prepend {
  margin-right: calc(-1 * var(--hl-border-width-default));
}
.hlx-scope .input-group-append {
  margin-left: calc(-1 * var(--hl-border-width-default));
}
.hlx-scope .input-group-text {
  display: flex;
  align-items: center;
  padding: calc(var(--hl-spacer-sm)) calc(var(--hl-spacer-sm));
  margin-bottom: 0;
  font-size: var(--hl-font-size-md);
  font-weight: var(--hl-font-weight-body-bold);
  line-height: var(--hl-line-height-sm);
  color: var(--hl-color-fg-light-important);
  text-align: center;
  white-space: nowrap;
  background-color: var(--hl-color-bg-light-ultra-muted);
  border: var(--hl-border-width-default) solid var(--hl-color-border-light-interaction-standby);
  border-radius: var(--hl-border-radius-default);
}
.hlx-scope .input-group-text input[type=radio],
.hlx-scope .input-group-text input[type=checkbox] {
  margin-top: 0;
}
.hlx-scope .input-group-lg > .form-control:not(textarea), .hlx-scope .input-group-lg > .hl-form-control:not(textarea),
.hlx-scope .input-group-lg > .custom-select {
  height: calc(var(--hl-line-height-sm) * 1em + var(--hl-spacer-md) * 2 + calc(var(--hl-border-width-default) * 2));
}
.hlx-scope .input-group-lg > .form-control, .hlx-scope .input-group-lg > .hl-form-control,
.hlx-scope .input-group-lg > .custom-select,
.hlx-scope .input-group-lg > .input-group-prepend > .input-group-text,
.hlx-scope .input-group-lg > .input-group-append > .input-group-text,
.hlx-scope .input-group-lg > .input-group-prepend > .btn,
.hlx-scope .input-group-lg > .input-group-append > .btn,
.hlx-scope .input-group-lg > .input-group-prepend > .hl-btn,
.hlx-scope .input-group-lg > .input-group-append > .hl-btn {
  padding: var(--hl-spacer-md) var(--hl-spacer-md);
  font-size: var(--hl-font-size-2xl);
  line-height: var(--hl-line-height-sm);
  border-radius: var(--hl-border-radius-default);
}
.hlx-scope .input-group-sm > .form-control:not(textarea), .hlx-scope .input-group-sm > .hl-form-control:not(textarea),
.hlx-scope .input-group-sm > .custom-select {
  height: calc(var(--hl-line-height-sm) * 1em + var(--hl-spacer-xs) * 2 + calc(var(--hl-border-width-default) * 2));
}
.hlx-scope .input-group-sm > .form-control, .hlx-scope .input-group-sm > .hl-form-control,
.hlx-scope .input-group-sm > .custom-select,
.hlx-scope .input-group-sm > .input-group-prepend > .input-group-text,
.hlx-scope .input-group-sm > .input-group-append > .input-group-text,
.hlx-scope .input-group-sm > .input-group-prepend > .btn,
.hlx-scope .input-group-sm > .input-group-append > .btn,
.hlx-scope .input-group-sm > .input-group-prepend > .hl-btn,
.hlx-scope .input-group-sm > .input-group-append > .hl-btn {
  padding: var(--hl-spacer-xs) var(--hl-spacer-xs);
  font-size: var(--hl-font-size-sm);
  line-height: var(--hl-line-height-sm);
  border-radius: var(--hl-border-radius-default);
}
.hlx-scope .input-group-lg > .custom-select,
.hlx-scope .input-group-sm > .custom-select {
  padding-right: calc(var(--hl-spacer-sm))var(--hl-spacer-xl);
}
.hlx-scope .input-group > .input-group-prepend > .btn,
.hlx-scope .input-group > .input-group-prepend > .hl-btn,
.hlx-scope .input-group > .input-group-prepend > .input-group-text,
.hlx-scope .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
.hlx-scope .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .hl-btn,
.hlx-scope .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
.hlx-scope .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn,
.hlx-scope .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .hl-btn,
.hlx-scope .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text,
.hlx-scope .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.hlx-scope .input-group > .input-group-append:last-child > .hl-btn:not(:last-child):not(.dropdown-toggle),
.hlx-scope .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.hlx-scope .input-group > .input-group-append > .btn,
.hlx-scope .input-group > .input-group-append > .hl-btn,
.hlx-scope .input-group > .input-group-append > .input-group-text,
.hlx-scope .input-group > .input-group-prepend:not(:first-child) > .btn,
.hlx-scope .input-group > .input-group-prepend:not(:first-child) > .hl-btn,
.hlx-scope .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.hlx-scope .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.hlx-scope .input-group > .input-group-prepend:first-child > .hl-btn:not(:first-child),
.hlx-scope .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.hlx-scope .input-group .input-group-prepend .custom-select {
  margin-right: var(--hl-spacer-xs);
}
@media (max-width: 991.98px) {
  .hlx-scope .input-group--as-vertical-on-down-md > * {
    width: 100%;
  }
  .hlx-scope .input-group--as-vertical-on-down-md .input-group-prepend,
  .hlx-scope .input-group--as-vertical-on-down-md .input-group-append {
    margin: 0 0 calc(-1 * var(--hl-border-width-default));
  }
  .hlx-scope .input-group--as-vertical-on-down-md .input-group-prepend > .input-group-text,
  .hlx-scope .input-group--as-vertical-on-down-md .input-group-prepend > .custom-select,
  .hlx-scope .input-group--as-vertical-on-down-md .input-group-append > .input-group-text,
  .hlx-scope .input-group--as-vertical-on-down-md .input-group-append > .custom-select {
    border-radius: var(--hl-border-radius-default) var(--hl-border-radius-default) 0 0;
  }
  .hlx-scope .input-group--as-vertical-on-down-md.input-group:not(.has-validation) > .form-control:not(:last-child) .custom-select:not(:first-child), .hlx-scope .input-group--as-vertical-on-down-md.input-group:not(.has-validation) > .hl-form-control:not(:last-child) .custom-select:not(:first-child), .hlx-scope .input-group--as-vertical-on-down-md.input-group .form-control:not(:last-child), .hlx-scope .input-group--as-vertical-on-down-md.input-group .hl-form-control:not(:last-child) {
    border-radius: 0 0 var(--hl-border-radius-default) var(--hl-border-radius-default);
  }
  .hlx-scope .input-group--as-vertical-on-down-md .input-group-append {
    order: -1;
  }
  .hlx-scope .input-group--as-vertical-on-down-md .input-group-prepend .custom-select {
    margin-right: 0;
  }
}
@media (max-width: 767.98px) {
  .hlx-scope .input-group--as-vertical-on-down-sm > * {
    width: 100%;
  }
  .hlx-scope .input-group--as-vertical-on-down-sm .input-group-prepend,
  .hlx-scope .input-group--as-vertical-on-down-sm .input-group-append {
    margin: 0 0 calc(-1 * var(--hl-border-width-default));
  }
  .hlx-scope .input-group--as-vertical-on-down-sm .input-group-prepend > .input-group-text,
  .hlx-scope .input-group--as-vertical-on-down-sm .input-group-prepend > .custom-select,
  .hlx-scope .input-group--as-vertical-on-down-sm .input-group-append > .input-group-text,
  .hlx-scope .input-group--as-vertical-on-down-sm .input-group-append > .custom-select {
    border-radius: var(--hl-border-radius-default) var(--hl-border-radius-default) 0 0;
  }
  .hlx-scope .input-group--as-vertical-on-down-sm.input-group:not(.has-validation) > .form-control:not(:last-child) .custom-select:not(:first-child), .hlx-scope .input-group--as-vertical-on-down-sm.input-group:not(.has-validation) > .hl-form-control:not(:last-child) .custom-select:not(:first-child), .hlx-scope .input-group--as-vertical-on-down-sm.input-group .form-control:not(:last-child), .hlx-scope .input-group--as-vertical-on-down-sm.input-group .hl-form-control:not(:last-child) {
    border-radius: 0 0 var(--hl-border-radius-default) var(--hl-border-radius-default);
  }
  .hlx-scope .input-group--as-vertical-on-down-sm .input-group-append {
    order: -1;
  }
  .hlx-scope .input-group--as-vertical-on-down-sm .input-group-prepend .custom-select {
    margin-right: 0;
  }
}
@media (max-width: 575.98px) {
  .hlx-scope .input-group--as-vertical-on-down-xs > * {
    width: 100%;
  }
  .hlx-scope .input-group--as-vertical-on-down-xs .input-group-prepend,
  .hlx-scope .input-group--as-vertical-on-down-xs .input-group-append {
    margin: 0 0 calc(-1 * var(--hl-border-width-default));
  }
  .hlx-scope .input-group--as-vertical-on-down-xs .input-group-prepend > .input-group-text,
  .hlx-scope .input-group--as-vertical-on-down-xs .input-group-prepend > .custom-select,
  .hlx-scope .input-group--as-vertical-on-down-xs .input-group-append > .input-group-text,
  .hlx-scope .input-group--as-vertical-on-down-xs .input-group-append > .custom-select {
    border-radius: var(--hl-border-radius-default) var(--hl-border-radius-default) 0 0;
  }
  .hlx-scope .input-group--as-vertical-on-down-xs.input-group:not(.has-validation) > .form-control:not(:last-child) .custom-select:not(:first-child), .hlx-scope .input-group--as-vertical-on-down-xs.input-group:not(.has-validation) > .hl-form-control:not(:last-child) .custom-select:not(:first-child), .hlx-scope .input-group--as-vertical-on-down-xs.input-group .form-control:not(:last-child), .hlx-scope .input-group--as-vertical-on-down-xs.input-group .hl-form-control:not(:last-child) {
    border-radius: 0 0 var(--hl-border-radius-default) var(--hl-border-radius-default);
  }
  .hlx-scope .input-group--as-vertical-on-down-xs .input-group-append {
    order: -1;
  }
  .hlx-scope .input-group--as-vertical-on-down-xs .input-group-prepend .custom-select {
    margin-right: 0;
  }
}
.hlx-scope .align-baseline {
  vertical-align: baseline !important;
}
.hlx-scope .align-top {
  vertical-align: top !important;
}
.hlx-scope .align-middle {
  vertical-align: middle !important;
}
.hlx-scope .align-bottom {
  vertical-align: bottom !important;
}
.hlx-scope .align-text-bottom {
  vertical-align: text-bottom !important;
}
.hlx-scope .align-text-top {
  vertical-align: text-top !important;
}
.hlx-scope .bg-blue {
  background-color: var(--hl-color-supporting-blue) !important;
}
.hlx-scope .bg-blue-light {
  background-color: var(--hl-color-supporting-blue-light) !important;
}
.hlx-scope .bg-blue-dark {
  background-color: var(--hl-color-supporting-blue-dark) !important;
}
.hlx-scope .bg-purple {
  background-color: var(--hl-color-supporting-purple) !important;
}
.hlx-scope .bg-purple-light {
  background-color: var(--hl-color-supporting-purple-light) !important;
}
.hlx-scope .bg-purple-dark {
  background-color: var(--hl-color-supporting-purple-dark) !important;
}
.hlx-scope .bg-pink {
  background-color: var(--hl-color-supporting-pink) !important;
}
.hlx-scope .bg-pink-light {
  background-color: var(--hl-color-supporting-pink-light) !important;
}
.hlx-scope .bg-pink-dark {
  background-color: var(--hl-color-supporting-pink-dark) !important;
}
.hlx-scope .bg-orange {
  background-color: #FF7900 !important;
}
.hlx-scope .bg-yellow {
  background-color: var(--hl-color-supporting-yellow) !important;
}
.hlx-scope .bg-yellow-light {
  background-color: var(--hl-color-supporting-yellow-light) !important;
}
.hlx-scope .bg-yellow-dark {
  background-color: var(--hl-color-supporting-yellow-dark) !important;
}
.hlx-scope .bg-green {
  background-color: var(--hl-color-supporting-green) !important;
}
.hlx-scope .bg-green-light {
  background-color: var(--hl-color-supporting-green-light) !important;
}
.hlx-scope .bg-green-dark {
  background-color: var(--hl-color-supporting-green-dark) !important;
}
.hlx-scope .bg-white {
  background-color: var(--hl-color-core-white) !important;
}
.hlx-scope .bg-gray {
  background-color: #999999 !important;
}
.hlx-scope .bg-gray-dark {
  background-color: #333333 !important;
}
.hlx-scope .bg-red {
  background-color: var(--hl-color-functional-danger) !important;
}
.hlx-scope .bg-primary {
  background-color: var(--hl-color-bg-light-primary) !important;
}
.hlx-scope .bg-secondary {
  background-color: var(--hl-color-secondary) !important;
}
.hlx-scope .bg-success {
  background-color: var(--hl-color-functional-success) !important;
}
.hlx-scope .bg-info {
  background-color: var(--hl-color-functional-info) !important;
}
.hlx-scope .bg-warning {
  background-color: var(--hl-color-functional-warning) !important;
}
.hlx-scope .bg-danger {
  background-color: var(--hl-color-functional-danger) !important;
}
.hlx-scope .bg-black {
  background-color: var(--hl-color-core-black) !important;
}
.hlx-scope .bg-obs {
  background-color: #595959 !important;
}
.hlx-scope .bg-default {
  background-color: var(--hl-color-bg-light-default) !important;
}
.hlx-scope .bg-muted {
  background-color: var(--hl-color-bg-light-muted) !important;
}
.hlx-scope .bg-very-muted {
  background-color: var(--hl-color-bg-light-very-muted) !important;
}
.hlx-scope .bg-ultra-muted {
  background-color: var(--hl-color-bg-light-ultra-muted) !important;
}
.hlx-scope .bg-dark-default {
  background-color: var(--hl-color-bg-dark-default) !important;
}
.hlx-scope .bg-dark-primary {
  background-color: var(--hl-color-bg-dark-primary) !important;
}
.hlx-scope .bg-dark-muted {
  background-color: var(--hl-color-bg-dark-muted) !important;
}
.hlx-scope .bg-dark-very-muted {
  background-color: var(--hl-color-bg-dark-very-muted) !important;
}
.hlx-scope .bg-dark-ultra-muted {
  background-color: var(--hl-color-bg-dark-ultra-muted) !important;
}
.hlx-scope .border {
  border: var(--hl-border-width-default) solid var(--hl-color-border-light-default) !important;
}
.hlx-scope .border-top {
  border-top: var(--hl-border-width-default) solid var(--hl-color-border-light-default) !important;
}
.hlx-scope .border-right {
  border-right: var(--hl-border-width-default) solid var(--hl-color-border-light-default) !important;
}
.hlx-scope .border-bottom {
  border-bottom: var(--hl-border-width-default) solid var(--hl-color-border-light-default) !important;
}
.hlx-scope .border-left {
  border-left: var(--hl-border-width-default) solid var(--hl-color-border-light-default) !important;
}
.hlx-scope .border-0 {
  border: 0 !important;
}
.hlx-scope .border-top-0 {
  border-top: 0 !important;
}
.hlx-scope .border-right-0 {
  border-right: 0 !important;
}
.hlx-scope .border-bottom-0 {
  border-bottom: 0 !important;
}
.hlx-scope .border-left-0 {
  border-left: 0 !important;
}
.hlx-scope .border-primary {
  border-color: var(--hl-color-border-light-primary) !important;
}
.hlx-scope .border-secondary {
  border-color: var(--hl-color-border-light-secondary) !important;
}
.hlx-scope .border-success {
  border-color: var(--hl-color-border-light-success) !important;
}
.hlx-scope .border-info {
  border-color: var(--hl-color-border-light-info) !important;
}
.hlx-scope .border-warning {
  border-color: var(--hl-color-border-light-warning) !important;
}
.hlx-scope .border-danger {
  border-color: var(--hl-color-border-light-danger) !important;
}
.hlx-scope .border-black {
  border-color: var(--hl-color-core-black) !important;
}
.hlx-scope .border-white {
  border-color: var(--hl-color-core-white) !important;
}
.hlx-scope .border-obs {
  border-color: #595959 !important;
}
.hlx-scope .border-blue {
  border-color: var(--hl-color-supporting-blue) !important;
}
.hlx-scope .border-blue-light {
  border-color: var(--hl-color-supporting-blue-light) !important;
}
.hlx-scope .border-blue-dark {
  border-color: var(--hl-color-supporting-blue-dark) !important;
}
.hlx-scope .border-purple {
  border-color: var(--hl-color-supporting-purple) !important;
}
.hlx-scope .border-purple-light {
  border-color: var(--hl-color-supporting-purple-light) !important;
}
.hlx-scope .border-purple-dark {
  border-color: var(--hl-color-supporting-purple-dark) !important;
}
.hlx-scope .border-pink {
  border-color: var(--hl-color-supporting-pink) !important;
}
.hlx-scope .border-pink-light {
  border-color: var(--hl-color-supporting-pink-light) !important;
}
.hlx-scope .border-pink-dark {
  border-color: var(--hl-color-supporting-pink-dark) !important;
}
.hlx-scope .border-orange {
  border-color: #FF7900 !important;
}
.hlx-scope .border-yellow {
  border-color: var(--hl-color-supporting-yellow) !important;
}
.hlx-scope .border-yellow-light {
  border-color: var(--hl-color-supporting-yellow-light) !important;
}
.hlx-scope .border-yellow-dark {
  border-color: var(--hl-color-supporting-yellow-dark) !important;
}
.hlx-scope .border-green {
  border-color: var(--hl-color-supporting-green) !important;
}
.hlx-scope .border-green-light {
  border-color: var(--hl-color-supporting-green-light) !important;
}
.hlx-scope .border-green-dark {
  border-color: var(--hl-color-supporting-green-dark) !important;
}
.hlx-scope .border-gray {
  border-color: #999999 !important;
}
.hlx-scope .border-gray-dark {
  border-color: #333333 !important;
}
.hlx-scope .border-red {
  border-color: var(--hl-color-functional-danger) !important;
}
.hlx-scope .border-default {
  border-color: var(--hl-color-border-light-default) !important;
}
.hlx-scope .border-interaction-hover {
  border-color: var(--hl-color-border-light-interaction-hover) !important;
}
.hlx-scope .border-interaction-active {
  border-color: var(--hl-color-border-light-interaction-pressed) !important;
}
.hlx-scope .border-muted {
  border-color: var(--hl-color-border-light-muted) !important;
}
.hlx-scope .border-very-muted {
  border-color: var(--hl-color-border-light-very-muted) !important;
}
.hlx-scope .border-ultra-muted {
  border-color: var(--hl-color-border-light-ultra-muted) !important;
}
.hlx-scope .border-form {
  border-color: var(--hl-color-border-light-form) !important;
}
.hlx-scope .border-dark-default {
  border-color: var(--hl-color-border-dark-default) !important;
}
.hlx-scope .border-dark-interaction-hover {
  border-color: var(--hl-color-border-dark-interaction-hover) !important;
}
.hlx-scope .border-dark-interaction-active {
  border-color: var(--hl-color-border-dark-interaction-pressed) !important;
}
.hlx-scope .border-dark-muted {
  border-color: var(--hl-color-border-dark-muted) !important;
}
.hlx-scope .border-dark-very-muted {
  border-color: var(--hl-color-border-dark-very-muted) !important;
}
.hlx-scope .border-dark-ultra-muted {
  border-color: var(--hl-color-border-dark-ultra-muted) !important;
}
.hlx-scope .border-dark-primary {
  border-color: var(--hl-color-border-dark-primary) !important;
}
.hlx-scope .border-dark-secondary {
  border-color: var(--hl-color-border-dark-secondary) !important;
}
.hlx-scope .border-dark-form {
  border-color: var(--hl-color-border-dark-form) !important;
}
.hlx-scope .border-dark-info {
  border-color: var(--hl-color-border-dark-info) !important;
}
.hlx-scope .border-dark-success {
  border-color: var(--hl-color-border-dark-success) !important;
}
.hlx-scope .border-dark-warning {
  border-color: var(--hl-color-border-dark-warning) !important;
}
.hlx-scope .border-dark-danger {
  border-color: var(--hl-color-border-dark-danger) !important;
}
.hlx-scope .border-white {
  border-color: var(--hl-color-core-white) !important;
}
.hlx-scope .border-interactive-default {
  border: var(--hl-border-width-default) solid var(--hl-color-border-light-default);
}
.hlx-scope .border-interactive-default:hover, .hlx-scope .border-interactive-default:focus {
  border-color: var(--hl-color-border-light-interaction-hover);
}
.hlx-scope .border-interactive-default:active, .hlx-scope .border-interactive-default.active {
  border-color: var(--hl-color-border-light-interaction-pressed);
}
.hlx-scope .rounded-sm {
  border-radius: var(--hl-border-radius-default) !important;
}
.hlx-scope .rounded {
  border-radius: var(--hl-border-radius-default) !important;
}
.hlx-scope .rounded-top {
  border-top-left-radius: var(--hl-border-radius-default) !important;
  border-top-right-radius: var(--hl-border-radius-default) !important;
}
.hlx-scope .rounded-right {
  border-top-right-radius: var(--hl-border-radius-default) !important;
  border-bottom-right-radius: var(--hl-border-radius-default) !important;
}
.hlx-scope .rounded-bottom {
  border-bottom-right-radius: var(--hl-border-radius-default) !important;
  border-bottom-left-radius: var(--hl-border-radius-default) !important;
}
.hlx-scope .rounded-left {
  border-top-left-radius: var(--hl-border-radius-default) !important;
  border-bottom-left-radius: var(--hl-border-radius-default) !important;
}
.hlx-scope .rounded-lg {
  border-radius: var(--hl-border-radius-default) !important;
}
.hlx-scope .rounded-circle {
  border-radius: 50% !important;
}
.hlx-scope .rounded-pill {
  border-radius: var(--hl-border-radius-full) !important;
}
.hlx-scope .rounded-0 {
  border-radius: 0 !important;
}
.hlx-scope .clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.hlx-scope .cursor-alias {
  cursor: alias !important;
}
.hlx-scope .cursor-all-scroll {
  cursor: all-scroll !important;
}
.hlx-scope .cursor-auto {
  cursor: auto !important;
}
.hlx-scope .cursor-cell {
  cursor: cell !important;
}
.hlx-scope .cursor-col-resize {
  cursor: col-resize !important;
}
.hlx-scope .cursor-context-menu {
  cursor: context-menu !important;
}
.hlx-scope .cursor-copy {
  cursor: copy !important;
}
.hlx-scope .cursor-crosshair {
  cursor: crosshair !important;
}
.hlx-scope .cursor-default {
  cursor: default !important;
}
.hlx-scope .cursor-e-resize {
  cursor: e-resize !important;
}
.hlx-scope .cursor-ew-resize {
  cursor: ew-resize !important;
}
.hlx-scope .cursor-grab {
  cursor: grab !important;
}
.hlx-scope .cursor-grabbing {
  cursor: grabbing !important;
}
.hlx-scope .cursor-help {
  cursor: help !important;
}
.hlx-scope .cursor-move {
  cursor: move !important;
}
.hlx-scope .cursor-n-resize {
  cursor: n-resize !important;
}
.hlx-scope .cursor-ne-resize {
  cursor: ne-resize !important;
}
.hlx-scope .cursor-nesw-resize {
  cursor: nesw-resize !important;
}
.hlx-scope .cursor-ns-resize {
  cursor: ns-resize !important;
}
.hlx-scope .cursor-nw-resize {
  cursor: nw-resize !important;
}
.hlx-scope .cursor-nwse-resize {
  cursor: nwse-resize !important;
}
.hlx-scope .cursor-no-drop {
  cursor: no-drop !important;
}
.hlx-scope .cursor-none {
  cursor: none !important;
}
.hlx-scope .cursor-not-allowed {
  cursor: not-allowed !important;
}
.hlx-scope .cursor-pointer {
  cursor: pointer !important;
}
.hlx-scope .cursor-progress {
  cursor: progress !important;
}
.hlx-scope .cursor-row-resize {
  cursor: row-resize !important;
}
.hlx-scope .cursor-s-resize {
  cursor: s-resize !important;
}
.hlx-scope .cursor-se-resize {
  cursor: se-resize !important;
}
.hlx-scope .cursor-sw-resize {
  cursor: sw-resize !important;
}
.hlx-scope .cursor-text {
  cursor: text !important;
}
.hlx-scope .cursor-url {
  cursor: url !important;
}
.hlx-scope .cursor-w-resize {
  cursor: w-resize !important;
}
.hlx-scope .cursor-wait {
  cursor: wait !important;
}
.hlx-scope .cursor-zoom-in {
  cursor: zoom-in !important;
}
.hlx-scope .cursor-zoom-out {
  cursor: zoom-out !important;
}
.hlx-scope .d-none {
  display: none !important;
}
.hlx-scope .d-inline {
  display: inline !important;
}
.hlx-scope .d-inline-block {
  display: inline-block !important;
}
.hlx-scope .d-block {
  display: block !important;
}
.hlx-scope .d-table {
  display: table !important;
}
.hlx-scope .d-table-row {
  display: table-row !important;
}
.hlx-scope .d-table-cell {
  display: table-cell !important;
}
.hlx-scope .d-flex {
  display: flex !important;
}
.hlx-scope .d-inline-flex {
  display: inline-flex !important;
}
@media (min-width: 576px) {
  .hlx-scope .d-sm-none {
    display: none !important;
  }
  .hlx-scope .d-sm-inline {
    display: inline !important;
  }
  .hlx-scope .d-sm-inline-block {
    display: inline-block !important;
  }
  .hlx-scope .d-sm-block {
    display: block !important;
  }
  .hlx-scope .d-sm-table {
    display: table !important;
  }
  .hlx-scope .d-sm-table-row {
    display: table-row !important;
  }
  .hlx-scope .d-sm-table-cell {
    display: table-cell !important;
  }
  .hlx-scope .d-sm-flex {
    display: flex !important;
  }
  .hlx-scope .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .hlx-scope .d-md-none {
    display: none !important;
  }
  .hlx-scope .d-md-inline {
    display: inline !important;
  }
  .hlx-scope .d-md-inline-block {
    display: inline-block !important;
  }
  .hlx-scope .d-md-block {
    display: block !important;
  }
  .hlx-scope .d-md-table {
    display: table !important;
  }
  .hlx-scope .d-md-table-row {
    display: table-row !important;
  }
  .hlx-scope .d-md-table-cell {
    display: table-cell !important;
  }
  .hlx-scope .d-md-flex {
    display: flex !important;
  }
  .hlx-scope .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .hlx-scope .d-lg-none {
    display: none !important;
  }
  .hlx-scope .d-lg-inline {
    display: inline !important;
  }
  .hlx-scope .d-lg-inline-block {
    display: inline-block !important;
  }
  .hlx-scope .d-lg-block {
    display: block !important;
  }
  .hlx-scope .d-lg-table {
    display: table !important;
  }
  .hlx-scope .d-lg-table-row {
    display: table-row !important;
  }
  .hlx-scope .d-lg-table-cell {
    display: table-cell !important;
  }
  .hlx-scope .d-lg-flex {
    display: flex !important;
  }
  .hlx-scope .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .hlx-scope .d-xl-none {
    display: none !important;
  }
  .hlx-scope .d-xl-inline {
    display: inline !important;
  }
  .hlx-scope .d-xl-inline-block {
    display: inline-block !important;
  }
  .hlx-scope .d-xl-block {
    display: block !important;
  }
  .hlx-scope .d-xl-table {
    display: table !important;
  }
  .hlx-scope .d-xl-table-row {
    display: table-row !important;
  }
  .hlx-scope .d-xl-table-cell {
    display: table-cell !important;
  }
  .hlx-scope .d-xl-flex {
    display: flex !important;
  }
  .hlx-scope .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1400px) {
  .hlx-scope .d-xxl-none {
    display: none !important;
  }
  .hlx-scope .d-xxl-inline {
    display: inline !important;
  }
  .hlx-scope .d-xxl-inline-block {
    display: inline-block !important;
  }
  .hlx-scope .d-xxl-block {
    display: block !important;
  }
  .hlx-scope .d-xxl-table {
    display: table !important;
  }
  .hlx-scope .d-xxl-table-row {
    display: table-row !important;
  }
  .hlx-scope .d-xxl-table-cell {
    display: table-cell !important;
  }
  .hlx-scope .d-xxl-flex {
    display: flex !important;
  }
  .hlx-scope .d-xxl-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1880px) {
  .hlx-scope .d-xxxl-none {
    display: none !important;
  }
  .hlx-scope .d-xxxl-inline {
    display: inline !important;
  }
  .hlx-scope .d-xxxl-inline-block {
    display: inline-block !important;
  }
  .hlx-scope .d-xxxl-block {
    display: block !important;
  }
  .hlx-scope .d-xxxl-table {
    display: table !important;
  }
  .hlx-scope .d-xxxl-table-row {
    display: table-row !important;
  }
  .hlx-scope .d-xxxl-table-cell {
    display: table-cell !important;
  }
  .hlx-scope .d-xxxl-flex {
    display: flex !important;
  }
  .hlx-scope .d-xxxl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .hlx-scope .d-print-none {
    display: none !important;
  }
  .hlx-scope .d-print-inline {
    display: inline !important;
  }
  .hlx-scope .d-print-inline-block {
    display: inline-block !important;
  }
  .hlx-scope .d-print-block {
    display: block !important;
  }
  .hlx-scope .d-print-table {
    display: table !important;
  }
  .hlx-scope .d-print-table-row {
    display: table-row !important;
  }
  .hlx-scope .d-print-table-cell {
    display: table-cell !important;
  }
  .hlx-scope .d-print-flex {
    display: flex !important;
  }
  .hlx-scope .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.hlx-scope .embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.hlx-scope .embed-responsive::before {
  display: block;
  content: "";
}
.hlx-scope .embed-responsive .embed-responsive-item,
.hlx-scope .embed-responsive iframe,
.hlx-scope .embed-responsive embed,
.hlx-scope .embed-responsive object,
.hlx-scope .embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.hlx-scope .embed-responsive-21by9::before {
  padding-top: 42.85714286%;
}
.hlx-scope .embed-responsive-16by9::before {
  padding-top: 56.25%;
}
.hlx-scope .embed-responsive-4by3::before {
  padding-top: 75%;
}
.hlx-scope .embed-responsive-1by1::before {
  padding-top: 100%;
}
.hlx-scope .flex-row {
  flex-direction: row !important;
}
.hlx-scope .flex-column {
  flex-direction: column !important;
}
.hlx-scope .flex-row-reverse {
  flex-direction: row-reverse !important;
}
.hlx-scope .flex-column-reverse {
  flex-direction: column-reverse !important;
}
.hlx-scope .flex-wrap {
  flex-wrap: wrap !important;
}
.hlx-scope .flex-nowrap {
  flex-wrap: nowrap !important;
}
.hlx-scope .flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.hlx-scope .flex-fill {
  flex: 1 1 auto !important;
}
.hlx-scope .flex-grow-0 {
  flex-grow: 0 !important;
}
.hlx-scope .flex-grow-1 {
  flex-grow: 1 !important;
}
.hlx-scope .flex-shrink-0 {
  flex-shrink: 0 !important;
}
.hlx-scope .flex-shrink-1 {
  flex-shrink: 1 !important;
}
.hlx-scope .justify-content-start {
  justify-content: flex-start !important;
}
.hlx-scope .justify-content-end {
  justify-content: flex-end !important;
}
.hlx-scope .justify-content-center {
  justify-content: center !important;
}
.hlx-scope .justify-content-between {
  justify-content: space-between !important;
}
.hlx-scope .justify-content-around {
  justify-content: space-around !important;
}
.hlx-scope .align-items-start {
  align-items: flex-start !important;
}
.hlx-scope .align-items-end {
  align-items: flex-end !important;
}
.hlx-scope .align-items-center {
  align-items: center !important;
}
.hlx-scope .align-items-baseline {
  align-items: baseline !important;
}
.hlx-scope .align-items-stretch {
  align-items: stretch !important;
}
.hlx-scope .align-content-start {
  align-content: flex-start !important;
}
.hlx-scope .align-content-end {
  align-content: flex-end !important;
}
.hlx-scope .align-content-center {
  align-content: center !important;
}
.hlx-scope .align-content-between {
  align-content: space-between !important;
}
.hlx-scope .align-content-around {
  align-content: space-around !important;
}
.hlx-scope .align-content-stretch {
  align-content: stretch !important;
}
.hlx-scope .align-self-auto {
  align-self: auto !important;
}
.hlx-scope .align-self-start {
  align-self: flex-start !important;
}
.hlx-scope .align-self-end {
  align-self: flex-end !important;
}
.hlx-scope .align-self-center {
  align-self: center !important;
}
.hlx-scope .align-self-baseline {
  align-self: baseline !important;
}
.hlx-scope .align-self-stretch {
  align-self: stretch !important;
}
@media (min-width: 576px) {
  .hlx-scope .flex-sm-row {
    flex-direction: row !important;
  }
  .hlx-scope .flex-sm-column {
    flex-direction: column !important;
  }
  .hlx-scope .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .hlx-scope .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .hlx-scope .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .hlx-scope .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .hlx-scope .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .hlx-scope .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .hlx-scope .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .hlx-scope .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .hlx-scope .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .hlx-scope .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .hlx-scope .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .hlx-scope .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .hlx-scope .justify-content-sm-center {
    justify-content: center !important;
  }
  .hlx-scope .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .hlx-scope .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .hlx-scope .align-items-sm-start {
    align-items: flex-start !important;
  }
  .hlx-scope .align-items-sm-end {
    align-items: flex-end !important;
  }
  .hlx-scope .align-items-sm-center {
    align-items: center !important;
  }
  .hlx-scope .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .hlx-scope .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .hlx-scope .align-content-sm-start {
    align-content: flex-start !important;
  }
  .hlx-scope .align-content-sm-end {
    align-content: flex-end !important;
  }
  .hlx-scope .align-content-sm-center {
    align-content: center !important;
  }
  .hlx-scope .align-content-sm-between {
    align-content: space-between !important;
  }
  .hlx-scope .align-content-sm-around {
    align-content: space-around !important;
  }
  .hlx-scope .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .hlx-scope .align-self-sm-auto {
    align-self: auto !important;
  }
  .hlx-scope .align-self-sm-start {
    align-self: flex-start !important;
  }
  .hlx-scope .align-self-sm-end {
    align-self: flex-end !important;
  }
  .hlx-scope .align-self-sm-center {
    align-self: center !important;
  }
  .hlx-scope .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .hlx-scope .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .hlx-scope .flex-md-row {
    flex-direction: row !important;
  }
  .hlx-scope .flex-md-column {
    flex-direction: column !important;
  }
  .hlx-scope .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .hlx-scope .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .hlx-scope .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .hlx-scope .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .hlx-scope .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .hlx-scope .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .hlx-scope .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .hlx-scope .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .hlx-scope .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .hlx-scope .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .hlx-scope .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .hlx-scope .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .hlx-scope .justify-content-md-center {
    justify-content: center !important;
  }
  .hlx-scope .justify-content-md-between {
    justify-content: space-between !important;
  }
  .hlx-scope .justify-content-md-around {
    justify-content: space-around !important;
  }
  .hlx-scope .align-items-md-start {
    align-items: flex-start !important;
  }
  .hlx-scope .align-items-md-end {
    align-items: flex-end !important;
  }
  .hlx-scope .align-items-md-center {
    align-items: center !important;
  }
  .hlx-scope .align-items-md-baseline {
    align-items: baseline !important;
  }
  .hlx-scope .align-items-md-stretch {
    align-items: stretch !important;
  }
  .hlx-scope .align-content-md-start {
    align-content: flex-start !important;
  }
  .hlx-scope .align-content-md-end {
    align-content: flex-end !important;
  }
  .hlx-scope .align-content-md-center {
    align-content: center !important;
  }
  .hlx-scope .align-content-md-between {
    align-content: space-between !important;
  }
  .hlx-scope .align-content-md-around {
    align-content: space-around !important;
  }
  .hlx-scope .align-content-md-stretch {
    align-content: stretch !important;
  }
  .hlx-scope .align-self-md-auto {
    align-self: auto !important;
  }
  .hlx-scope .align-self-md-start {
    align-self: flex-start !important;
  }
  .hlx-scope .align-self-md-end {
    align-self: flex-end !important;
  }
  .hlx-scope .align-self-md-center {
    align-self: center !important;
  }
  .hlx-scope .align-self-md-baseline {
    align-self: baseline !important;
  }
  .hlx-scope .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .hlx-scope .flex-lg-row {
    flex-direction: row !important;
  }
  .hlx-scope .flex-lg-column {
    flex-direction: column !important;
  }
  .hlx-scope .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .hlx-scope .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .hlx-scope .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .hlx-scope .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .hlx-scope .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .hlx-scope .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .hlx-scope .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .hlx-scope .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .hlx-scope .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .hlx-scope .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .hlx-scope .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .hlx-scope .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .hlx-scope .justify-content-lg-center {
    justify-content: center !important;
  }
  .hlx-scope .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .hlx-scope .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .hlx-scope .align-items-lg-start {
    align-items: flex-start !important;
  }
  .hlx-scope .align-items-lg-end {
    align-items: flex-end !important;
  }
  .hlx-scope .align-items-lg-center {
    align-items: center !important;
  }
  .hlx-scope .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .hlx-scope .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .hlx-scope .align-content-lg-start {
    align-content: flex-start !important;
  }
  .hlx-scope .align-content-lg-end {
    align-content: flex-end !important;
  }
  .hlx-scope .align-content-lg-center {
    align-content: center !important;
  }
  .hlx-scope .align-content-lg-between {
    align-content: space-between !important;
  }
  .hlx-scope .align-content-lg-around {
    align-content: space-around !important;
  }
  .hlx-scope .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .hlx-scope .align-self-lg-auto {
    align-self: auto !important;
  }
  .hlx-scope .align-self-lg-start {
    align-self: flex-start !important;
  }
  .hlx-scope .align-self-lg-end {
    align-self: flex-end !important;
  }
  .hlx-scope .align-self-lg-center {
    align-self: center !important;
  }
  .hlx-scope .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .hlx-scope .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .hlx-scope .flex-xl-row {
    flex-direction: row !important;
  }
  .hlx-scope .flex-xl-column {
    flex-direction: column !important;
  }
  .hlx-scope .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .hlx-scope .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .hlx-scope .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .hlx-scope .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .hlx-scope .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .hlx-scope .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .hlx-scope .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .hlx-scope .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .hlx-scope .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .hlx-scope .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .hlx-scope .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .hlx-scope .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .hlx-scope .justify-content-xl-center {
    justify-content: center !important;
  }
  .hlx-scope .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .hlx-scope .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .hlx-scope .align-items-xl-start {
    align-items: flex-start !important;
  }
  .hlx-scope .align-items-xl-end {
    align-items: flex-end !important;
  }
  .hlx-scope .align-items-xl-center {
    align-items: center !important;
  }
  .hlx-scope .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .hlx-scope .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .hlx-scope .align-content-xl-start {
    align-content: flex-start !important;
  }
  .hlx-scope .align-content-xl-end {
    align-content: flex-end !important;
  }
  .hlx-scope .align-content-xl-center {
    align-content: center !important;
  }
  .hlx-scope .align-content-xl-between {
    align-content: space-between !important;
  }
  .hlx-scope .align-content-xl-around {
    align-content: space-around !important;
  }
  .hlx-scope .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .hlx-scope .align-self-xl-auto {
    align-self: auto !important;
  }
  .hlx-scope .align-self-xl-start {
    align-self: flex-start !important;
  }
  .hlx-scope .align-self-xl-end {
    align-self: flex-end !important;
  }
  .hlx-scope .align-self-xl-center {
    align-self: center !important;
  }
  .hlx-scope .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .hlx-scope .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1400px) {
  .hlx-scope .flex-xxl-row {
    flex-direction: row !important;
  }
  .hlx-scope .flex-xxl-column {
    flex-direction: column !important;
  }
  .hlx-scope .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .hlx-scope .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .hlx-scope .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .hlx-scope .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .hlx-scope .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .hlx-scope .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .hlx-scope .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .hlx-scope .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .hlx-scope .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .hlx-scope .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .hlx-scope .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .hlx-scope .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .hlx-scope .justify-content-xxl-center {
    justify-content: center !important;
  }
  .hlx-scope .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .hlx-scope .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .hlx-scope .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .hlx-scope .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .hlx-scope .align-items-xxl-center {
    align-items: center !important;
  }
  .hlx-scope .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .hlx-scope .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .hlx-scope .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .hlx-scope .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .hlx-scope .align-content-xxl-center {
    align-content: center !important;
  }
  .hlx-scope .align-content-xxl-between {
    align-content: space-between !important;
  }
  .hlx-scope .align-content-xxl-around {
    align-content: space-around !important;
  }
  .hlx-scope .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .hlx-scope .align-self-xxl-auto {
    align-self: auto !important;
  }
  .hlx-scope .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .hlx-scope .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .hlx-scope .align-self-xxl-center {
    align-self: center !important;
  }
  .hlx-scope .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .hlx-scope .align-self-xxl-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1880px) {
  .hlx-scope .flex-xxxl-row {
    flex-direction: row !important;
  }
  .hlx-scope .flex-xxxl-column {
    flex-direction: column !important;
  }
  .hlx-scope .flex-xxxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .hlx-scope .flex-xxxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .hlx-scope .flex-xxxl-wrap {
    flex-wrap: wrap !important;
  }
  .hlx-scope .flex-xxxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .hlx-scope .flex-xxxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .hlx-scope .flex-xxxl-fill {
    flex: 1 1 auto !important;
  }
  .hlx-scope .flex-xxxl-grow-0 {
    flex-grow: 0 !important;
  }
  .hlx-scope .flex-xxxl-grow-1 {
    flex-grow: 1 !important;
  }
  .hlx-scope .flex-xxxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .hlx-scope .flex-xxxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .hlx-scope .justify-content-xxxl-start {
    justify-content: flex-start !important;
  }
  .hlx-scope .justify-content-xxxl-end {
    justify-content: flex-end !important;
  }
  .hlx-scope .justify-content-xxxl-center {
    justify-content: center !important;
  }
  .hlx-scope .justify-content-xxxl-between {
    justify-content: space-between !important;
  }
  .hlx-scope .justify-content-xxxl-around {
    justify-content: space-around !important;
  }
  .hlx-scope .align-items-xxxl-start {
    align-items: flex-start !important;
  }
  .hlx-scope .align-items-xxxl-end {
    align-items: flex-end !important;
  }
  .hlx-scope .align-items-xxxl-center {
    align-items: center !important;
  }
  .hlx-scope .align-items-xxxl-baseline {
    align-items: baseline !important;
  }
  .hlx-scope .align-items-xxxl-stretch {
    align-items: stretch !important;
  }
  .hlx-scope .align-content-xxxl-start {
    align-content: flex-start !important;
  }
  .hlx-scope .align-content-xxxl-end {
    align-content: flex-end !important;
  }
  .hlx-scope .align-content-xxxl-center {
    align-content: center !important;
  }
  .hlx-scope .align-content-xxxl-between {
    align-content: space-between !important;
  }
  .hlx-scope .align-content-xxxl-around {
    align-content: space-around !important;
  }
  .hlx-scope .align-content-xxxl-stretch {
    align-content: stretch !important;
  }
  .hlx-scope .align-self-xxxl-auto {
    align-self: auto !important;
  }
  .hlx-scope .align-self-xxxl-start {
    align-self: flex-start !important;
  }
  .hlx-scope .align-self-xxxl-end {
    align-self: flex-end !important;
  }
  .hlx-scope .align-self-xxxl-center {
    align-self: center !important;
  }
  .hlx-scope .align-self-xxxl-baseline {
    align-self: baseline !important;
  }
  .hlx-scope .align-self-xxxl-stretch {
    align-self: stretch !important;
  }
}
.hlx-scope .float-left {
  float: left !important;
}
.hlx-scope .float-right {
  float: right !important;
}
.hlx-scope .float-none {
  float: none !important;
}
@media (min-width: 576px) {
  .hlx-scope .float-sm-left {
    float: left !important;
  }
  .hlx-scope .float-sm-right {
    float: right !important;
  }
  .hlx-scope .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .hlx-scope .float-md-left {
    float: left !important;
  }
  .hlx-scope .float-md-right {
    float: right !important;
  }
  .hlx-scope .float-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .hlx-scope .float-lg-left {
    float: left !important;
  }
  .hlx-scope .float-lg-right {
    float: right !important;
  }
  .hlx-scope .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .hlx-scope .float-xl-left {
    float: left !important;
  }
  .hlx-scope .float-xl-right {
    float: right !important;
  }
  .hlx-scope .float-xl-none {
    float: none !important;
  }
}
@media (min-width: 1400px) {
  .hlx-scope .float-xxl-left {
    float: left !important;
  }
  .hlx-scope .float-xxl-right {
    float: right !important;
  }
  .hlx-scope .float-xxl-none {
    float: none !important;
  }
}
@media (min-width: 1880px) {
  .hlx-scope .float-xxxl-left {
    float: left !important;
  }
  .hlx-scope .float-xxxl-right {
    float: right !important;
  }
  .hlx-scope .float-xxxl-none {
    float: none !important;
  }
}
.hlx-scope .user-select-all {
  user-select: all !important;
}
.hlx-scope .user-select-auto {
  user-select: auto !important;
}
.hlx-scope .user-select-none {
  user-select: none !important;
}
.hlx-scope .overflow-auto {
  overflow: auto !important;
}
.hlx-scope .overflow-hidden {
  overflow: hidden !important;
}
@media (min-width: 992px) {
  .hlx-scope .overflow-hidden-lg-up {
    overflow: hidden;
  }
}
.hlx-scope .overflow-x-auto {
  overflow-x: auto !important;
}
.hlx-scope .overflow-x-hidden {
  overflow-x: hidden !important;
}
@media (min-width: 576px) {
  .hlx-scope .overflow-x-sm-auto {
    overflow-x: auto !important;
  }
  .hlx-scope .overflow-x-sm-hidden {
    overflow-x: hidden !important;
  }
}
@media (min-width: 768px) {
  .hlx-scope .overflow-x-md-auto {
    overflow-x: auto !important;
  }
  .hlx-scope .overflow-x-md-hidden {
    overflow-x: hidden !important;
  }
}
@media (min-width: 992px) {
  .hlx-scope .overflow-x-lg-auto {
    overflow-x: auto !important;
  }
  .hlx-scope .overflow-x-lg-hidden {
    overflow-x: hidden !important;
  }
}
@media (min-width: 1200px) {
  .hlx-scope .overflow-x-xl-auto {
    overflow-x: auto !important;
  }
  .hlx-scope .overflow-x-xl-hidden {
    overflow-x: hidden !important;
  }
}
@media (min-width: 1400px) {
  .hlx-scope .overflow-x-xxl-auto {
    overflow-x: auto !important;
  }
  .hlx-scope .overflow-x-xxl-hidden {
    overflow-x: hidden !important;
  }
}
@media (min-width: 1880px) {
  .hlx-scope .overflow-x-xxxl-auto {
    overflow-x: auto !important;
  }
  .hlx-scope .overflow-x-xxxl-hidden {
    overflow-x: hidden !important;
  }
}
.hlx-scope .position-static {
  position: static !important;
}
.hlx-scope .position-relative {
  position: relative !important;
}
.hlx-scope .position-absolute {
  position: absolute !important;
}
.hlx-scope .position-fixed {
  position: fixed !important;
}
.hlx-scope .position-sticky {
  position: sticky !important;
}
.hlx-scope .fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: var(--hl-z-index-header);
}
.hlx-scope .fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: var(--hl-z-index-header);
}
@supports (position: sticky) {
  .hlx-scope .sticky-top {
    position: sticky;
    top: 0;
    z-index: calc(var(--hl-z-index-dropdown) + 2);
  }
}
@supports (position: sticky) {
  .hlx-scope .sticky-top-header {
    position: sticky;
    top: calc(var(--header-orange-rebrand-height) + var(--hl-spacer-lg));
    z-index: var(--hl-z-index-sticky);
  }
}
.hlx-scope .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.hlx-scope .sr-only-focusable:active, .hlx-scope .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}
.hlx-scope .skip-group-links:focus-within {
  background: var(--hl-color-bg-dark-default);
  background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 146px, rgba(0, 0, 0, 0.3) 146px, rgba(0, 0, 0, 0.3) 100%);
  position: fixed;
  clip: initial;
  overflow: auto;
  width: auto;
  height: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0;
  text-align: center;
  z-index: 2;
}
.hlx-scope .skip-group-links:focus-within .accessible-menu {
  margin: var(--hl-spacing-grid);
}
.hlx-scope .skip-group-links:focus-within a {
  position: static !important;
  width: auto !important;
  height: auto !important;
  padding: 0.5rem !important;
  margin: 0.25rem !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  animation: none;
  transition: none;
}
.hlx-scope .shadow-sm {
  box-shadow: 0 var(--hl-spacer-3xs) var(--hl-spacer-2xs) rgba(0, 0, 0, 0.13) !important;
}
.hlx-scope .shadow {
  box-shadow: 0 var(--hl-spacer-xs) var(--hl-spacer-md) rgba(0, 0, 0, 0.13) !important;
}
.hlx-scope .shadow-lg {
  box-shadow: 0 var(--hl-spacer-md) var(--hl-spacer-3xl) rgba(0, 0, 0, 0.13) !important;
}
.hlx-scope .shadow-none {
  box-shadow: none !important;
}
.hlx-scope .w-25 {
  width: 25% !important;
}
.hlx-scope .w-50 {
  width: 50% !important;
}
.hlx-scope .w-75 {
  width: 75% !important;
}
.hlx-scope .w-100 {
  width: 100% !important;
}
.hlx-scope .w-auto {
  width: auto !important;
}
.hlx-scope .h-25 {
  height: 25% !important;
}
.hlx-scope .h-50 {
  height: 50% !important;
}
.hlx-scope .h-75 {
  height: 75% !important;
}
.hlx-scope .h-100 {
  height: 100% !important;
}
.hlx-scope .h-auto {
  height: auto !important;
}
.hlx-scope .mw-100 {
  max-width: 100% !important;
}
.hlx-scope .mh-100 {
  max-height: 100% !important;
}
.hlx-scope .min-vw-100 {
  min-width: 100vw !important;
}
.hlx-scope .min-vh-100 {
  min-height: 100vh !important;
}
.hlx-scope .vw-100 {
  width: 100vw !important;
}
.hlx-scope .vh-100 {
  height: 100vh !important;
}
.hlx-scope .icon-text-size {
  width: 1em;
  height: 1em;
}
.hlx-scope .row.row-h100-childs > .col > *,
.hlx-scope .row.row-h100-childs > [class*=col-] > * {
  height: 100%;
}
.hlx-scope .row.row-without-col-gap {
  margin-left: 0;
  margin-right: 0;
}
.hlx-scope .row.row-without-col-gap--bordered {
  border-left: var(--hl-border-width-default) solid var(--hl-color-border-light-default);
  border-top: var(--hl-border-width-default) solid var(--hl-color-border-light-default);
}
.hlx-scope .row.row-without-col-gap > .col,
.hlx-scope .row.row-without-col-gap > [class*=col-] {
  padding-left: 0;
  padding-right: 0;
}
.hlx-scope .row.row-without-col-gap > .col > .muu.muu--bordered,
.hlx-scope .row.row-without-col-gap > [class*=col-] > .muu.muu--bordered {
  border-left: transparent;
  border-top: transparent;
}
.hlx-scope .row.row--negative-margin-top {
  margin-top: calc(var(--hl-spacer-4xl) * -1);
  position: relative;
  z-index: var(--hl-z-index-mask);
}
@media (min-width: 768px) {
  .hlx-scope .row.row--negative-margin-top {
    margin-top: calc(var(--hl-spacer-6xl) * -1);
  }
}
.hlx-scope .padding-bottom-swing {
  padding-bottom: var(--hl-spacer-4xl);
}
@media (min-width: 768px) {
  .hlx-scope .padding-bottom-swing {
    padding-bottom: var(--hl-spacer-6xl);
  }
}
.hlx-scope .m-0 {
  margin: 0 !important;
}
.hlx-scope .mt-0,
.hlx-scope .my-0 {
  margin-top: 0 !important;
}
.hlx-scope .mr-0,
.hlx-scope .mx-0 {
  margin-right: 0 !important;
}
.hlx-scope .mb-0,
.hlx-scope .my-0 {
  margin-bottom: 0 !important;
}
.hlx-scope .ml-0,
.hlx-scope .mx-0 {
  margin-left: 0 !important;
}
.hlx-scope .m-1 {
  margin: var(--hl-spacer-2xs) !important;
}
.hlx-scope .mt-1,
.hlx-scope .my-1 {
  margin-top: var(--hl-spacer-2xs) !important;
}
.hlx-scope .mr-1,
.hlx-scope .mx-1 {
  margin-right: var(--hl-spacer-2xs) !important;
}
.hlx-scope .mb-1,
.hlx-scope .my-1 {
  margin-bottom: var(--hl-spacer-2xs) !important;
}
.hlx-scope .ml-1,
.hlx-scope .mx-1 {
  margin-left: var(--hl-spacer-2xs) !important;
}
.hlx-scope .m-2 {
  margin: var(--hl-spacer-xs) !important;
}
.hlx-scope .mt-2,
.hlx-scope .my-2 {
  margin-top: var(--hl-spacer-xs) !important;
}
.hlx-scope .mr-2,
.hlx-scope .mx-2 {
  margin-right: var(--hl-spacer-xs) !important;
}
.hlx-scope .mb-2,
.hlx-scope .my-2 {
  margin-bottom: var(--hl-spacer-xs) !important;
}
.hlx-scope .ml-2,
.hlx-scope .mx-2 {
  margin-left: var(--hl-spacer-xs) !important;
}
.hlx-scope .m-3 {
  margin: var(--hl-spacer-md) !important;
}
.hlx-scope .mt-3,
.hlx-scope .my-3 {
  margin-top: var(--hl-spacer-md) !important;
}
.hlx-scope .mr-3,
.hlx-scope .mx-3 {
  margin-right: var(--hl-spacer-md) !important;
}
.hlx-scope .mb-3,
.hlx-scope .my-3 {
  margin-bottom: var(--hl-spacer-md) !important;
}
.hlx-scope .ml-3,
.hlx-scope .mx-3 {
  margin-left: var(--hl-spacer-md) !important;
}
.hlx-scope .m-4 {
  margin: var(--hl-spacer-lg) !important;
}
.hlx-scope .mt-4,
.hlx-scope .my-4 {
  margin-top: var(--hl-spacer-lg) !important;
}
.hlx-scope .mr-4,
.hlx-scope .mx-4 {
  margin-right: var(--hl-spacer-lg) !important;
}
.hlx-scope .mb-4,
.hlx-scope .my-4 {
  margin-bottom: var(--hl-spacer-lg) !important;
}
.hlx-scope .ml-4,
.hlx-scope .mx-4 {
  margin-left: var(--hl-spacer-lg) !important;
}
.hlx-scope .m-5 {
  margin: var(--hl-spacer-3xl) !important;
}
.hlx-scope .mt-5,
.hlx-scope .my-5 {
  margin-top: var(--hl-spacer-3xl) !important;
}
.hlx-scope .mr-5,
.hlx-scope .mx-5 {
  margin-right: var(--hl-spacer-3xl) !important;
}
.hlx-scope .mb-5,
.hlx-scope .my-5 {
  margin-bottom: var(--hl-spacer-3xl) !important;
}
.hlx-scope .ml-5,
.hlx-scope .mx-5 {
  margin-left: var(--hl-spacer-3xl) !important;
}
.hlx-scope .m-3xs {
  margin: var(--hl-spacer-3xs) !important;
}
.hlx-scope .mt-3xs,
.hlx-scope .my-3xs {
  margin-top: var(--hl-spacer-3xs) !important;
}
.hlx-scope .mr-3xs,
.hlx-scope .mx-3xs {
  margin-right: var(--hl-spacer-3xs) !important;
}
.hlx-scope .mb-3xs,
.hlx-scope .my-3xs {
  margin-bottom: var(--hl-spacer-3xs) !important;
}
.hlx-scope .ml-3xs,
.hlx-scope .mx-3xs {
  margin-left: var(--hl-spacer-3xs) !important;
}
.hlx-scope .m-2xs {
  margin: var(--hl-spacer-2xs) !important;
}
.hlx-scope .mt-2xs,
.hlx-scope .my-2xs {
  margin-top: var(--hl-spacer-2xs) !important;
}
.hlx-scope .mr-2xs,
.hlx-scope .mx-2xs {
  margin-right: var(--hl-spacer-2xs) !important;
}
.hlx-scope .mb-2xs,
.hlx-scope .my-2xs {
  margin-bottom: var(--hl-spacer-2xs) !important;
}
.hlx-scope .ml-2xs,
.hlx-scope .mx-2xs {
  margin-left: var(--hl-spacer-2xs) !important;
}
.hlx-scope .m-xs {
  margin: var(--hl-spacer-xs) !important;
}
.hlx-scope .mt-xs,
.hlx-scope .my-xs {
  margin-top: var(--hl-spacer-xs) !important;
}
.hlx-scope .mr-xs,
.hlx-scope .mx-xs {
  margin-right: var(--hl-spacer-xs) !important;
}
.hlx-scope .mb-xs,
.hlx-scope .my-xs {
  margin-bottom: var(--hl-spacer-xs) !important;
}
.hlx-scope .ml-xs,
.hlx-scope .mx-xs {
  margin-left: var(--hl-spacer-xs) !important;
}
.hlx-scope .m-sm {
  margin: var(--hl-spacer-sm) !important;
}
.hlx-scope .mt-sm,
.hlx-scope .my-sm {
  margin-top: var(--hl-spacer-sm) !important;
}
.hlx-scope .mr-sm,
.hlx-scope .mx-sm {
  margin-right: var(--hl-spacer-sm) !important;
}
.hlx-scope .mb-sm,
.hlx-scope .my-sm {
  margin-bottom: var(--hl-spacer-sm) !important;
}
.hlx-scope .ml-sm,
.hlx-scope .mx-sm {
  margin-left: var(--hl-spacer-sm) !important;
}
.hlx-scope .m-md {
  margin: var(--hl-spacer-md) !important;
}
.hlx-scope .mt-md,
.hlx-scope .my-md {
  margin-top: var(--hl-spacer-md) !important;
}
.hlx-scope .mr-md,
.hlx-scope .mx-md {
  margin-right: var(--hl-spacer-md) !important;
}
.hlx-scope .mb-md,
.hlx-scope .my-md {
  margin-bottom: var(--hl-spacer-md) !important;
}
.hlx-scope .ml-md,
.hlx-scope .mx-md {
  margin-left: var(--hl-spacer-md) !important;
}
.hlx-scope .m-lg {
  margin: var(--hl-spacer-lg) !important;
}
.hlx-scope .mt-lg,
.hlx-scope .my-lg {
  margin-top: var(--hl-spacer-lg) !important;
}
.hlx-scope .mr-lg,
.hlx-scope .mx-lg {
  margin-right: var(--hl-spacer-lg) !important;
}
.hlx-scope .mb-lg,
.hlx-scope .my-lg {
  margin-bottom: var(--hl-spacer-lg) !important;
}
.hlx-scope .ml-lg,
.hlx-scope .mx-lg {
  margin-left: var(--hl-spacer-lg) !important;
}
.hlx-scope .m-xl {
  margin: var(--hl-spacer-xl) !important;
}
.hlx-scope .mt-xl,
.hlx-scope .my-xl {
  margin-top: var(--hl-spacer-xl) !important;
}
.hlx-scope .mr-xl,
.hlx-scope .mx-xl {
  margin-right: var(--hl-spacer-xl) !important;
}
.hlx-scope .mb-xl,
.hlx-scope .my-xl {
  margin-bottom: var(--hl-spacer-xl) !important;
}
.hlx-scope .ml-xl,
.hlx-scope .mx-xl {
  margin-left: var(--hl-spacer-xl) !important;
}
.hlx-scope .m-2xl {
  margin: var(--hl-spacer-2xl) !important;
}
.hlx-scope .mt-2xl,
.hlx-scope .my-2xl {
  margin-top: var(--hl-spacer-2xl) !important;
}
.hlx-scope .mr-2xl,
.hlx-scope .mx-2xl {
  margin-right: var(--hl-spacer-2xl) !important;
}
.hlx-scope .mb-2xl,
.hlx-scope .my-2xl {
  margin-bottom: var(--hl-spacer-2xl) !important;
}
.hlx-scope .ml-2xl,
.hlx-scope .mx-2xl {
  margin-left: var(--hl-spacer-2xl) !important;
}
.hlx-scope .m-3xl {
  margin: var(--hl-spacer-3xl) !important;
}
.hlx-scope .mt-3xl,
.hlx-scope .my-3xl {
  margin-top: var(--hl-spacer-3xl) !important;
}
.hlx-scope .mr-3xl,
.hlx-scope .mx-3xl {
  margin-right: var(--hl-spacer-3xl) !important;
}
.hlx-scope .mb-3xl,
.hlx-scope .my-3xl {
  margin-bottom: var(--hl-spacer-3xl) !important;
}
.hlx-scope .ml-3xl,
.hlx-scope .mx-3xl {
  margin-left: var(--hl-spacer-3xl) !important;
}
.hlx-scope .m-4xl {
  margin: var(--hl-spacer-4xl) !important;
}
.hlx-scope .mt-4xl,
.hlx-scope .my-4xl {
  margin-top: var(--hl-spacer-4xl) !important;
}
.hlx-scope .mr-4xl,
.hlx-scope .mx-4xl {
  margin-right: var(--hl-spacer-4xl) !important;
}
.hlx-scope .mb-4xl,
.hlx-scope .my-4xl {
  margin-bottom: var(--hl-spacer-4xl) !important;
}
.hlx-scope .ml-4xl,
.hlx-scope .mx-4xl {
  margin-left: var(--hl-spacer-4xl) !important;
}
.hlx-scope .m-5xl {
  margin: var(--hl-spacer-5xl) !important;
}
.hlx-scope .mt-5xl,
.hlx-scope .my-5xl {
  margin-top: var(--hl-spacer-5xl) !important;
}
.hlx-scope .mr-5xl,
.hlx-scope .mx-5xl {
  margin-right: var(--hl-spacer-5xl) !important;
}
.hlx-scope .mb-5xl,
.hlx-scope .my-5xl {
  margin-bottom: var(--hl-spacer-5xl) !important;
}
.hlx-scope .ml-5xl,
.hlx-scope .mx-5xl {
  margin-left: var(--hl-spacer-5xl) !important;
}
.hlx-scope .m-6xl {
  margin: var(--hl-spacer-6xl) !important;
}
.hlx-scope .mt-6xl,
.hlx-scope .my-6xl {
  margin-top: var(--hl-spacer-6xl) !important;
}
.hlx-scope .mr-6xl,
.hlx-scope .mx-6xl {
  margin-right: var(--hl-spacer-6xl) !important;
}
.hlx-scope .mb-6xl,
.hlx-scope .my-6xl {
  margin-bottom: var(--hl-spacer-6xl) !important;
}
.hlx-scope .ml-6xl,
.hlx-scope .mx-6xl {
  margin-left: var(--hl-spacer-6xl) !important;
}
.hlx-scope .m-7xl {
  margin: var(--hl-spacer-7xl) !important;
}
.hlx-scope .mt-7xl,
.hlx-scope .my-7xl {
  margin-top: var(--hl-spacer-7xl) !important;
}
.hlx-scope .mr-7xl,
.hlx-scope .mx-7xl {
  margin-right: var(--hl-spacer-7xl) !important;
}
.hlx-scope .mb-7xl,
.hlx-scope .my-7xl {
  margin-bottom: var(--hl-spacer-7xl) !important;
}
.hlx-scope .ml-7xl,
.hlx-scope .mx-7xl {
  margin-left: var(--hl-spacer-7xl) !important;
}
.hlx-scope .p-0 {
  padding: 0 !important;
}
.hlx-scope .pt-0,
.hlx-scope .py-0 {
  padding-top: 0 !important;
}
.hlx-scope .pr-0,
.hlx-scope .px-0 {
  padding-right: 0 !important;
}
.hlx-scope .pb-0,
.hlx-scope .py-0 {
  padding-bottom: 0 !important;
}
.hlx-scope .pl-0,
.hlx-scope .px-0 {
  padding-left: 0 !important;
}
.hlx-scope .p-1 {
  padding: var(--hl-spacer-2xs) !important;
}
.hlx-scope .pt-1,
.hlx-scope .py-1 {
  padding-top: var(--hl-spacer-2xs) !important;
}
.hlx-scope .pr-1,
.hlx-scope .px-1 {
  padding-right: var(--hl-spacer-2xs) !important;
}
.hlx-scope .pb-1,
.hlx-scope .py-1 {
  padding-bottom: var(--hl-spacer-2xs) !important;
}
.hlx-scope .pl-1,
.hlx-scope .px-1 {
  padding-left: var(--hl-spacer-2xs) !important;
}
.hlx-scope .p-2 {
  padding: var(--hl-spacer-xs) !important;
}
.hlx-scope .pt-2,
.hlx-scope .py-2 {
  padding-top: var(--hl-spacer-xs) !important;
}
.hlx-scope .pr-2,
.hlx-scope .px-2 {
  padding-right: var(--hl-spacer-xs) !important;
}
.hlx-scope .pb-2,
.hlx-scope .py-2 {
  padding-bottom: var(--hl-spacer-xs) !important;
}
.hlx-scope .pl-2,
.hlx-scope .px-2 {
  padding-left: var(--hl-spacer-xs) !important;
}
.hlx-scope .p-3 {
  padding: var(--hl-spacer-md) !important;
}
.hlx-scope .pt-3,
.hlx-scope .py-3 {
  padding-top: var(--hl-spacer-md) !important;
}
.hlx-scope .pr-3,
.hlx-scope .px-3 {
  padding-right: var(--hl-spacer-md) !important;
}
.hlx-scope .pb-3,
.hlx-scope .py-3 {
  padding-bottom: var(--hl-spacer-md) !important;
}
.hlx-scope .pl-3,
.hlx-scope .px-3 {
  padding-left: var(--hl-spacer-md) !important;
}
.hlx-scope .p-4 {
  padding: var(--hl-spacer-lg) !important;
}
.hlx-scope .pt-4,
.hlx-scope .py-4 {
  padding-top: var(--hl-spacer-lg) !important;
}
.hlx-scope .pr-4,
.hlx-scope .px-4 {
  padding-right: var(--hl-spacer-lg) !important;
}
.hlx-scope .pb-4,
.hlx-scope .py-4 {
  padding-bottom: var(--hl-spacer-lg) !important;
}
.hlx-scope .pl-4,
.hlx-scope .px-4 {
  padding-left: var(--hl-spacer-lg) !important;
}
.hlx-scope .p-5 {
  padding: var(--hl-spacer-3xl) !important;
}
.hlx-scope .pt-5,
.hlx-scope .py-5 {
  padding-top: var(--hl-spacer-3xl) !important;
}
.hlx-scope .pr-5,
.hlx-scope .px-5 {
  padding-right: var(--hl-spacer-3xl) !important;
}
.hlx-scope .pb-5,
.hlx-scope .py-5 {
  padding-bottom: var(--hl-spacer-3xl) !important;
}
.hlx-scope .pl-5,
.hlx-scope .px-5 {
  padding-left: var(--hl-spacer-3xl) !important;
}
.hlx-scope .p-3xs {
  padding: var(--hl-spacer-3xs) !important;
}
.hlx-scope .pt-3xs,
.hlx-scope .py-3xs {
  padding-top: var(--hl-spacer-3xs) !important;
}
.hlx-scope .pr-3xs,
.hlx-scope .px-3xs {
  padding-right: var(--hl-spacer-3xs) !important;
}
.hlx-scope .pb-3xs,
.hlx-scope .py-3xs {
  padding-bottom: var(--hl-spacer-3xs) !important;
}
.hlx-scope .pl-3xs,
.hlx-scope .px-3xs {
  padding-left: var(--hl-spacer-3xs) !important;
}
.hlx-scope .p-2xs {
  padding: var(--hl-spacer-2xs) !important;
}
.hlx-scope .pt-2xs,
.hlx-scope .py-2xs {
  padding-top: var(--hl-spacer-2xs) !important;
}
.hlx-scope .pr-2xs,
.hlx-scope .px-2xs {
  padding-right: var(--hl-spacer-2xs) !important;
}
.hlx-scope .pb-2xs,
.hlx-scope .py-2xs {
  padding-bottom: var(--hl-spacer-2xs) !important;
}
.hlx-scope .pl-2xs,
.hlx-scope .px-2xs {
  padding-left: var(--hl-spacer-2xs) !important;
}
.hlx-scope .p-xs {
  padding: var(--hl-spacer-xs) !important;
}
.hlx-scope .pt-xs,
.hlx-scope .py-xs {
  padding-top: var(--hl-spacer-xs) !important;
}
.hlx-scope .pr-xs,
.hlx-scope .px-xs {
  padding-right: var(--hl-spacer-xs) !important;
}
.hlx-scope .pb-xs,
.hlx-scope .py-xs {
  padding-bottom: var(--hl-spacer-xs) !important;
}
.hlx-scope .pl-xs,
.hlx-scope .px-xs {
  padding-left: var(--hl-spacer-xs) !important;
}
.hlx-scope .p-sm {
  padding: var(--hl-spacer-sm) !important;
}
.hlx-scope .pt-sm,
.hlx-scope .py-sm {
  padding-top: var(--hl-spacer-sm) !important;
}
.hlx-scope .pr-sm,
.hlx-scope .px-sm {
  padding-right: var(--hl-spacer-sm) !important;
}
.hlx-scope .pb-sm,
.hlx-scope .py-sm {
  padding-bottom: var(--hl-spacer-sm) !important;
}
.hlx-scope .pl-sm,
.hlx-scope .px-sm {
  padding-left: var(--hl-spacer-sm) !important;
}
.hlx-scope .p-md {
  padding: var(--hl-spacer-md) !important;
}
.hlx-scope .pt-md,
.hlx-scope .py-md {
  padding-top: var(--hl-spacer-md) !important;
}
.hlx-scope .pr-md,
.hlx-scope .px-md {
  padding-right: var(--hl-spacer-md) !important;
}
.hlx-scope .pb-md,
.hlx-scope .py-md {
  padding-bottom: var(--hl-spacer-md) !important;
}
.hlx-scope .pl-md,
.hlx-scope .px-md {
  padding-left: var(--hl-spacer-md) !important;
}
.hlx-scope .p-lg {
  padding: var(--hl-spacer-lg) !important;
}
.hlx-scope .pt-lg,
.hlx-scope .py-lg {
  padding-top: var(--hl-spacer-lg) !important;
}
.hlx-scope .pr-lg,
.hlx-scope .px-lg {
  padding-right: var(--hl-spacer-lg) !important;
}
.hlx-scope .pb-lg,
.hlx-scope .py-lg {
  padding-bottom: var(--hl-spacer-lg) !important;
}
.hlx-scope .pl-lg,
.hlx-scope .px-lg {
  padding-left: var(--hl-spacer-lg) !important;
}
.hlx-scope .p-xl {
  padding: var(--hl-spacer-xl) !important;
}
.hlx-scope .pt-xl,
.hlx-scope .py-xl {
  padding-top: var(--hl-spacer-xl) !important;
}
.hlx-scope .pr-xl,
.hlx-scope .px-xl {
  padding-right: var(--hl-spacer-xl) !important;
}
.hlx-scope .pb-xl,
.hlx-scope .py-xl {
  padding-bottom: var(--hl-spacer-xl) !important;
}
.hlx-scope .pl-xl,
.hlx-scope .px-xl {
  padding-left: var(--hl-spacer-xl) !important;
}
.hlx-scope .p-2xl {
  padding: var(--hl-spacer-2xl) !important;
}
.hlx-scope .pt-2xl,
.hlx-scope .py-2xl {
  padding-top: var(--hl-spacer-2xl) !important;
}
.hlx-scope .pr-2xl,
.hlx-scope .px-2xl {
  padding-right: var(--hl-spacer-2xl) !important;
}
.hlx-scope .pb-2xl,
.hlx-scope .py-2xl {
  padding-bottom: var(--hl-spacer-2xl) !important;
}
.hlx-scope .pl-2xl,
.hlx-scope .px-2xl {
  padding-left: var(--hl-spacer-2xl) !important;
}
.hlx-scope .p-3xl {
  padding: var(--hl-spacer-3xl) !important;
}
.hlx-scope .pt-3xl,
.hlx-scope .py-3xl {
  padding-top: var(--hl-spacer-3xl) !important;
}
.hlx-scope .pr-3xl,
.hlx-scope .px-3xl {
  padding-right: var(--hl-spacer-3xl) !important;
}
.hlx-scope .pb-3xl,
.hlx-scope .py-3xl {
  padding-bottom: var(--hl-spacer-3xl) !important;
}
.hlx-scope .pl-3xl,
.hlx-scope .px-3xl {
  padding-left: var(--hl-spacer-3xl) !important;
}
.hlx-scope .p-4xl {
  padding: var(--hl-spacer-4xl) !important;
}
.hlx-scope .pt-4xl,
.hlx-scope .py-4xl {
  padding-top: var(--hl-spacer-4xl) !important;
}
.hlx-scope .pr-4xl,
.hlx-scope .px-4xl {
  padding-right: var(--hl-spacer-4xl) !important;
}
.hlx-scope .pb-4xl,
.hlx-scope .py-4xl {
  padding-bottom: var(--hl-spacer-4xl) !important;
}
.hlx-scope .pl-4xl,
.hlx-scope .px-4xl {
  padding-left: var(--hl-spacer-4xl) !important;
}
.hlx-scope .p-5xl {
  padding: var(--hl-spacer-5xl) !important;
}
.hlx-scope .pt-5xl,
.hlx-scope .py-5xl {
  padding-top: var(--hl-spacer-5xl) !important;
}
.hlx-scope .pr-5xl,
.hlx-scope .px-5xl {
  padding-right: var(--hl-spacer-5xl) !important;
}
.hlx-scope .pb-5xl,
.hlx-scope .py-5xl {
  padding-bottom: var(--hl-spacer-5xl) !important;
}
.hlx-scope .pl-5xl,
.hlx-scope .px-5xl {
  padding-left: var(--hl-spacer-5xl) !important;
}
.hlx-scope .p-6xl {
  padding: var(--hl-spacer-6xl) !important;
}
.hlx-scope .pt-6xl,
.hlx-scope .py-6xl {
  padding-top: var(--hl-spacer-6xl) !important;
}
.hlx-scope .pr-6xl,
.hlx-scope .px-6xl {
  padding-right: var(--hl-spacer-6xl) !important;
}
.hlx-scope .pb-6xl,
.hlx-scope .py-6xl {
  padding-bottom: var(--hl-spacer-6xl) !important;
}
.hlx-scope .pl-6xl,
.hlx-scope .px-6xl {
  padding-left: var(--hl-spacer-6xl) !important;
}
.hlx-scope .p-7xl {
  padding: var(--hl-spacer-7xl) !important;
}
.hlx-scope .pt-7xl,
.hlx-scope .py-7xl {
  padding-top: var(--hl-spacer-7xl) !important;
}
.hlx-scope .pr-7xl,
.hlx-scope .px-7xl {
  padding-right: var(--hl-spacer-7xl) !important;
}
.hlx-scope .pb-7xl,
.hlx-scope .py-7xl {
  padding-bottom: var(--hl-spacer-7xl) !important;
}
.hlx-scope .pl-7xl,
.hlx-scope .px-7xl {
  padding-left: var(--hl-spacer-7xl) !important;
}
.hlx-scope .m-auto {
  margin: auto !important;
}
.hlx-scope .mt-auto,
.hlx-scope .my-auto {
  margin-top: auto !important;
}
.hlx-scope .mr-auto,
.hlx-scope .mx-auto {
  margin-right: auto !important;
}
.hlx-scope .mb-auto,
.hlx-scope .my-auto {
  margin-bottom: auto !important;
}
.hlx-scope .ml-auto,
.hlx-scope .mx-auto {
  margin-left: auto !important;
}
@media (min-width: 576px) {
  .hlx-scope .m-sm-0 {
    margin: 0 !important;
  }
  .hlx-scope .mt-sm-0,
  .hlx-scope .my-sm-0 {
    margin-top: 0 !important;
  }
  .hlx-scope .mr-sm-0,
  .hlx-scope .mx-sm-0 {
    margin-right: 0 !important;
  }
  .hlx-scope .mb-sm-0,
  .hlx-scope .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .hlx-scope .ml-sm-0,
  .hlx-scope .mx-sm-0 {
    margin-left: 0 !important;
  }
  .hlx-scope .m-sm-1 {
    margin: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .mt-sm-1,
  .hlx-scope .my-sm-1 {
    margin-top: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .mr-sm-1,
  .hlx-scope .mx-sm-1 {
    margin-right: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .mb-sm-1,
  .hlx-scope .my-sm-1 {
    margin-bottom: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .ml-sm-1,
  .hlx-scope .mx-sm-1 {
    margin-left: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .m-sm-2 {
    margin: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .mt-sm-2,
  .hlx-scope .my-sm-2 {
    margin-top: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .mr-sm-2,
  .hlx-scope .mx-sm-2 {
    margin-right: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .mb-sm-2,
  .hlx-scope .my-sm-2 {
    margin-bottom: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .ml-sm-2,
  .hlx-scope .mx-sm-2 {
    margin-left: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .m-sm-3 {
    margin: var(--hl-spacer-md) !important;
  }
  .hlx-scope .mt-sm-3,
  .hlx-scope .my-sm-3 {
    margin-top: var(--hl-spacer-md) !important;
  }
  .hlx-scope .mr-sm-3,
  .hlx-scope .mx-sm-3 {
    margin-right: var(--hl-spacer-md) !important;
  }
  .hlx-scope .mb-sm-3,
  .hlx-scope .my-sm-3 {
    margin-bottom: var(--hl-spacer-md) !important;
  }
  .hlx-scope .ml-sm-3,
  .hlx-scope .mx-sm-3 {
    margin-left: var(--hl-spacer-md) !important;
  }
  .hlx-scope .m-sm-4 {
    margin: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .mt-sm-4,
  .hlx-scope .my-sm-4 {
    margin-top: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .mr-sm-4,
  .hlx-scope .mx-sm-4 {
    margin-right: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .mb-sm-4,
  .hlx-scope .my-sm-4 {
    margin-bottom: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .ml-sm-4,
  .hlx-scope .mx-sm-4 {
    margin-left: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .m-sm-5 {
    margin: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .mt-sm-5,
  .hlx-scope .my-sm-5 {
    margin-top: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .mr-sm-5,
  .hlx-scope .mx-sm-5 {
    margin-right: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .mb-sm-5,
  .hlx-scope .my-sm-5 {
    margin-bottom: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .ml-sm-5,
  .hlx-scope .mx-sm-5 {
    margin-left: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .m-sm-3xs {
    margin: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .mt-sm-3xs,
  .hlx-scope .my-sm-3xs {
    margin-top: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .mr-sm-3xs,
  .hlx-scope .mx-sm-3xs {
    margin-right: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .mb-sm-3xs,
  .hlx-scope .my-sm-3xs {
    margin-bottom: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .ml-sm-3xs,
  .hlx-scope .mx-sm-3xs {
    margin-left: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .m-sm-2xs {
    margin: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .mt-sm-2xs,
  .hlx-scope .my-sm-2xs {
    margin-top: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .mr-sm-2xs,
  .hlx-scope .mx-sm-2xs {
    margin-right: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .mb-sm-2xs,
  .hlx-scope .my-sm-2xs {
    margin-bottom: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .ml-sm-2xs,
  .hlx-scope .mx-sm-2xs {
    margin-left: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .m-sm-xs {
    margin: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .mt-sm-xs,
  .hlx-scope .my-sm-xs {
    margin-top: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .mr-sm-xs,
  .hlx-scope .mx-sm-xs {
    margin-right: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .mb-sm-xs,
  .hlx-scope .my-sm-xs {
    margin-bottom: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .ml-sm-xs,
  .hlx-scope .mx-sm-xs {
    margin-left: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .m-sm-sm {
    margin: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .mt-sm-sm,
  .hlx-scope .my-sm-sm {
    margin-top: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .mr-sm-sm,
  .hlx-scope .mx-sm-sm {
    margin-right: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .mb-sm-sm,
  .hlx-scope .my-sm-sm {
    margin-bottom: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .ml-sm-sm,
  .hlx-scope .mx-sm-sm {
    margin-left: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .m-sm-md {
    margin: var(--hl-spacer-md) !important;
  }
  .hlx-scope .mt-sm-md,
  .hlx-scope .my-sm-md {
    margin-top: var(--hl-spacer-md) !important;
  }
  .hlx-scope .mr-sm-md,
  .hlx-scope .mx-sm-md {
    margin-right: var(--hl-spacer-md) !important;
  }
  .hlx-scope .mb-sm-md,
  .hlx-scope .my-sm-md {
    margin-bottom: var(--hl-spacer-md) !important;
  }
  .hlx-scope .ml-sm-md,
  .hlx-scope .mx-sm-md {
    margin-left: var(--hl-spacer-md) !important;
  }
  .hlx-scope .m-sm-lg {
    margin: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .mt-sm-lg,
  .hlx-scope .my-sm-lg {
    margin-top: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .mr-sm-lg,
  .hlx-scope .mx-sm-lg {
    margin-right: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .mb-sm-lg,
  .hlx-scope .my-sm-lg {
    margin-bottom: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .ml-sm-lg,
  .hlx-scope .mx-sm-lg {
    margin-left: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .m-sm-xl {
    margin: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .mt-sm-xl,
  .hlx-scope .my-sm-xl {
    margin-top: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .mr-sm-xl,
  .hlx-scope .mx-sm-xl {
    margin-right: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .mb-sm-xl,
  .hlx-scope .my-sm-xl {
    margin-bottom: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .ml-sm-xl,
  .hlx-scope .mx-sm-xl {
    margin-left: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .m-sm-2xl {
    margin: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .mt-sm-2xl,
  .hlx-scope .my-sm-2xl {
    margin-top: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .mr-sm-2xl,
  .hlx-scope .mx-sm-2xl {
    margin-right: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .mb-sm-2xl,
  .hlx-scope .my-sm-2xl {
    margin-bottom: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .ml-sm-2xl,
  .hlx-scope .mx-sm-2xl {
    margin-left: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .m-sm-3xl {
    margin: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .mt-sm-3xl,
  .hlx-scope .my-sm-3xl {
    margin-top: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .mr-sm-3xl,
  .hlx-scope .mx-sm-3xl {
    margin-right: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .mb-sm-3xl,
  .hlx-scope .my-sm-3xl {
    margin-bottom: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .ml-sm-3xl,
  .hlx-scope .mx-sm-3xl {
    margin-left: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .m-sm-4xl {
    margin: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .mt-sm-4xl,
  .hlx-scope .my-sm-4xl {
    margin-top: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .mr-sm-4xl,
  .hlx-scope .mx-sm-4xl {
    margin-right: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .mb-sm-4xl,
  .hlx-scope .my-sm-4xl {
    margin-bottom: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .ml-sm-4xl,
  .hlx-scope .mx-sm-4xl {
    margin-left: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .m-sm-5xl {
    margin: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .mt-sm-5xl,
  .hlx-scope .my-sm-5xl {
    margin-top: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .mr-sm-5xl,
  .hlx-scope .mx-sm-5xl {
    margin-right: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .mb-sm-5xl,
  .hlx-scope .my-sm-5xl {
    margin-bottom: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .ml-sm-5xl,
  .hlx-scope .mx-sm-5xl {
    margin-left: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .m-sm-6xl {
    margin: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .mt-sm-6xl,
  .hlx-scope .my-sm-6xl {
    margin-top: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .mr-sm-6xl,
  .hlx-scope .mx-sm-6xl {
    margin-right: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .mb-sm-6xl,
  .hlx-scope .my-sm-6xl {
    margin-bottom: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .ml-sm-6xl,
  .hlx-scope .mx-sm-6xl {
    margin-left: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .m-sm-7xl {
    margin: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .mt-sm-7xl,
  .hlx-scope .my-sm-7xl {
    margin-top: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .mr-sm-7xl,
  .hlx-scope .mx-sm-7xl {
    margin-right: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .mb-sm-7xl,
  .hlx-scope .my-sm-7xl {
    margin-bottom: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .ml-sm-7xl,
  .hlx-scope .mx-sm-7xl {
    margin-left: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .p-sm-0 {
    padding: 0 !important;
  }
  .hlx-scope .pt-sm-0,
  .hlx-scope .py-sm-0 {
    padding-top: 0 !important;
  }
  .hlx-scope .pr-sm-0,
  .hlx-scope .px-sm-0 {
    padding-right: 0 !important;
  }
  .hlx-scope .pb-sm-0,
  .hlx-scope .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .hlx-scope .pl-sm-0,
  .hlx-scope .px-sm-0 {
    padding-left: 0 !important;
  }
  .hlx-scope .p-sm-1 {
    padding: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pt-sm-1,
  .hlx-scope .py-sm-1 {
    padding-top: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pr-sm-1,
  .hlx-scope .px-sm-1 {
    padding-right: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pb-sm-1,
  .hlx-scope .py-sm-1 {
    padding-bottom: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pl-sm-1,
  .hlx-scope .px-sm-1 {
    padding-left: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .p-sm-2 {
    padding: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pt-sm-2,
  .hlx-scope .py-sm-2 {
    padding-top: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pr-sm-2,
  .hlx-scope .px-sm-2 {
    padding-right: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pb-sm-2,
  .hlx-scope .py-sm-2 {
    padding-bottom: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pl-sm-2,
  .hlx-scope .px-sm-2 {
    padding-left: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .p-sm-3 {
    padding: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pt-sm-3,
  .hlx-scope .py-sm-3 {
    padding-top: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pr-sm-3,
  .hlx-scope .px-sm-3 {
    padding-right: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pb-sm-3,
  .hlx-scope .py-sm-3 {
    padding-bottom: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pl-sm-3,
  .hlx-scope .px-sm-3 {
    padding-left: var(--hl-spacer-md) !important;
  }
  .hlx-scope .p-sm-4 {
    padding: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pt-sm-4,
  .hlx-scope .py-sm-4 {
    padding-top: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pr-sm-4,
  .hlx-scope .px-sm-4 {
    padding-right: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pb-sm-4,
  .hlx-scope .py-sm-4 {
    padding-bottom: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pl-sm-4,
  .hlx-scope .px-sm-4 {
    padding-left: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .p-sm-5 {
    padding: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pt-sm-5,
  .hlx-scope .py-sm-5 {
    padding-top: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pr-sm-5,
  .hlx-scope .px-sm-5 {
    padding-right: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pb-sm-5,
  .hlx-scope .py-sm-5 {
    padding-bottom: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pl-sm-5,
  .hlx-scope .px-sm-5 {
    padding-left: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .p-sm-3xs {
    padding: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .pt-sm-3xs,
  .hlx-scope .py-sm-3xs {
    padding-top: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .pr-sm-3xs,
  .hlx-scope .px-sm-3xs {
    padding-right: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .pb-sm-3xs,
  .hlx-scope .py-sm-3xs {
    padding-bottom: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .pl-sm-3xs,
  .hlx-scope .px-sm-3xs {
    padding-left: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .p-sm-2xs {
    padding: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pt-sm-2xs,
  .hlx-scope .py-sm-2xs {
    padding-top: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pr-sm-2xs,
  .hlx-scope .px-sm-2xs {
    padding-right: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pb-sm-2xs,
  .hlx-scope .py-sm-2xs {
    padding-bottom: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pl-sm-2xs,
  .hlx-scope .px-sm-2xs {
    padding-left: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .p-sm-xs {
    padding: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pt-sm-xs,
  .hlx-scope .py-sm-xs {
    padding-top: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pr-sm-xs,
  .hlx-scope .px-sm-xs {
    padding-right: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pb-sm-xs,
  .hlx-scope .py-sm-xs {
    padding-bottom: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pl-sm-xs,
  .hlx-scope .px-sm-xs {
    padding-left: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .p-sm-sm {
    padding: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .pt-sm-sm,
  .hlx-scope .py-sm-sm {
    padding-top: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .pr-sm-sm,
  .hlx-scope .px-sm-sm {
    padding-right: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .pb-sm-sm,
  .hlx-scope .py-sm-sm {
    padding-bottom: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .pl-sm-sm,
  .hlx-scope .px-sm-sm {
    padding-left: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .p-sm-md {
    padding: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pt-sm-md,
  .hlx-scope .py-sm-md {
    padding-top: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pr-sm-md,
  .hlx-scope .px-sm-md {
    padding-right: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pb-sm-md,
  .hlx-scope .py-sm-md {
    padding-bottom: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pl-sm-md,
  .hlx-scope .px-sm-md {
    padding-left: var(--hl-spacer-md) !important;
  }
  .hlx-scope .p-sm-lg {
    padding: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pt-sm-lg,
  .hlx-scope .py-sm-lg {
    padding-top: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pr-sm-lg,
  .hlx-scope .px-sm-lg {
    padding-right: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pb-sm-lg,
  .hlx-scope .py-sm-lg {
    padding-bottom: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pl-sm-lg,
  .hlx-scope .px-sm-lg {
    padding-left: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .p-sm-xl {
    padding: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .pt-sm-xl,
  .hlx-scope .py-sm-xl {
    padding-top: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .pr-sm-xl,
  .hlx-scope .px-sm-xl {
    padding-right: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .pb-sm-xl,
  .hlx-scope .py-sm-xl {
    padding-bottom: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .pl-sm-xl,
  .hlx-scope .px-sm-xl {
    padding-left: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .p-sm-2xl {
    padding: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .pt-sm-2xl,
  .hlx-scope .py-sm-2xl {
    padding-top: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .pr-sm-2xl,
  .hlx-scope .px-sm-2xl {
    padding-right: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .pb-sm-2xl,
  .hlx-scope .py-sm-2xl {
    padding-bottom: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .pl-sm-2xl,
  .hlx-scope .px-sm-2xl {
    padding-left: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .p-sm-3xl {
    padding: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pt-sm-3xl,
  .hlx-scope .py-sm-3xl {
    padding-top: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pr-sm-3xl,
  .hlx-scope .px-sm-3xl {
    padding-right: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pb-sm-3xl,
  .hlx-scope .py-sm-3xl {
    padding-bottom: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pl-sm-3xl,
  .hlx-scope .px-sm-3xl {
    padding-left: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .p-sm-4xl {
    padding: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .pt-sm-4xl,
  .hlx-scope .py-sm-4xl {
    padding-top: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .pr-sm-4xl,
  .hlx-scope .px-sm-4xl {
    padding-right: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .pb-sm-4xl,
  .hlx-scope .py-sm-4xl {
    padding-bottom: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .pl-sm-4xl,
  .hlx-scope .px-sm-4xl {
    padding-left: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .p-sm-5xl {
    padding: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .pt-sm-5xl,
  .hlx-scope .py-sm-5xl {
    padding-top: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .pr-sm-5xl,
  .hlx-scope .px-sm-5xl {
    padding-right: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .pb-sm-5xl,
  .hlx-scope .py-sm-5xl {
    padding-bottom: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .pl-sm-5xl,
  .hlx-scope .px-sm-5xl {
    padding-left: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .p-sm-6xl {
    padding: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .pt-sm-6xl,
  .hlx-scope .py-sm-6xl {
    padding-top: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .pr-sm-6xl,
  .hlx-scope .px-sm-6xl {
    padding-right: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .pb-sm-6xl,
  .hlx-scope .py-sm-6xl {
    padding-bottom: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .pl-sm-6xl,
  .hlx-scope .px-sm-6xl {
    padding-left: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .p-sm-7xl {
    padding: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .pt-sm-7xl,
  .hlx-scope .py-sm-7xl {
    padding-top: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .pr-sm-7xl,
  .hlx-scope .px-sm-7xl {
    padding-right: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .pb-sm-7xl,
  .hlx-scope .py-sm-7xl {
    padding-bottom: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .pl-sm-7xl,
  .hlx-scope .px-sm-7xl {
    padding-left: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .m-sm-auto {
    margin: auto !important;
  }
  .hlx-scope .mt-sm-auto,
  .hlx-scope .my-sm-auto {
    margin-top: auto !important;
  }
  .hlx-scope .mr-sm-auto,
  .hlx-scope .mx-sm-auto {
    margin-right: auto !important;
  }
  .hlx-scope .mb-sm-auto,
  .hlx-scope .my-sm-auto {
    margin-bottom: auto !important;
  }
  .hlx-scope .ml-sm-auto,
  .hlx-scope .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .hlx-scope .m-md-0 {
    margin: 0 !important;
  }
  .hlx-scope .mt-md-0,
  .hlx-scope .my-md-0 {
    margin-top: 0 !important;
  }
  .hlx-scope .mr-md-0,
  .hlx-scope .mx-md-0 {
    margin-right: 0 !important;
  }
  .hlx-scope .mb-md-0,
  .hlx-scope .my-md-0 {
    margin-bottom: 0 !important;
  }
  .hlx-scope .ml-md-0,
  .hlx-scope .mx-md-0 {
    margin-left: 0 !important;
  }
  .hlx-scope .m-md-1 {
    margin: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .mt-md-1,
  .hlx-scope .my-md-1 {
    margin-top: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .mr-md-1,
  .hlx-scope .mx-md-1 {
    margin-right: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .mb-md-1,
  .hlx-scope .my-md-1 {
    margin-bottom: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .ml-md-1,
  .hlx-scope .mx-md-1 {
    margin-left: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .m-md-2 {
    margin: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .mt-md-2,
  .hlx-scope .my-md-2 {
    margin-top: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .mr-md-2,
  .hlx-scope .mx-md-2 {
    margin-right: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .mb-md-2,
  .hlx-scope .my-md-2 {
    margin-bottom: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .ml-md-2,
  .hlx-scope .mx-md-2 {
    margin-left: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .m-md-3 {
    margin: var(--hl-spacer-md) !important;
  }
  .hlx-scope .mt-md-3,
  .hlx-scope .my-md-3 {
    margin-top: var(--hl-spacer-md) !important;
  }
  .hlx-scope .mr-md-3,
  .hlx-scope .mx-md-3 {
    margin-right: var(--hl-spacer-md) !important;
  }
  .hlx-scope .mb-md-3,
  .hlx-scope .my-md-3 {
    margin-bottom: var(--hl-spacer-md) !important;
  }
  .hlx-scope .ml-md-3,
  .hlx-scope .mx-md-3 {
    margin-left: var(--hl-spacer-md) !important;
  }
  .hlx-scope .m-md-4 {
    margin: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .mt-md-4,
  .hlx-scope .my-md-4 {
    margin-top: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .mr-md-4,
  .hlx-scope .mx-md-4 {
    margin-right: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .mb-md-4,
  .hlx-scope .my-md-4 {
    margin-bottom: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .ml-md-4,
  .hlx-scope .mx-md-4 {
    margin-left: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .m-md-5 {
    margin: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .mt-md-5,
  .hlx-scope .my-md-5 {
    margin-top: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .mr-md-5,
  .hlx-scope .mx-md-5 {
    margin-right: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .mb-md-5,
  .hlx-scope .my-md-5 {
    margin-bottom: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .ml-md-5,
  .hlx-scope .mx-md-5 {
    margin-left: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .m-md-3xs {
    margin: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .mt-md-3xs,
  .hlx-scope .my-md-3xs {
    margin-top: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .mr-md-3xs,
  .hlx-scope .mx-md-3xs {
    margin-right: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .mb-md-3xs,
  .hlx-scope .my-md-3xs {
    margin-bottom: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .ml-md-3xs,
  .hlx-scope .mx-md-3xs {
    margin-left: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .m-md-2xs {
    margin: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .mt-md-2xs,
  .hlx-scope .my-md-2xs {
    margin-top: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .mr-md-2xs,
  .hlx-scope .mx-md-2xs {
    margin-right: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .mb-md-2xs,
  .hlx-scope .my-md-2xs {
    margin-bottom: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .ml-md-2xs,
  .hlx-scope .mx-md-2xs {
    margin-left: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .m-md-xs {
    margin: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .mt-md-xs,
  .hlx-scope .my-md-xs {
    margin-top: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .mr-md-xs,
  .hlx-scope .mx-md-xs {
    margin-right: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .mb-md-xs,
  .hlx-scope .my-md-xs {
    margin-bottom: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .ml-md-xs,
  .hlx-scope .mx-md-xs {
    margin-left: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .m-md-sm {
    margin: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .mt-md-sm,
  .hlx-scope .my-md-sm {
    margin-top: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .mr-md-sm,
  .hlx-scope .mx-md-sm {
    margin-right: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .mb-md-sm,
  .hlx-scope .my-md-sm {
    margin-bottom: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .ml-md-sm,
  .hlx-scope .mx-md-sm {
    margin-left: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .m-md-md {
    margin: var(--hl-spacer-md) !important;
  }
  .hlx-scope .mt-md-md,
  .hlx-scope .my-md-md {
    margin-top: var(--hl-spacer-md) !important;
  }
  .hlx-scope .mr-md-md,
  .hlx-scope .mx-md-md {
    margin-right: var(--hl-spacer-md) !important;
  }
  .hlx-scope .mb-md-md,
  .hlx-scope .my-md-md {
    margin-bottom: var(--hl-spacer-md) !important;
  }
  .hlx-scope .ml-md-md,
  .hlx-scope .mx-md-md {
    margin-left: var(--hl-spacer-md) !important;
  }
  .hlx-scope .m-md-lg {
    margin: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .mt-md-lg,
  .hlx-scope .my-md-lg {
    margin-top: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .mr-md-lg,
  .hlx-scope .mx-md-lg {
    margin-right: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .mb-md-lg,
  .hlx-scope .my-md-lg {
    margin-bottom: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .ml-md-lg,
  .hlx-scope .mx-md-lg {
    margin-left: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .m-md-xl {
    margin: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .mt-md-xl,
  .hlx-scope .my-md-xl {
    margin-top: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .mr-md-xl,
  .hlx-scope .mx-md-xl {
    margin-right: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .mb-md-xl,
  .hlx-scope .my-md-xl {
    margin-bottom: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .ml-md-xl,
  .hlx-scope .mx-md-xl {
    margin-left: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .m-md-2xl {
    margin: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .mt-md-2xl,
  .hlx-scope .my-md-2xl {
    margin-top: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .mr-md-2xl,
  .hlx-scope .mx-md-2xl {
    margin-right: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .mb-md-2xl,
  .hlx-scope .my-md-2xl {
    margin-bottom: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .ml-md-2xl,
  .hlx-scope .mx-md-2xl {
    margin-left: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .m-md-3xl {
    margin: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .mt-md-3xl,
  .hlx-scope .my-md-3xl {
    margin-top: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .mr-md-3xl,
  .hlx-scope .mx-md-3xl {
    margin-right: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .mb-md-3xl,
  .hlx-scope .my-md-3xl {
    margin-bottom: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .ml-md-3xl,
  .hlx-scope .mx-md-3xl {
    margin-left: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .m-md-4xl {
    margin: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .mt-md-4xl,
  .hlx-scope .my-md-4xl {
    margin-top: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .mr-md-4xl,
  .hlx-scope .mx-md-4xl {
    margin-right: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .mb-md-4xl,
  .hlx-scope .my-md-4xl {
    margin-bottom: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .ml-md-4xl,
  .hlx-scope .mx-md-4xl {
    margin-left: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .m-md-5xl {
    margin: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .mt-md-5xl,
  .hlx-scope .my-md-5xl {
    margin-top: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .mr-md-5xl,
  .hlx-scope .mx-md-5xl {
    margin-right: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .mb-md-5xl,
  .hlx-scope .my-md-5xl {
    margin-bottom: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .ml-md-5xl,
  .hlx-scope .mx-md-5xl {
    margin-left: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .m-md-6xl {
    margin: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .mt-md-6xl,
  .hlx-scope .my-md-6xl {
    margin-top: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .mr-md-6xl,
  .hlx-scope .mx-md-6xl {
    margin-right: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .mb-md-6xl,
  .hlx-scope .my-md-6xl {
    margin-bottom: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .ml-md-6xl,
  .hlx-scope .mx-md-6xl {
    margin-left: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .m-md-7xl {
    margin: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .mt-md-7xl,
  .hlx-scope .my-md-7xl {
    margin-top: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .mr-md-7xl,
  .hlx-scope .mx-md-7xl {
    margin-right: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .mb-md-7xl,
  .hlx-scope .my-md-7xl {
    margin-bottom: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .ml-md-7xl,
  .hlx-scope .mx-md-7xl {
    margin-left: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .p-md-0 {
    padding: 0 !important;
  }
  .hlx-scope .pt-md-0,
  .hlx-scope .py-md-0 {
    padding-top: 0 !important;
  }
  .hlx-scope .pr-md-0,
  .hlx-scope .px-md-0 {
    padding-right: 0 !important;
  }
  .hlx-scope .pb-md-0,
  .hlx-scope .py-md-0 {
    padding-bottom: 0 !important;
  }
  .hlx-scope .pl-md-0,
  .hlx-scope .px-md-0 {
    padding-left: 0 !important;
  }
  .hlx-scope .p-md-1 {
    padding: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pt-md-1,
  .hlx-scope .py-md-1 {
    padding-top: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pr-md-1,
  .hlx-scope .px-md-1 {
    padding-right: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pb-md-1,
  .hlx-scope .py-md-1 {
    padding-bottom: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pl-md-1,
  .hlx-scope .px-md-1 {
    padding-left: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .p-md-2 {
    padding: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pt-md-2,
  .hlx-scope .py-md-2 {
    padding-top: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pr-md-2,
  .hlx-scope .px-md-2 {
    padding-right: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pb-md-2,
  .hlx-scope .py-md-2 {
    padding-bottom: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pl-md-2,
  .hlx-scope .px-md-2 {
    padding-left: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .p-md-3 {
    padding: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pt-md-3,
  .hlx-scope .py-md-3 {
    padding-top: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pr-md-3,
  .hlx-scope .px-md-3 {
    padding-right: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pb-md-3,
  .hlx-scope .py-md-3 {
    padding-bottom: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pl-md-3,
  .hlx-scope .px-md-3 {
    padding-left: var(--hl-spacer-md) !important;
  }
  .hlx-scope .p-md-4 {
    padding: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pt-md-4,
  .hlx-scope .py-md-4 {
    padding-top: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pr-md-4,
  .hlx-scope .px-md-4 {
    padding-right: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pb-md-4,
  .hlx-scope .py-md-4 {
    padding-bottom: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pl-md-4,
  .hlx-scope .px-md-4 {
    padding-left: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .p-md-5 {
    padding: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pt-md-5,
  .hlx-scope .py-md-5 {
    padding-top: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pr-md-5,
  .hlx-scope .px-md-5 {
    padding-right: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pb-md-5,
  .hlx-scope .py-md-5 {
    padding-bottom: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pl-md-5,
  .hlx-scope .px-md-5 {
    padding-left: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .p-md-3xs {
    padding: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .pt-md-3xs,
  .hlx-scope .py-md-3xs {
    padding-top: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .pr-md-3xs,
  .hlx-scope .px-md-3xs {
    padding-right: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .pb-md-3xs,
  .hlx-scope .py-md-3xs {
    padding-bottom: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .pl-md-3xs,
  .hlx-scope .px-md-3xs {
    padding-left: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .p-md-2xs {
    padding: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pt-md-2xs,
  .hlx-scope .py-md-2xs {
    padding-top: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pr-md-2xs,
  .hlx-scope .px-md-2xs {
    padding-right: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pb-md-2xs,
  .hlx-scope .py-md-2xs {
    padding-bottom: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pl-md-2xs,
  .hlx-scope .px-md-2xs {
    padding-left: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .p-md-xs {
    padding: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pt-md-xs,
  .hlx-scope .py-md-xs {
    padding-top: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pr-md-xs,
  .hlx-scope .px-md-xs {
    padding-right: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pb-md-xs,
  .hlx-scope .py-md-xs {
    padding-bottom: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pl-md-xs,
  .hlx-scope .px-md-xs {
    padding-left: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .p-md-sm {
    padding: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .pt-md-sm,
  .hlx-scope .py-md-sm {
    padding-top: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .pr-md-sm,
  .hlx-scope .px-md-sm {
    padding-right: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .pb-md-sm,
  .hlx-scope .py-md-sm {
    padding-bottom: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .pl-md-sm,
  .hlx-scope .px-md-sm {
    padding-left: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .p-md-md {
    padding: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pt-md-md,
  .hlx-scope .py-md-md {
    padding-top: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pr-md-md,
  .hlx-scope .px-md-md {
    padding-right: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pb-md-md,
  .hlx-scope .py-md-md {
    padding-bottom: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pl-md-md,
  .hlx-scope .px-md-md {
    padding-left: var(--hl-spacer-md) !important;
  }
  .hlx-scope .p-md-lg {
    padding: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pt-md-lg,
  .hlx-scope .py-md-lg {
    padding-top: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pr-md-lg,
  .hlx-scope .px-md-lg {
    padding-right: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pb-md-lg,
  .hlx-scope .py-md-lg {
    padding-bottom: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pl-md-lg,
  .hlx-scope .px-md-lg {
    padding-left: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .p-md-xl {
    padding: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .pt-md-xl,
  .hlx-scope .py-md-xl {
    padding-top: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .pr-md-xl,
  .hlx-scope .px-md-xl {
    padding-right: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .pb-md-xl,
  .hlx-scope .py-md-xl {
    padding-bottom: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .pl-md-xl,
  .hlx-scope .px-md-xl {
    padding-left: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .p-md-2xl {
    padding: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .pt-md-2xl,
  .hlx-scope .py-md-2xl {
    padding-top: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .pr-md-2xl,
  .hlx-scope .px-md-2xl {
    padding-right: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .pb-md-2xl,
  .hlx-scope .py-md-2xl {
    padding-bottom: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .pl-md-2xl,
  .hlx-scope .px-md-2xl {
    padding-left: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .p-md-3xl {
    padding: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pt-md-3xl,
  .hlx-scope .py-md-3xl {
    padding-top: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pr-md-3xl,
  .hlx-scope .px-md-3xl {
    padding-right: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pb-md-3xl,
  .hlx-scope .py-md-3xl {
    padding-bottom: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pl-md-3xl,
  .hlx-scope .px-md-3xl {
    padding-left: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .p-md-4xl {
    padding: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .pt-md-4xl,
  .hlx-scope .py-md-4xl {
    padding-top: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .pr-md-4xl,
  .hlx-scope .px-md-4xl {
    padding-right: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .pb-md-4xl,
  .hlx-scope .py-md-4xl {
    padding-bottom: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .pl-md-4xl,
  .hlx-scope .px-md-4xl {
    padding-left: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .p-md-5xl {
    padding: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .pt-md-5xl,
  .hlx-scope .py-md-5xl {
    padding-top: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .pr-md-5xl,
  .hlx-scope .px-md-5xl {
    padding-right: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .pb-md-5xl,
  .hlx-scope .py-md-5xl {
    padding-bottom: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .pl-md-5xl,
  .hlx-scope .px-md-5xl {
    padding-left: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .p-md-6xl {
    padding: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .pt-md-6xl,
  .hlx-scope .py-md-6xl {
    padding-top: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .pr-md-6xl,
  .hlx-scope .px-md-6xl {
    padding-right: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .pb-md-6xl,
  .hlx-scope .py-md-6xl {
    padding-bottom: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .pl-md-6xl,
  .hlx-scope .px-md-6xl {
    padding-left: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .p-md-7xl {
    padding: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .pt-md-7xl,
  .hlx-scope .py-md-7xl {
    padding-top: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .pr-md-7xl,
  .hlx-scope .px-md-7xl {
    padding-right: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .pb-md-7xl,
  .hlx-scope .py-md-7xl {
    padding-bottom: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .pl-md-7xl,
  .hlx-scope .px-md-7xl {
    padding-left: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .m-md-auto {
    margin: auto !important;
  }
  .hlx-scope .mt-md-auto,
  .hlx-scope .my-md-auto {
    margin-top: auto !important;
  }
  .hlx-scope .mr-md-auto,
  .hlx-scope .mx-md-auto {
    margin-right: auto !important;
  }
  .hlx-scope .mb-md-auto,
  .hlx-scope .my-md-auto {
    margin-bottom: auto !important;
  }
  .hlx-scope .ml-md-auto,
  .hlx-scope .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .hlx-scope .m-lg-0 {
    margin: 0 !important;
  }
  .hlx-scope .mt-lg-0,
  .hlx-scope .my-lg-0 {
    margin-top: 0 !important;
  }
  .hlx-scope .mr-lg-0,
  .hlx-scope .mx-lg-0 {
    margin-right: 0 !important;
  }
  .hlx-scope .mb-lg-0,
  .hlx-scope .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .hlx-scope .ml-lg-0,
  .hlx-scope .mx-lg-0 {
    margin-left: 0 !important;
  }
  .hlx-scope .m-lg-1 {
    margin: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .mt-lg-1,
  .hlx-scope .my-lg-1 {
    margin-top: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .mr-lg-1,
  .hlx-scope .mx-lg-1 {
    margin-right: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .mb-lg-1,
  .hlx-scope .my-lg-1 {
    margin-bottom: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .ml-lg-1,
  .hlx-scope .mx-lg-1 {
    margin-left: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .m-lg-2 {
    margin: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .mt-lg-2,
  .hlx-scope .my-lg-2 {
    margin-top: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .mr-lg-2,
  .hlx-scope .mx-lg-2 {
    margin-right: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .mb-lg-2,
  .hlx-scope .my-lg-2 {
    margin-bottom: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .ml-lg-2,
  .hlx-scope .mx-lg-2 {
    margin-left: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .m-lg-3 {
    margin: var(--hl-spacer-md) !important;
  }
  .hlx-scope .mt-lg-3,
  .hlx-scope .my-lg-3 {
    margin-top: var(--hl-spacer-md) !important;
  }
  .hlx-scope .mr-lg-3,
  .hlx-scope .mx-lg-3 {
    margin-right: var(--hl-spacer-md) !important;
  }
  .hlx-scope .mb-lg-3,
  .hlx-scope .my-lg-3 {
    margin-bottom: var(--hl-spacer-md) !important;
  }
  .hlx-scope .ml-lg-3,
  .hlx-scope .mx-lg-3 {
    margin-left: var(--hl-spacer-md) !important;
  }
  .hlx-scope .m-lg-4 {
    margin: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .mt-lg-4,
  .hlx-scope .my-lg-4 {
    margin-top: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .mr-lg-4,
  .hlx-scope .mx-lg-4 {
    margin-right: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .mb-lg-4,
  .hlx-scope .my-lg-4 {
    margin-bottom: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .ml-lg-4,
  .hlx-scope .mx-lg-4 {
    margin-left: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .m-lg-5 {
    margin: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .mt-lg-5,
  .hlx-scope .my-lg-5 {
    margin-top: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .mr-lg-5,
  .hlx-scope .mx-lg-5 {
    margin-right: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .mb-lg-5,
  .hlx-scope .my-lg-5 {
    margin-bottom: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .ml-lg-5,
  .hlx-scope .mx-lg-5 {
    margin-left: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .m-lg-3xs {
    margin: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .mt-lg-3xs,
  .hlx-scope .my-lg-3xs {
    margin-top: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .mr-lg-3xs,
  .hlx-scope .mx-lg-3xs {
    margin-right: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .mb-lg-3xs,
  .hlx-scope .my-lg-3xs {
    margin-bottom: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .ml-lg-3xs,
  .hlx-scope .mx-lg-3xs {
    margin-left: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .m-lg-2xs {
    margin: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .mt-lg-2xs,
  .hlx-scope .my-lg-2xs {
    margin-top: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .mr-lg-2xs,
  .hlx-scope .mx-lg-2xs {
    margin-right: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .mb-lg-2xs,
  .hlx-scope .my-lg-2xs {
    margin-bottom: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .ml-lg-2xs,
  .hlx-scope .mx-lg-2xs {
    margin-left: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .m-lg-xs {
    margin: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .mt-lg-xs,
  .hlx-scope .my-lg-xs {
    margin-top: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .mr-lg-xs,
  .hlx-scope .mx-lg-xs {
    margin-right: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .mb-lg-xs,
  .hlx-scope .my-lg-xs {
    margin-bottom: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .ml-lg-xs,
  .hlx-scope .mx-lg-xs {
    margin-left: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .m-lg-sm {
    margin: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .mt-lg-sm,
  .hlx-scope .my-lg-sm {
    margin-top: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .mr-lg-sm,
  .hlx-scope .mx-lg-sm {
    margin-right: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .mb-lg-sm,
  .hlx-scope .my-lg-sm {
    margin-bottom: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .ml-lg-sm,
  .hlx-scope .mx-lg-sm {
    margin-left: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .m-lg-md {
    margin: var(--hl-spacer-md) !important;
  }
  .hlx-scope .mt-lg-md,
  .hlx-scope .my-lg-md {
    margin-top: var(--hl-spacer-md) !important;
  }
  .hlx-scope .mr-lg-md,
  .hlx-scope .mx-lg-md {
    margin-right: var(--hl-spacer-md) !important;
  }
  .hlx-scope .mb-lg-md,
  .hlx-scope .my-lg-md {
    margin-bottom: var(--hl-spacer-md) !important;
  }
  .hlx-scope .ml-lg-md,
  .hlx-scope .mx-lg-md {
    margin-left: var(--hl-spacer-md) !important;
  }
  .hlx-scope .m-lg-lg {
    margin: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .mt-lg-lg,
  .hlx-scope .my-lg-lg {
    margin-top: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .mr-lg-lg,
  .hlx-scope .mx-lg-lg {
    margin-right: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .mb-lg-lg,
  .hlx-scope .my-lg-lg {
    margin-bottom: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .ml-lg-lg,
  .hlx-scope .mx-lg-lg {
    margin-left: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .m-lg-xl {
    margin: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .mt-lg-xl,
  .hlx-scope .my-lg-xl {
    margin-top: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .mr-lg-xl,
  .hlx-scope .mx-lg-xl {
    margin-right: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .mb-lg-xl,
  .hlx-scope .my-lg-xl {
    margin-bottom: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .ml-lg-xl,
  .hlx-scope .mx-lg-xl {
    margin-left: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .m-lg-2xl {
    margin: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .mt-lg-2xl,
  .hlx-scope .my-lg-2xl {
    margin-top: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .mr-lg-2xl,
  .hlx-scope .mx-lg-2xl {
    margin-right: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .mb-lg-2xl,
  .hlx-scope .my-lg-2xl {
    margin-bottom: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .ml-lg-2xl,
  .hlx-scope .mx-lg-2xl {
    margin-left: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .m-lg-3xl {
    margin: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .mt-lg-3xl,
  .hlx-scope .my-lg-3xl {
    margin-top: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .mr-lg-3xl,
  .hlx-scope .mx-lg-3xl {
    margin-right: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .mb-lg-3xl,
  .hlx-scope .my-lg-3xl {
    margin-bottom: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .ml-lg-3xl,
  .hlx-scope .mx-lg-3xl {
    margin-left: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .m-lg-4xl {
    margin: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .mt-lg-4xl,
  .hlx-scope .my-lg-4xl {
    margin-top: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .mr-lg-4xl,
  .hlx-scope .mx-lg-4xl {
    margin-right: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .mb-lg-4xl,
  .hlx-scope .my-lg-4xl {
    margin-bottom: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .ml-lg-4xl,
  .hlx-scope .mx-lg-4xl {
    margin-left: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .m-lg-5xl {
    margin: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .mt-lg-5xl,
  .hlx-scope .my-lg-5xl {
    margin-top: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .mr-lg-5xl,
  .hlx-scope .mx-lg-5xl {
    margin-right: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .mb-lg-5xl,
  .hlx-scope .my-lg-5xl {
    margin-bottom: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .ml-lg-5xl,
  .hlx-scope .mx-lg-5xl {
    margin-left: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .m-lg-6xl {
    margin: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .mt-lg-6xl,
  .hlx-scope .my-lg-6xl {
    margin-top: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .mr-lg-6xl,
  .hlx-scope .mx-lg-6xl {
    margin-right: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .mb-lg-6xl,
  .hlx-scope .my-lg-6xl {
    margin-bottom: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .ml-lg-6xl,
  .hlx-scope .mx-lg-6xl {
    margin-left: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .m-lg-7xl {
    margin: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .mt-lg-7xl,
  .hlx-scope .my-lg-7xl {
    margin-top: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .mr-lg-7xl,
  .hlx-scope .mx-lg-7xl {
    margin-right: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .mb-lg-7xl,
  .hlx-scope .my-lg-7xl {
    margin-bottom: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .ml-lg-7xl,
  .hlx-scope .mx-lg-7xl {
    margin-left: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .p-lg-0 {
    padding: 0 !important;
  }
  .hlx-scope .pt-lg-0,
  .hlx-scope .py-lg-0 {
    padding-top: 0 !important;
  }
  .hlx-scope .pr-lg-0,
  .hlx-scope .px-lg-0 {
    padding-right: 0 !important;
  }
  .hlx-scope .pb-lg-0,
  .hlx-scope .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .hlx-scope .pl-lg-0,
  .hlx-scope .px-lg-0 {
    padding-left: 0 !important;
  }
  .hlx-scope .p-lg-1 {
    padding: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pt-lg-1,
  .hlx-scope .py-lg-1 {
    padding-top: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pr-lg-1,
  .hlx-scope .px-lg-1 {
    padding-right: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pb-lg-1,
  .hlx-scope .py-lg-1 {
    padding-bottom: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pl-lg-1,
  .hlx-scope .px-lg-1 {
    padding-left: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .p-lg-2 {
    padding: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pt-lg-2,
  .hlx-scope .py-lg-2 {
    padding-top: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pr-lg-2,
  .hlx-scope .px-lg-2 {
    padding-right: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pb-lg-2,
  .hlx-scope .py-lg-2 {
    padding-bottom: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pl-lg-2,
  .hlx-scope .px-lg-2 {
    padding-left: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .p-lg-3 {
    padding: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pt-lg-3,
  .hlx-scope .py-lg-3 {
    padding-top: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pr-lg-3,
  .hlx-scope .px-lg-3 {
    padding-right: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pb-lg-3,
  .hlx-scope .py-lg-3 {
    padding-bottom: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pl-lg-3,
  .hlx-scope .px-lg-3 {
    padding-left: var(--hl-spacer-md) !important;
  }
  .hlx-scope .p-lg-4 {
    padding: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pt-lg-4,
  .hlx-scope .py-lg-4 {
    padding-top: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pr-lg-4,
  .hlx-scope .px-lg-4 {
    padding-right: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pb-lg-4,
  .hlx-scope .py-lg-4 {
    padding-bottom: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pl-lg-4,
  .hlx-scope .px-lg-4 {
    padding-left: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .p-lg-5 {
    padding: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pt-lg-5,
  .hlx-scope .py-lg-5 {
    padding-top: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pr-lg-5,
  .hlx-scope .px-lg-5 {
    padding-right: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pb-lg-5,
  .hlx-scope .py-lg-5 {
    padding-bottom: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pl-lg-5,
  .hlx-scope .px-lg-5 {
    padding-left: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .p-lg-3xs {
    padding: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .pt-lg-3xs,
  .hlx-scope .py-lg-3xs {
    padding-top: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .pr-lg-3xs,
  .hlx-scope .px-lg-3xs {
    padding-right: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .pb-lg-3xs,
  .hlx-scope .py-lg-3xs {
    padding-bottom: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .pl-lg-3xs,
  .hlx-scope .px-lg-3xs {
    padding-left: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .p-lg-2xs {
    padding: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pt-lg-2xs,
  .hlx-scope .py-lg-2xs {
    padding-top: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pr-lg-2xs,
  .hlx-scope .px-lg-2xs {
    padding-right: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pb-lg-2xs,
  .hlx-scope .py-lg-2xs {
    padding-bottom: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pl-lg-2xs,
  .hlx-scope .px-lg-2xs {
    padding-left: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .p-lg-xs {
    padding: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pt-lg-xs,
  .hlx-scope .py-lg-xs {
    padding-top: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pr-lg-xs,
  .hlx-scope .px-lg-xs {
    padding-right: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pb-lg-xs,
  .hlx-scope .py-lg-xs {
    padding-bottom: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pl-lg-xs,
  .hlx-scope .px-lg-xs {
    padding-left: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .p-lg-sm {
    padding: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .pt-lg-sm,
  .hlx-scope .py-lg-sm {
    padding-top: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .pr-lg-sm,
  .hlx-scope .px-lg-sm {
    padding-right: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .pb-lg-sm,
  .hlx-scope .py-lg-sm {
    padding-bottom: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .pl-lg-sm,
  .hlx-scope .px-lg-sm {
    padding-left: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .p-lg-md {
    padding: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pt-lg-md,
  .hlx-scope .py-lg-md {
    padding-top: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pr-lg-md,
  .hlx-scope .px-lg-md {
    padding-right: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pb-lg-md,
  .hlx-scope .py-lg-md {
    padding-bottom: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pl-lg-md,
  .hlx-scope .px-lg-md {
    padding-left: var(--hl-spacer-md) !important;
  }
  .hlx-scope .p-lg-lg {
    padding: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pt-lg-lg,
  .hlx-scope .py-lg-lg {
    padding-top: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pr-lg-lg,
  .hlx-scope .px-lg-lg {
    padding-right: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pb-lg-lg,
  .hlx-scope .py-lg-lg {
    padding-bottom: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pl-lg-lg,
  .hlx-scope .px-lg-lg {
    padding-left: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .p-lg-xl {
    padding: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .pt-lg-xl,
  .hlx-scope .py-lg-xl {
    padding-top: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .pr-lg-xl,
  .hlx-scope .px-lg-xl {
    padding-right: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .pb-lg-xl,
  .hlx-scope .py-lg-xl {
    padding-bottom: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .pl-lg-xl,
  .hlx-scope .px-lg-xl {
    padding-left: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .p-lg-2xl {
    padding: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .pt-lg-2xl,
  .hlx-scope .py-lg-2xl {
    padding-top: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .pr-lg-2xl,
  .hlx-scope .px-lg-2xl {
    padding-right: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .pb-lg-2xl,
  .hlx-scope .py-lg-2xl {
    padding-bottom: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .pl-lg-2xl,
  .hlx-scope .px-lg-2xl {
    padding-left: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .p-lg-3xl {
    padding: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pt-lg-3xl,
  .hlx-scope .py-lg-3xl {
    padding-top: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pr-lg-3xl,
  .hlx-scope .px-lg-3xl {
    padding-right: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pb-lg-3xl,
  .hlx-scope .py-lg-3xl {
    padding-bottom: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pl-lg-3xl,
  .hlx-scope .px-lg-3xl {
    padding-left: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .p-lg-4xl {
    padding: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .pt-lg-4xl,
  .hlx-scope .py-lg-4xl {
    padding-top: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .pr-lg-4xl,
  .hlx-scope .px-lg-4xl {
    padding-right: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .pb-lg-4xl,
  .hlx-scope .py-lg-4xl {
    padding-bottom: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .pl-lg-4xl,
  .hlx-scope .px-lg-4xl {
    padding-left: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .p-lg-5xl {
    padding: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .pt-lg-5xl,
  .hlx-scope .py-lg-5xl {
    padding-top: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .pr-lg-5xl,
  .hlx-scope .px-lg-5xl {
    padding-right: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .pb-lg-5xl,
  .hlx-scope .py-lg-5xl {
    padding-bottom: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .pl-lg-5xl,
  .hlx-scope .px-lg-5xl {
    padding-left: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .p-lg-6xl {
    padding: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .pt-lg-6xl,
  .hlx-scope .py-lg-6xl {
    padding-top: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .pr-lg-6xl,
  .hlx-scope .px-lg-6xl {
    padding-right: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .pb-lg-6xl,
  .hlx-scope .py-lg-6xl {
    padding-bottom: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .pl-lg-6xl,
  .hlx-scope .px-lg-6xl {
    padding-left: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .p-lg-7xl {
    padding: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .pt-lg-7xl,
  .hlx-scope .py-lg-7xl {
    padding-top: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .pr-lg-7xl,
  .hlx-scope .px-lg-7xl {
    padding-right: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .pb-lg-7xl,
  .hlx-scope .py-lg-7xl {
    padding-bottom: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .pl-lg-7xl,
  .hlx-scope .px-lg-7xl {
    padding-left: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .m-lg-auto {
    margin: auto !important;
  }
  .hlx-scope .mt-lg-auto,
  .hlx-scope .my-lg-auto {
    margin-top: auto !important;
  }
  .hlx-scope .mr-lg-auto,
  .hlx-scope .mx-lg-auto {
    margin-right: auto !important;
  }
  .hlx-scope .mb-lg-auto,
  .hlx-scope .my-lg-auto {
    margin-bottom: auto !important;
  }
  .hlx-scope .ml-lg-auto,
  .hlx-scope .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .hlx-scope .m-xl-0 {
    margin: 0 !important;
  }
  .hlx-scope .mt-xl-0,
  .hlx-scope .my-xl-0 {
    margin-top: 0 !important;
  }
  .hlx-scope .mr-xl-0,
  .hlx-scope .mx-xl-0 {
    margin-right: 0 !important;
  }
  .hlx-scope .mb-xl-0,
  .hlx-scope .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .hlx-scope .ml-xl-0,
  .hlx-scope .mx-xl-0 {
    margin-left: 0 !important;
  }
  .hlx-scope .m-xl-1 {
    margin: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .mt-xl-1,
  .hlx-scope .my-xl-1 {
    margin-top: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .mr-xl-1,
  .hlx-scope .mx-xl-1 {
    margin-right: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .mb-xl-1,
  .hlx-scope .my-xl-1 {
    margin-bottom: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .ml-xl-1,
  .hlx-scope .mx-xl-1 {
    margin-left: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .m-xl-2 {
    margin: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .mt-xl-2,
  .hlx-scope .my-xl-2 {
    margin-top: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .mr-xl-2,
  .hlx-scope .mx-xl-2 {
    margin-right: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .mb-xl-2,
  .hlx-scope .my-xl-2 {
    margin-bottom: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .ml-xl-2,
  .hlx-scope .mx-xl-2 {
    margin-left: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .m-xl-3 {
    margin: var(--hl-spacer-md) !important;
  }
  .hlx-scope .mt-xl-3,
  .hlx-scope .my-xl-3 {
    margin-top: var(--hl-spacer-md) !important;
  }
  .hlx-scope .mr-xl-3,
  .hlx-scope .mx-xl-3 {
    margin-right: var(--hl-spacer-md) !important;
  }
  .hlx-scope .mb-xl-3,
  .hlx-scope .my-xl-3 {
    margin-bottom: var(--hl-spacer-md) !important;
  }
  .hlx-scope .ml-xl-3,
  .hlx-scope .mx-xl-3 {
    margin-left: var(--hl-spacer-md) !important;
  }
  .hlx-scope .m-xl-4 {
    margin: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .mt-xl-4,
  .hlx-scope .my-xl-4 {
    margin-top: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .mr-xl-4,
  .hlx-scope .mx-xl-4 {
    margin-right: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .mb-xl-4,
  .hlx-scope .my-xl-4 {
    margin-bottom: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .ml-xl-4,
  .hlx-scope .mx-xl-4 {
    margin-left: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .m-xl-5 {
    margin: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .mt-xl-5,
  .hlx-scope .my-xl-5 {
    margin-top: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .mr-xl-5,
  .hlx-scope .mx-xl-5 {
    margin-right: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .mb-xl-5,
  .hlx-scope .my-xl-5 {
    margin-bottom: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .ml-xl-5,
  .hlx-scope .mx-xl-5 {
    margin-left: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .m-xl-3xs {
    margin: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .mt-xl-3xs,
  .hlx-scope .my-xl-3xs {
    margin-top: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .mr-xl-3xs,
  .hlx-scope .mx-xl-3xs {
    margin-right: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .mb-xl-3xs,
  .hlx-scope .my-xl-3xs {
    margin-bottom: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .ml-xl-3xs,
  .hlx-scope .mx-xl-3xs {
    margin-left: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .m-xl-2xs {
    margin: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .mt-xl-2xs,
  .hlx-scope .my-xl-2xs {
    margin-top: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .mr-xl-2xs,
  .hlx-scope .mx-xl-2xs {
    margin-right: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .mb-xl-2xs,
  .hlx-scope .my-xl-2xs {
    margin-bottom: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .ml-xl-2xs,
  .hlx-scope .mx-xl-2xs {
    margin-left: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .m-xl-xs {
    margin: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .mt-xl-xs,
  .hlx-scope .my-xl-xs {
    margin-top: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .mr-xl-xs,
  .hlx-scope .mx-xl-xs {
    margin-right: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .mb-xl-xs,
  .hlx-scope .my-xl-xs {
    margin-bottom: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .ml-xl-xs,
  .hlx-scope .mx-xl-xs {
    margin-left: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .m-xl-sm {
    margin: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .mt-xl-sm,
  .hlx-scope .my-xl-sm {
    margin-top: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .mr-xl-sm,
  .hlx-scope .mx-xl-sm {
    margin-right: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .mb-xl-sm,
  .hlx-scope .my-xl-sm {
    margin-bottom: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .ml-xl-sm,
  .hlx-scope .mx-xl-sm {
    margin-left: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .m-xl-md {
    margin: var(--hl-spacer-md) !important;
  }
  .hlx-scope .mt-xl-md,
  .hlx-scope .my-xl-md {
    margin-top: var(--hl-spacer-md) !important;
  }
  .hlx-scope .mr-xl-md,
  .hlx-scope .mx-xl-md {
    margin-right: var(--hl-spacer-md) !important;
  }
  .hlx-scope .mb-xl-md,
  .hlx-scope .my-xl-md {
    margin-bottom: var(--hl-spacer-md) !important;
  }
  .hlx-scope .ml-xl-md,
  .hlx-scope .mx-xl-md {
    margin-left: var(--hl-spacer-md) !important;
  }
  .hlx-scope .m-xl-lg {
    margin: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .mt-xl-lg,
  .hlx-scope .my-xl-lg {
    margin-top: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .mr-xl-lg,
  .hlx-scope .mx-xl-lg {
    margin-right: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .mb-xl-lg,
  .hlx-scope .my-xl-lg {
    margin-bottom: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .ml-xl-lg,
  .hlx-scope .mx-xl-lg {
    margin-left: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .m-xl-xl {
    margin: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .mt-xl-xl,
  .hlx-scope .my-xl-xl {
    margin-top: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .mr-xl-xl,
  .hlx-scope .mx-xl-xl {
    margin-right: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .mb-xl-xl,
  .hlx-scope .my-xl-xl {
    margin-bottom: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .ml-xl-xl,
  .hlx-scope .mx-xl-xl {
    margin-left: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .m-xl-2xl {
    margin: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .mt-xl-2xl,
  .hlx-scope .my-xl-2xl {
    margin-top: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .mr-xl-2xl,
  .hlx-scope .mx-xl-2xl {
    margin-right: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .mb-xl-2xl,
  .hlx-scope .my-xl-2xl {
    margin-bottom: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .ml-xl-2xl,
  .hlx-scope .mx-xl-2xl {
    margin-left: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .m-xl-3xl {
    margin: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .mt-xl-3xl,
  .hlx-scope .my-xl-3xl {
    margin-top: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .mr-xl-3xl,
  .hlx-scope .mx-xl-3xl {
    margin-right: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .mb-xl-3xl,
  .hlx-scope .my-xl-3xl {
    margin-bottom: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .ml-xl-3xl,
  .hlx-scope .mx-xl-3xl {
    margin-left: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .m-xl-4xl {
    margin: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .mt-xl-4xl,
  .hlx-scope .my-xl-4xl {
    margin-top: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .mr-xl-4xl,
  .hlx-scope .mx-xl-4xl {
    margin-right: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .mb-xl-4xl,
  .hlx-scope .my-xl-4xl {
    margin-bottom: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .ml-xl-4xl,
  .hlx-scope .mx-xl-4xl {
    margin-left: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .m-xl-5xl {
    margin: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .mt-xl-5xl,
  .hlx-scope .my-xl-5xl {
    margin-top: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .mr-xl-5xl,
  .hlx-scope .mx-xl-5xl {
    margin-right: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .mb-xl-5xl,
  .hlx-scope .my-xl-5xl {
    margin-bottom: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .ml-xl-5xl,
  .hlx-scope .mx-xl-5xl {
    margin-left: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .m-xl-6xl {
    margin: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .mt-xl-6xl,
  .hlx-scope .my-xl-6xl {
    margin-top: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .mr-xl-6xl,
  .hlx-scope .mx-xl-6xl {
    margin-right: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .mb-xl-6xl,
  .hlx-scope .my-xl-6xl {
    margin-bottom: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .ml-xl-6xl,
  .hlx-scope .mx-xl-6xl {
    margin-left: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .m-xl-7xl {
    margin: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .mt-xl-7xl,
  .hlx-scope .my-xl-7xl {
    margin-top: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .mr-xl-7xl,
  .hlx-scope .mx-xl-7xl {
    margin-right: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .mb-xl-7xl,
  .hlx-scope .my-xl-7xl {
    margin-bottom: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .ml-xl-7xl,
  .hlx-scope .mx-xl-7xl {
    margin-left: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .p-xl-0 {
    padding: 0 !important;
  }
  .hlx-scope .pt-xl-0,
  .hlx-scope .py-xl-0 {
    padding-top: 0 !important;
  }
  .hlx-scope .pr-xl-0,
  .hlx-scope .px-xl-0 {
    padding-right: 0 !important;
  }
  .hlx-scope .pb-xl-0,
  .hlx-scope .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .hlx-scope .pl-xl-0,
  .hlx-scope .px-xl-0 {
    padding-left: 0 !important;
  }
  .hlx-scope .p-xl-1 {
    padding: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pt-xl-1,
  .hlx-scope .py-xl-1 {
    padding-top: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pr-xl-1,
  .hlx-scope .px-xl-1 {
    padding-right: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pb-xl-1,
  .hlx-scope .py-xl-1 {
    padding-bottom: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pl-xl-1,
  .hlx-scope .px-xl-1 {
    padding-left: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .p-xl-2 {
    padding: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pt-xl-2,
  .hlx-scope .py-xl-2 {
    padding-top: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pr-xl-2,
  .hlx-scope .px-xl-2 {
    padding-right: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pb-xl-2,
  .hlx-scope .py-xl-2 {
    padding-bottom: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pl-xl-2,
  .hlx-scope .px-xl-2 {
    padding-left: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .p-xl-3 {
    padding: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pt-xl-3,
  .hlx-scope .py-xl-3 {
    padding-top: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pr-xl-3,
  .hlx-scope .px-xl-3 {
    padding-right: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pb-xl-3,
  .hlx-scope .py-xl-3 {
    padding-bottom: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pl-xl-3,
  .hlx-scope .px-xl-3 {
    padding-left: var(--hl-spacer-md) !important;
  }
  .hlx-scope .p-xl-4 {
    padding: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pt-xl-4,
  .hlx-scope .py-xl-4 {
    padding-top: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pr-xl-4,
  .hlx-scope .px-xl-4 {
    padding-right: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pb-xl-4,
  .hlx-scope .py-xl-4 {
    padding-bottom: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pl-xl-4,
  .hlx-scope .px-xl-4 {
    padding-left: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .p-xl-5 {
    padding: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pt-xl-5,
  .hlx-scope .py-xl-5 {
    padding-top: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pr-xl-5,
  .hlx-scope .px-xl-5 {
    padding-right: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pb-xl-5,
  .hlx-scope .py-xl-5 {
    padding-bottom: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pl-xl-5,
  .hlx-scope .px-xl-5 {
    padding-left: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .p-xl-3xs {
    padding: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .pt-xl-3xs,
  .hlx-scope .py-xl-3xs {
    padding-top: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .pr-xl-3xs,
  .hlx-scope .px-xl-3xs {
    padding-right: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .pb-xl-3xs,
  .hlx-scope .py-xl-3xs {
    padding-bottom: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .pl-xl-3xs,
  .hlx-scope .px-xl-3xs {
    padding-left: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .p-xl-2xs {
    padding: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pt-xl-2xs,
  .hlx-scope .py-xl-2xs {
    padding-top: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pr-xl-2xs,
  .hlx-scope .px-xl-2xs {
    padding-right: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pb-xl-2xs,
  .hlx-scope .py-xl-2xs {
    padding-bottom: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pl-xl-2xs,
  .hlx-scope .px-xl-2xs {
    padding-left: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .p-xl-xs {
    padding: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pt-xl-xs,
  .hlx-scope .py-xl-xs {
    padding-top: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pr-xl-xs,
  .hlx-scope .px-xl-xs {
    padding-right: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pb-xl-xs,
  .hlx-scope .py-xl-xs {
    padding-bottom: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pl-xl-xs,
  .hlx-scope .px-xl-xs {
    padding-left: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .p-xl-sm {
    padding: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .pt-xl-sm,
  .hlx-scope .py-xl-sm {
    padding-top: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .pr-xl-sm,
  .hlx-scope .px-xl-sm {
    padding-right: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .pb-xl-sm,
  .hlx-scope .py-xl-sm {
    padding-bottom: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .pl-xl-sm,
  .hlx-scope .px-xl-sm {
    padding-left: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .p-xl-md {
    padding: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pt-xl-md,
  .hlx-scope .py-xl-md {
    padding-top: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pr-xl-md,
  .hlx-scope .px-xl-md {
    padding-right: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pb-xl-md,
  .hlx-scope .py-xl-md {
    padding-bottom: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pl-xl-md,
  .hlx-scope .px-xl-md {
    padding-left: var(--hl-spacer-md) !important;
  }
  .hlx-scope .p-xl-lg {
    padding: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pt-xl-lg,
  .hlx-scope .py-xl-lg {
    padding-top: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pr-xl-lg,
  .hlx-scope .px-xl-lg {
    padding-right: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pb-xl-lg,
  .hlx-scope .py-xl-lg {
    padding-bottom: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pl-xl-lg,
  .hlx-scope .px-xl-lg {
    padding-left: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .p-xl-xl {
    padding: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .pt-xl-xl,
  .hlx-scope .py-xl-xl {
    padding-top: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .pr-xl-xl,
  .hlx-scope .px-xl-xl {
    padding-right: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .pb-xl-xl,
  .hlx-scope .py-xl-xl {
    padding-bottom: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .pl-xl-xl,
  .hlx-scope .px-xl-xl {
    padding-left: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .p-xl-2xl {
    padding: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .pt-xl-2xl,
  .hlx-scope .py-xl-2xl {
    padding-top: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .pr-xl-2xl,
  .hlx-scope .px-xl-2xl {
    padding-right: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .pb-xl-2xl,
  .hlx-scope .py-xl-2xl {
    padding-bottom: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .pl-xl-2xl,
  .hlx-scope .px-xl-2xl {
    padding-left: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .p-xl-3xl {
    padding: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pt-xl-3xl,
  .hlx-scope .py-xl-3xl {
    padding-top: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pr-xl-3xl,
  .hlx-scope .px-xl-3xl {
    padding-right: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pb-xl-3xl,
  .hlx-scope .py-xl-3xl {
    padding-bottom: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pl-xl-3xl,
  .hlx-scope .px-xl-3xl {
    padding-left: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .p-xl-4xl {
    padding: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .pt-xl-4xl,
  .hlx-scope .py-xl-4xl {
    padding-top: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .pr-xl-4xl,
  .hlx-scope .px-xl-4xl {
    padding-right: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .pb-xl-4xl,
  .hlx-scope .py-xl-4xl {
    padding-bottom: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .pl-xl-4xl,
  .hlx-scope .px-xl-4xl {
    padding-left: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .p-xl-5xl {
    padding: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .pt-xl-5xl,
  .hlx-scope .py-xl-5xl {
    padding-top: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .pr-xl-5xl,
  .hlx-scope .px-xl-5xl {
    padding-right: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .pb-xl-5xl,
  .hlx-scope .py-xl-5xl {
    padding-bottom: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .pl-xl-5xl,
  .hlx-scope .px-xl-5xl {
    padding-left: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .p-xl-6xl {
    padding: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .pt-xl-6xl,
  .hlx-scope .py-xl-6xl {
    padding-top: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .pr-xl-6xl,
  .hlx-scope .px-xl-6xl {
    padding-right: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .pb-xl-6xl,
  .hlx-scope .py-xl-6xl {
    padding-bottom: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .pl-xl-6xl,
  .hlx-scope .px-xl-6xl {
    padding-left: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .p-xl-7xl {
    padding: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .pt-xl-7xl,
  .hlx-scope .py-xl-7xl {
    padding-top: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .pr-xl-7xl,
  .hlx-scope .px-xl-7xl {
    padding-right: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .pb-xl-7xl,
  .hlx-scope .py-xl-7xl {
    padding-bottom: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .pl-xl-7xl,
  .hlx-scope .px-xl-7xl {
    padding-left: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .m-xl-auto {
    margin: auto !important;
  }
  .hlx-scope .mt-xl-auto,
  .hlx-scope .my-xl-auto {
    margin-top: auto !important;
  }
  .hlx-scope .mr-xl-auto,
  .hlx-scope .mx-xl-auto {
    margin-right: auto !important;
  }
  .hlx-scope .mb-xl-auto,
  .hlx-scope .my-xl-auto {
    margin-bottom: auto !important;
  }
  .hlx-scope .ml-xl-auto,
  .hlx-scope .mx-xl-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1400px) {
  .hlx-scope .m-xxl-0 {
    margin: 0 !important;
  }
  .hlx-scope .mt-xxl-0,
  .hlx-scope .my-xxl-0 {
    margin-top: 0 !important;
  }
  .hlx-scope .mr-xxl-0,
  .hlx-scope .mx-xxl-0 {
    margin-right: 0 !important;
  }
  .hlx-scope .mb-xxl-0,
  .hlx-scope .my-xxl-0 {
    margin-bottom: 0 !important;
  }
  .hlx-scope .ml-xxl-0,
  .hlx-scope .mx-xxl-0 {
    margin-left: 0 !important;
  }
  .hlx-scope .m-xxl-1 {
    margin: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .mt-xxl-1,
  .hlx-scope .my-xxl-1 {
    margin-top: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .mr-xxl-1,
  .hlx-scope .mx-xxl-1 {
    margin-right: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .mb-xxl-1,
  .hlx-scope .my-xxl-1 {
    margin-bottom: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .ml-xxl-1,
  .hlx-scope .mx-xxl-1 {
    margin-left: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .m-xxl-2 {
    margin: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .mt-xxl-2,
  .hlx-scope .my-xxl-2 {
    margin-top: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .mr-xxl-2,
  .hlx-scope .mx-xxl-2 {
    margin-right: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .mb-xxl-2,
  .hlx-scope .my-xxl-2 {
    margin-bottom: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .ml-xxl-2,
  .hlx-scope .mx-xxl-2 {
    margin-left: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .m-xxl-3 {
    margin: var(--hl-spacer-md) !important;
  }
  .hlx-scope .mt-xxl-3,
  .hlx-scope .my-xxl-3 {
    margin-top: var(--hl-spacer-md) !important;
  }
  .hlx-scope .mr-xxl-3,
  .hlx-scope .mx-xxl-3 {
    margin-right: var(--hl-spacer-md) !important;
  }
  .hlx-scope .mb-xxl-3,
  .hlx-scope .my-xxl-3 {
    margin-bottom: var(--hl-spacer-md) !important;
  }
  .hlx-scope .ml-xxl-3,
  .hlx-scope .mx-xxl-3 {
    margin-left: var(--hl-spacer-md) !important;
  }
  .hlx-scope .m-xxl-4 {
    margin: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .mt-xxl-4,
  .hlx-scope .my-xxl-4 {
    margin-top: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .mr-xxl-4,
  .hlx-scope .mx-xxl-4 {
    margin-right: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .mb-xxl-4,
  .hlx-scope .my-xxl-4 {
    margin-bottom: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .ml-xxl-4,
  .hlx-scope .mx-xxl-4 {
    margin-left: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .m-xxl-5 {
    margin: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .mt-xxl-5,
  .hlx-scope .my-xxl-5 {
    margin-top: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .mr-xxl-5,
  .hlx-scope .mx-xxl-5 {
    margin-right: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .mb-xxl-5,
  .hlx-scope .my-xxl-5 {
    margin-bottom: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .ml-xxl-5,
  .hlx-scope .mx-xxl-5 {
    margin-left: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .m-xxl-3xs {
    margin: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .mt-xxl-3xs,
  .hlx-scope .my-xxl-3xs {
    margin-top: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .mr-xxl-3xs,
  .hlx-scope .mx-xxl-3xs {
    margin-right: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .mb-xxl-3xs,
  .hlx-scope .my-xxl-3xs {
    margin-bottom: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .ml-xxl-3xs,
  .hlx-scope .mx-xxl-3xs {
    margin-left: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .m-xxl-2xs {
    margin: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .mt-xxl-2xs,
  .hlx-scope .my-xxl-2xs {
    margin-top: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .mr-xxl-2xs,
  .hlx-scope .mx-xxl-2xs {
    margin-right: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .mb-xxl-2xs,
  .hlx-scope .my-xxl-2xs {
    margin-bottom: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .ml-xxl-2xs,
  .hlx-scope .mx-xxl-2xs {
    margin-left: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .m-xxl-xs {
    margin: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .mt-xxl-xs,
  .hlx-scope .my-xxl-xs {
    margin-top: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .mr-xxl-xs,
  .hlx-scope .mx-xxl-xs {
    margin-right: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .mb-xxl-xs,
  .hlx-scope .my-xxl-xs {
    margin-bottom: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .ml-xxl-xs,
  .hlx-scope .mx-xxl-xs {
    margin-left: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .m-xxl-sm {
    margin: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .mt-xxl-sm,
  .hlx-scope .my-xxl-sm {
    margin-top: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .mr-xxl-sm,
  .hlx-scope .mx-xxl-sm {
    margin-right: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .mb-xxl-sm,
  .hlx-scope .my-xxl-sm {
    margin-bottom: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .ml-xxl-sm,
  .hlx-scope .mx-xxl-sm {
    margin-left: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .m-xxl-md {
    margin: var(--hl-spacer-md) !important;
  }
  .hlx-scope .mt-xxl-md,
  .hlx-scope .my-xxl-md {
    margin-top: var(--hl-spacer-md) !important;
  }
  .hlx-scope .mr-xxl-md,
  .hlx-scope .mx-xxl-md {
    margin-right: var(--hl-spacer-md) !important;
  }
  .hlx-scope .mb-xxl-md,
  .hlx-scope .my-xxl-md {
    margin-bottom: var(--hl-spacer-md) !important;
  }
  .hlx-scope .ml-xxl-md,
  .hlx-scope .mx-xxl-md {
    margin-left: var(--hl-spacer-md) !important;
  }
  .hlx-scope .m-xxl-lg {
    margin: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .mt-xxl-lg,
  .hlx-scope .my-xxl-lg {
    margin-top: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .mr-xxl-lg,
  .hlx-scope .mx-xxl-lg {
    margin-right: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .mb-xxl-lg,
  .hlx-scope .my-xxl-lg {
    margin-bottom: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .ml-xxl-lg,
  .hlx-scope .mx-xxl-lg {
    margin-left: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .m-xxl-xl {
    margin: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .mt-xxl-xl,
  .hlx-scope .my-xxl-xl {
    margin-top: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .mr-xxl-xl,
  .hlx-scope .mx-xxl-xl {
    margin-right: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .mb-xxl-xl,
  .hlx-scope .my-xxl-xl {
    margin-bottom: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .ml-xxl-xl,
  .hlx-scope .mx-xxl-xl {
    margin-left: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .m-xxl-2xl {
    margin: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .mt-xxl-2xl,
  .hlx-scope .my-xxl-2xl {
    margin-top: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .mr-xxl-2xl,
  .hlx-scope .mx-xxl-2xl {
    margin-right: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .mb-xxl-2xl,
  .hlx-scope .my-xxl-2xl {
    margin-bottom: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .ml-xxl-2xl,
  .hlx-scope .mx-xxl-2xl {
    margin-left: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .m-xxl-3xl {
    margin: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .mt-xxl-3xl,
  .hlx-scope .my-xxl-3xl {
    margin-top: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .mr-xxl-3xl,
  .hlx-scope .mx-xxl-3xl {
    margin-right: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .mb-xxl-3xl,
  .hlx-scope .my-xxl-3xl {
    margin-bottom: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .ml-xxl-3xl,
  .hlx-scope .mx-xxl-3xl {
    margin-left: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .m-xxl-4xl {
    margin: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .mt-xxl-4xl,
  .hlx-scope .my-xxl-4xl {
    margin-top: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .mr-xxl-4xl,
  .hlx-scope .mx-xxl-4xl {
    margin-right: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .mb-xxl-4xl,
  .hlx-scope .my-xxl-4xl {
    margin-bottom: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .ml-xxl-4xl,
  .hlx-scope .mx-xxl-4xl {
    margin-left: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .m-xxl-5xl {
    margin: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .mt-xxl-5xl,
  .hlx-scope .my-xxl-5xl {
    margin-top: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .mr-xxl-5xl,
  .hlx-scope .mx-xxl-5xl {
    margin-right: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .mb-xxl-5xl,
  .hlx-scope .my-xxl-5xl {
    margin-bottom: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .ml-xxl-5xl,
  .hlx-scope .mx-xxl-5xl {
    margin-left: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .m-xxl-6xl {
    margin: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .mt-xxl-6xl,
  .hlx-scope .my-xxl-6xl {
    margin-top: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .mr-xxl-6xl,
  .hlx-scope .mx-xxl-6xl {
    margin-right: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .mb-xxl-6xl,
  .hlx-scope .my-xxl-6xl {
    margin-bottom: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .ml-xxl-6xl,
  .hlx-scope .mx-xxl-6xl {
    margin-left: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .m-xxl-7xl {
    margin: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .mt-xxl-7xl,
  .hlx-scope .my-xxl-7xl {
    margin-top: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .mr-xxl-7xl,
  .hlx-scope .mx-xxl-7xl {
    margin-right: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .mb-xxl-7xl,
  .hlx-scope .my-xxl-7xl {
    margin-bottom: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .ml-xxl-7xl,
  .hlx-scope .mx-xxl-7xl {
    margin-left: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .p-xxl-0 {
    padding: 0 !important;
  }
  .hlx-scope .pt-xxl-0,
  .hlx-scope .py-xxl-0 {
    padding-top: 0 !important;
  }
  .hlx-scope .pr-xxl-0,
  .hlx-scope .px-xxl-0 {
    padding-right: 0 !important;
  }
  .hlx-scope .pb-xxl-0,
  .hlx-scope .py-xxl-0 {
    padding-bottom: 0 !important;
  }
  .hlx-scope .pl-xxl-0,
  .hlx-scope .px-xxl-0 {
    padding-left: 0 !important;
  }
  .hlx-scope .p-xxl-1 {
    padding: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pt-xxl-1,
  .hlx-scope .py-xxl-1 {
    padding-top: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pr-xxl-1,
  .hlx-scope .px-xxl-1 {
    padding-right: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pb-xxl-1,
  .hlx-scope .py-xxl-1 {
    padding-bottom: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pl-xxl-1,
  .hlx-scope .px-xxl-1 {
    padding-left: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .p-xxl-2 {
    padding: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pt-xxl-2,
  .hlx-scope .py-xxl-2 {
    padding-top: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pr-xxl-2,
  .hlx-scope .px-xxl-2 {
    padding-right: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pb-xxl-2,
  .hlx-scope .py-xxl-2 {
    padding-bottom: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pl-xxl-2,
  .hlx-scope .px-xxl-2 {
    padding-left: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .p-xxl-3 {
    padding: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pt-xxl-3,
  .hlx-scope .py-xxl-3 {
    padding-top: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pr-xxl-3,
  .hlx-scope .px-xxl-3 {
    padding-right: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pb-xxl-3,
  .hlx-scope .py-xxl-3 {
    padding-bottom: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pl-xxl-3,
  .hlx-scope .px-xxl-3 {
    padding-left: var(--hl-spacer-md) !important;
  }
  .hlx-scope .p-xxl-4 {
    padding: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pt-xxl-4,
  .hlx-scope .py-xxl-4 {
    padding-top: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pr-xxl-4,
  .hlx-scope .px-xxl-4 {
    padding-right: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pb-xxl-4,
  .hlx-scope .py-xxl-4 {
    padding-bottom: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pl-xxl-4,
  .hlx-scope .px-xxl-4 {
    padding-left: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .p-xxl-5 {
    padding: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pt-xxl-5,
  .hlx-scope .py-xxl-5 {
    padding-top: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pr-xxl-5,
  .hlx-scope .px-xxl-5 {
    padding-right: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pb-xxl-5,
  .hlx-scope .py-xxl-5 {
    padding-bottom: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pl-xxl-5,
  .hlx-scope .px-xxl-5 {
    padding-left: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .p-xxl-3xs {
    padding: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .pt-xxl-3xs,
  .hlx-scope .py-xxl-3xs {
    padding-top: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .pr-xxl-3xs,
  .hlx-scope .px-xxl-3xs {
    padding-right: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .pb-xxl-3xs,
  .hlx-scope .py-xxl-3xs {
    padding-bottom: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .pl-xxl-3xs,
  .hlx-scope .px-xxl-3xs {
    padding-left: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .p-xxl-2xs {
    padding: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pt-xxl-2xs,
  .hlx-scope .py-xxl-2xs {
    padding-top: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pr-xxl-2xs,
  .hlx-scope .px-xxl-2xs {
    padding-right: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pb-xxl-2xs,
  .hlx-scope .py-xxl-2xs {
    padding-bottom: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pl-xxl-2xs,
  .hlx-scope .px-xxl-2xs {
    padding-left: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .p-xxl-xs {
    padding: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pt-xxl-xs,
  .hlx-scope .py-xxl-xs {
    padding-top: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pr-xxl-xs,
  .hlx-scope .px-xxl-xs {
    padding-right: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pb-xxl-xs,
  .hlx-scope .py-xxl-xs {
    padding-bottom: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pl-xxl-xs,
  .hlx-scope .px-xxl-xs {
    padding-left: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .p-xxl-sm {
    padding: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .pt-xxl-sm,
  .hlx-scope .py-xxl-sm {
    padding-top: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .pr-xxl-sm,
  .hlx-scope .px-xxl-sm {
    padding-right: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .pb-xxl-sm,
  .hlx-scope .py-xxl-sm {
    padding-bottom: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .pl-xxl-sm,
  .hlx-scope .px-xxl-sm {
    padding-left: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .p-xxl-md {
    padding: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pt-xxl-md,
  .hlx-scope .py-xxl-md {
    padding-top: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pr-xxl-md,
  .hlx-scope .px-xxl-md {
    padding-right: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pb-xxl-md,
  .hlx-scope .py-xxl-md {
    padding-bottom: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pl-xxl-md,
  .hlx-scope .px-xxl-md {
    padding-left: var(--hl-spacer-md) !important;
  }
  .hlx-scope .p-xxl-lg {
    padding: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pt-xxl-lg,
  .hlx-scope .py-xxl-lg {
    padding-top: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pr-xxl-lg,
  .hlx-scope .px-xxl-lg {
    padding-right: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pb-xxl-lg,
  .hlx-scope .py-xxl-lg {
    padding-bottom: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pl-xxl-lg,
  .hlx-scope .px-xxl-lg {
    padding-left: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .p-xxl-xl {
    padding: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .pt-xxl-xl,
  .hlx-scope .py-xxl-xl {
    padding-top: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .pr-xxl-xl,
  .hlx-scope .px-xxl-xl {
    padding-right: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .pb-xxl-xl,
  .hlx-scope .py-xxl-xl {
    padding-bottom: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .pl-xxl-xl,
  .hlx-scope .px-xxl-xl {
    padding-left: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .p-xxl-2xl {
    padding: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .pt-xxl-2xl,
  .hlx-scope .py-xxl-2xl {
    padding-top: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .pr-xxl-2xl,
  .hlx-scope .px-xxl-2xl {
    padding-right: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .pb-xxl-2xl,
  .hlx-scope .py-xxl-2xl {
    padding-bottom: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .pl-xxl-2xl,
  .hlx-scope .px-xxl-2xl {
    padding-left: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .p-xxl-3xl {
    padding: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pt-xxl-3xl,
  .hlx-scope .py-xxl-3xl {
    padding-top: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pr-xxl-3xl,
  .hlx-scope .px-xxl-3xl {
    padding-right: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pb-xxl-3xl,
  .hlx-scope .py-xxl-3xl {
    padding-bottom: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pl-xxl-3xl,
  .hlx-scope .px-xxl-3xl {
    padding-left: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .p-xxl-4xl {
    padding: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .pt-xxl-4xl,
  .hlx-scope .py-xxl-4xl {
    padding-top: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .pr-xxl-4xl,
  .hlx-scope .px-xxl-4xl {
    padding-right: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .pb-xxl-4xl,
  .hlx-scope .py-xxl-4xl {
    padding-bottom: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .pl-xxl-4xl,
  .hlx-scope .px-xxl-4xl {
    padding-left: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .p-xxl-5xl {
    padding: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .pt-xxl-5xl,
  .hlx-scope .py-xxl-5xl {
    padding-top: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .pr-xxl-5xl,
  .hlx-scope .px-xxl-5xl {
    padding-right: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .pb-xxl-5xl,
  .hlx-scope .py-xxl-5xl {
    padding-bottom: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .pl-xxl-5xl,
  .hlx-scope .px-xxl-5xl {
    padding-left: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .p-xxl-6xl {
    padding: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .pt-xxl-6xl,
  .hlx-scope .py-xxl-6xl {
    padding-top: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .pr-xxl-6xl,
  .hlx-scope .px-xxl-6xl {
    padding-right: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .pb-xxl-6xl,
  .hlx-scope .py-xxl-6xl {
    padding-bottom: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .pl-xxl-6xl,
  .hlx-scope .px-xxl-6xl {
    padding-left: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .p-xxl-7xl {
    padding: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .pt-xxl-7xl,
  .hlx-scope .py-xxl-7xl {
    padding-top: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .pr-xxl-7xl,
  .hlx-scope .px-xxl-7xl {
    padding-right: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .pb-xxl-7xl,
  .hlx-scope .py-xxl-7xl {
    padding-bottom: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .pl-xxl-7xl,
  .hlx-scope .px-xxl-7xl {
    padding-left: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .m-xxl-auto {
    margin: auto !important;
  }
  .hlx-scope .mt-xxl-auto,
  .hlx-scope .my-xxl-auto {
    margin-top: auto !important;
  }
  .hlx-scope .mr-xxl-auto,
  .hlx-scope .mx-xxl-auto {
    margin-right: auto !important;
  }
  .hlx-scope .mb-xxl-auto,
  .hlx-scope .my-xxl-auto {
    margin-bottom: auto !important;
  }
  .hlx-scope .ml-xxl-auto,
  .hlx-scope .mx-xxl-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1880px) {
  .hlx-scope .m-xxxl-0 {
    margin: 0 !important;
  }
  .hlx-scope .mt-xxxl-0,
  .hlx-scope .my-xxxl-0 {
    margin-top: 0 !important;
  }
  .hlx-scope .mr-xxxl-0,
  .hlx-scope .mx-xxxl-0 {
    margin-right: 0 !important;
  }
  .hlx-scope .mb-xxxl-0,
  .hlx-scope .my-xxxl-0 {
    margin-bottom: 0 !important;
  }
  .hlx-scope .ml-xxxl-0,
  .hlx-scope .mx-xxxl-0 {
    margin-left: 0 !important;
  }
  .hlx-scope .m-xxxl-1 {
    margin: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .mt-xxxl-1,
  .hlx-scope .my-xxxl-1 {
    margin-top: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .mr-xxxl-1,
  .hlx-scope .mx-xxxl-1 {
    margin-right: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .mb-xxxl-1,
  .hlx-scope .my-xxxl-1 {
    margin-bottom: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .ml-xxxl-1,
  .hlx-scope .mx-xxxl-1 {
    margin-left: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .m-xxxl-2 {
    margin: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .mt-xxxl-2,
  .hlx-scope .my-xxxl-2 {
    margin-top: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .mr-xxxl-2,
  .hlx-scope .mx-xxxl-2 {
    margin-right: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .mb-xxxl-2,
  .hlx-scope .my-xxxl-2 {
    margin-bottom: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .ml-xxxl-2,
  .hlx-scope .mx-xxxl-2 {
    margin-left: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .m-xxxl-3 {
    margin: var(--hl-spacer-md) !important;
  }
  .hlx-scope .mt-xxxl-3,
  .hlx-scope .my-xxxl-3 {
    margin-top: var(--hl-spacer-md) !important;
  }
  .hlx-scope .mr-xxxl-3,
  .hlx-scope .mx-xxxl-3 {
    margin-right: var(--hl-spacer-md) !important;
  }
  .hlx-scope .mb-xxxl-3,
  .hlx-scope .my-xxxl-3 {
    margin-bottom: var(--hl-spacer-md) !important;
  }
  .hlx-scope .ml-xxxl-3,
  .hlx-scope .mx-xxxl-3 {
    margin-left: var(--hl-spacer-md) !important;
  }
  .hlx-scope .m-xxxl-4 {
    margin: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .mt-xxxl-4,
  .hlx-scope .my-xxxl-4 {
    margin-top: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .mr-xxxl-4,
  .hlx-scope .mx-xxxl-4 {
    margin-right: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .mb-xxxl-4,
  .hlx-scope .my-xxxl-4 {
    margin-bottom: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .ml-xxxl-4,
  .hlx-scope .mx-xxxl-4 {
    margin-left: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .m-xxxl-5 {
    margin: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .mt-xxxl-5,
  .hlx-scope .my-xxxl-5 {
    margin-top: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .mr-xxxl-5,
  .hlx-scope .mx-xxxl-5 {
    margin-right: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .mb-xxxl-5,
  .hlx-scope .my-xxxl-5 {
    margin-bottom: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .ml-xxxl-5,
  .hlx-scope .mx-xxxl-5 {
    margin-left: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .m-xxxl-3xs {
    margin: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .mt-xxxl-3xs,
  .hlx-scope .my-xxxl-3xs {
    margin-top: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .mr-xxxl-3xs,
  .hlx-scope .mx-xxxl-3xs {
    margin-right: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .mb-xxxl-3xs,
  .hlx-scope .my-xxxl-3xs {
    margin-bottom: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .ml-xxxl-3xs,
  .hlx-scope .mx-xxxl-3xs {
    margin-left: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .m-xxxl-2xs {
    margin: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .mt-xxxl-2xs,
  .hlx-scope .my-xxxl-2xs {
    margin-top: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .mr-xxxl-2xs,
  .hlx-scope .mx-xxxl-2xs {
    margin-right: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .mb-xxxl-2xs,
  .hlx-scope .my-xxxl-2xs {
    margin-bottom: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .ml-xxxl-2xs,
  .hlx-scope .mx-xxxl-2xs {
    margin-left: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .m-xxxl-xs {
    margin: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .mt-xxxl-xs,
  .hlx-scope .my-xxxl-xs {
    margin-top: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .mr-xxxl-xs,
  .hlx-scope .mx-xxxl-xs {
    margin-right: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .mb-xxxl-xs,
  .hlx-scope .my-xxxl-xs {
    margin-bottom: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .ml-xxxl-xs,
  .hlx-scope .mx-xxxl-xs {
    margin-left: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .m-xxxl-sm {
    margin: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .mt-xxxl-sm,
  .hlx-scope .my-xxxl-sm {
    margin-top: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .mr-xxxl-sm,
  .hlx-scope .mx-xxxl-sm {
    margin-right: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .mb-xxxl-sm,
  .hlx-scope .my-xxxl-sm {
    margin-bottom: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .ml-xxxl-sm,
  .hlx-scope .mx-xxxl-sm {
    margin-left: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .m-xxxl-md {
    margin: var(--hl-spacer-md) !important;
  }
  .hlx-scope .mt-xxxl-md,
  .hlx-scope .my-xxxl-md {
    margin-top: var(--hl-spacer-md) !important;
  }
  .hlx-scope .mr-xxxl-md,
  .hlx-scope .mx-xxxl-md {
    margin-right: var(--hl-spacer-md) !important;
  }
  .hlx-scope .mb-xxxl-md,
  .hlx-scope .my-xxxl-md {
    margin-bottom: var(--hl-spacer-md) !important;
  }
  .hlx-scope .ml-xxxl-md,
  .hlx-scope .mx-xxxl-md {
    margin-left: var(--hl-spacer-md) !important;
  }
  .hlx-scope .m-xxxl-lg {
    margin: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .mt-xxxl-lg,
  .hlx-scope .my-xxxl-lg {
    margin-top: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .mr-xxxl-lg,
  .hlx-scope .mx-xxxl-lg {
    margin-right: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .mb-xxxl-lg,
  .hlx-scope .my-xxxl-lg {
    margin-bottom: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .ml-xxxl-lg,
  .hlx-scope .mx-xxxl-lg {
    margin-left: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .m-xxxl-xl {
    margin: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .mt-xxxl-xl,
  .hlx-scope .my-xxxl-xl {
    margin-top: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .mr-xxxl-xl,
  .hlx-scope .mx-xxxl-xl {
    margin-right: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .mb-xxxl-xl,
  .hlx-scope .my-xxxl-xl {
    margin-bottom: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .ml-xxxl-xl,
  .hlx-scope .mx-xxxl-xl {
    margin-left: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .m-xxxl-2xl {
    margin: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .mt-xxxl-2xl,
  .hlx-scope .my-xxxl-2xl {
    margin-top: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .mr-xxxl-2xl,
  .hlx-scope .mx-xxxl-2xl {
    margin-right: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .mb-xxxl-2xl,
  .hlx-scope .my-xxxl-2xl {
    margin-bottom: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .ml-xxxl-2xl,
  .hlx-scope .mx-xxxl-2xl {
    margin-left: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .m-xxxl-3xl {
    margin: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .mt-xxxl-3xl,
  .hlx-scope .my-xxxl-3xl {
    margin-top: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .mr-xxxl-3xl,
  .hlx-scope .mx-xxxl-3xl {
    margin-right: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .mb-xxxl-3xl,
  .hlx-scope .my-xxxl-3xl {
    margin-bottom: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .ml-xxxl-3xl,
  .hlx-scope .mx-xxxl-3xl {
    margin-left: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .m-xxxl-4xl {
    margin: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .mt-xxxl-4xl,
  .hlx-scope .my-xxxl-4xl {
    margin-top: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .mr-xxxl-4xl,
  .hlx-scope .mx-xxxl-4xl {
    margin-right: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .mb-xxxl-4xl,
  .hlx-scope .my-xxxl-4xl {
    margin-bottom: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .ml-xxxl-4xl,
  .hlx-scope .mx-xxxl-4xl {
    margin-left: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .m-xxxl-5xl {
    margin: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .mt-xxxl-5xl,
  .hlx-scope .my-xxxl-5xl {
    margin-top: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .mr-xxxl-5xl,
  .hlx-scope .mx-xxxl-5xl {
    margin-right: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .mb-xxxl-5xl,
  .hlx-scope .my-xxxl-5xl {
    margin-bottom: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .ml-xxxl-5xl,
  .hlx-scope .mx-xxxl-5xl {
    margin-left: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .m-xxxl-6xl {
    margin: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .mt-xxxl-6xl,
  .hlx-scope .my-xxxl-6xl {
    margin-top: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .mr-xxxl-6xl,
  .hlx-scope .mx-xxxl-6xl {
    margin-right: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .mb-xxxl-6xl,
  .hlx-scope .my-xxxl-6xl {
    margin-bottom: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .ml-xxxl-6xl,
  .hlx-scope .mx-xxxl-6xl {
    margin-left: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .m-xxxl-7xl {
    margin: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .mt-xxxl-7xl,
  .hlx-scope .my-xxxl-7xl {
    margin-top: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .mr-xxxl-7xl,
  .hlx-scope .mx-xxxl-7xl {
    margin-right: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .mb-xxxl-7xl,
  .hlx-scope .my-xxxl-7xl {
    margin-bottom: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .ml-xxxl-7xl,
  .hlx-scope .mx-xxxl-7xl {
    margin-left: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .p-xxxl-0 {
    padding: 0 !important;
  }
  .hlx-scope .pt-xxxl-0,
  .hlx-scope .py-xxxl-0 {
    padding-top: 0 !important;
  }
  .hlx-scope .pr-xxxl-0,
  .hlx-scope .px-xxxl-0 {
    padding-right: 0 !important;
  }
  .hlx-scope .pb-xxxl-0,
  .hlx-scope .py-xxxl-0 {
    padding-bottom: 0 !important;
  }
  .hlx-scope .pl-xxxl-0,
  .hlx-scope .px-xxxl-0 {
    padding-left: 0 !important;
  }
  .hlx-scope .p-xxxl-1 {
    padding: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pt-xxxl-1,
  .hlx-scope .py-xxxl-1 {
    padding-top: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pr-xxxl-1,
  .hlx-scope .px-xxxl-1 {
    padding-right: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pb-xxxl-1,
  .hlx-scope .py-xxxl-1 {
    padding-bottom: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pl-xxxl-1,
  .hlx-scope .px-xxxl-1 {
    padding-left: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .p-xxxl-2 {
    padding: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pt-xxxl-2,
  .hlx-scope .py-xxxl-2 {
    padding-top: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pr-xxxl-2,
  .hlx-scope .px-xxxl-2 {
    padding-right: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pb-xxxl-2,
  .hlx-scope .py-xxxl-2 {
    padding-bottom: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pl-xxxl-2,
  .hlx-scope .px-xxxl-2 {
    padding-left: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .p-xxxl-3 {
    padding: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pt-xxxl-3,
  .hlx-scope .py-xxxl-3 {
    padding-top: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pr-xxxl-3,
  .hlx-scope .px-xxxl-3 {
    padding-right: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pb-xxxl-3,
  .hlx-scope .py-xxxl-3 {
    padding-bottom: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pl-xxxl-3,
  .hlx-scope .px-xxxl-3 {
    padding-left: var(--hl-spacer-md) !important;
  }
  .hlx-scope .p-xxxl-4 {
    padding: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pt-xxxl-4,
  .hlx-scope .py-xxxl-4 {
    padding-top: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pr-xxxl-4,
  .hlx-scope .px-xxxl-4 {
    padding-right: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pb-xxxl-4,
  .hlx-scope .py-xxxl-4 {
    padding-bottom: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pl-xxxl-4,
  .hlx-scope .px-xxxl-4 {
    padding-left: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .p-xxxl-5 {
    padding: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pt-xxxl-5,
  .hlx-scope .py-xxxl-5 {
    padding-top: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pr-xxxl-5,
  .hlx-scope .px-xxxl-5 {
    padding-right: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pb-xxxl-5,
  .hlx-scope .py-xxxl-5 {
    padding-bottom: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pl-xxxl-5,
  .hlx-scope .px-xxxl-5 {
    padding-left: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .p-xxxl-3xs {
    padding: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .pt-xxxl-3xs,
  .hlx-scope .py-xxxl-3xs {
    padding-top: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .pr-xxxl-3xs,
  .hlx-scope .px-xxxl-3xs {
    padding-right: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .pb-xxxl-3xs,
  .hlx-scope .py-xxxl-3xs {
    padding-bottom: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .pl-xxxl-3xs,
  .hlx-scope .px-xxxl-3xs {
    padding-left: var(--hl-spacer-3xs) !important;
  }
  .hlx-scope .p-xxxl-2xs {
    padding: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pt-xxxl-2xs,
  .hlx-scope .py-xxxl-2xs {
    padding-top: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pr-xxxl-2xs,
  .hlx-scope .px-xxxl-2xs {
    padding-right: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pb-xxxl-2xs,
  .hlx-scope .py-xxxl-2xs {
    padding-bottom: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .pl-xxxl-2xs,
  .hlx-scope .px-xxxl-2xs {
    padding-left: var(--hl-spacer-2xs) !important;
  }
  .hlx-scope .p-xxxl-xs {
    padding: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pt-xxxl-xs,
  .hlx-scope .py-xxxl-xs {
    padding-top: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pr-xxxl-xs,
  .hlx-scope .px-xxxl-xs {
    padding-right: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pb-xxxl-xs,
  .hlx-scope .py-xxxl-xs {
    padding-bottom: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .pl-xxxl-xs,
  .hlx-scope .px-xxxl-xs {
    padding-left: var(--hl-spacer-xs) !important;
  }
  .hlx-scope .p-xxxl-sm {
    padding: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .pt-xxxl-sm,
  .hlx-scope .py-xxxl-sm {
    padding-top: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .pr-xxxl-sm,
  .hlx-scope .px-xxxl-sm {
    padding-right: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .pb-xxxl-sm,
  .hlx-scope .py-xxxl-sm {
    padding-bottom: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .pl-xxxl-sm,
  .hlx-scope .px-xxxl-sm {
    padding-left: var(--hl-spacer-sm) !important;
  }
  .hlx-scope .p-xxxl-md {
    padding: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pt-xxxl-md,
  .hlx-scope .py-xxxl-md {
    padding-top: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pr-xxxl-md,
  .hlx-scope .px-xxxl-md {
    padding-right: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pb-xxxl-md,
  .hlx-scope .py-xxxl-md {
    padding-bottom: var(--hl-spacer-md) !important;
  }
  .hlx-scope .pl-xxxl-md,
  .hlx-scope .px-xxxl-md {
    padding-left: var(--hl-spacer-md) !important;
  }
  .hlx-scope .p-xxxl-lg {
    padding: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pt-xxxl-lg,
  .hlx-scope .py-xxxl-lg {
    padding-top: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pr-xxxl-lg,
  .hlx-scope .px-xxxl-lg {
    padding-right: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pb-xxxl-lg,
  .hlx-scope .py-xxxl-lg {
    padding-bottom: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .pl-xxxl-lg,
  .hlx-scope .px-xxxl-lg {
    padding-left: var(--hl-spacer-lg) !important;
  }
  .hlx-scope .p-xxxl-xl {
    padding: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .pt-xxxl-xl,
  .hlx-scope .py-xxxl-xl {
    padding-top: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .pr-xxxl-xl,
  .hlx-scope .px-xxxl-xl {
    padding-right: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .pb-xxxl-xl,
  .hlx-scope .py-xxxl-xl {
    padding-bottom: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .pl-xxxl-xl,
  .hlx-scope .px-xxxl-xl {
    padding-left: var(--hl-spacer-xl) !important;
  }
  .hlx-scope .p-xxxl-2xl {
    padding: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .pt-xxxl-2xl,
  .hlx-scope .py-xxxl-2xl {
    padding-top: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .pr-xxxl-2xl,
  .hlx-scope .px-xxxl-2xl {
    padding-right: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .pb-xxxl-2xl,
  .hlx-scope .py-xxxl-2xl {
    padding-bottom: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .pl-xxxl-2xl,
  .hlx-scope .px-xxxl-2xl {
    padding-left: var(--hl-spacer-2xl) !important;
  }
  .hlx-scope .p-xxxl-3xl {
    padding: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pt-xxxl-3xl,
  .hlx-scope .py-xxxl-3xl {
    padding-top: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pr-xxxl-3xl,
  .hlx-scope .px-xxxl-3xl {
    padding-right: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pb-xxxl-3xl,
  .hlx-scope .py-xxxl-3xl {
    padding-bottom: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .pl-xxxl-3xl,
  .hlx-scope .px-xxxl-3xl {
    padding-left: var(--hl-spacer-3xl) !important;
  }
  .hlx-scope .p-xxxl-4xl {
    padding: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .pt-xxxl-4xl,
  .hlx-scope .py-xxxl-4xl {
    padding-top: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .pr-xxxl-4xl,
  .hlx-scope .px-xxxl-4xl {
    padding-right: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .pb-xxxl-4xl,
  .hlx-scope .py-xxxl-4xl {
    padding-bottom: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .pl-xxxl-4xl,
  .hlx-scope .px-xxxl-4xl {
    padding-left: var(--hl-spacer-4xl) !important;
  }
  .hlx-scope .p-xxxl-5xl {
    padding: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .pt-xxxl-5xl,
  .hlx-scope .py-xxxl-5xl {
    padding-top: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .pr-xxxl-5xl,
  .hlx-scope .px-xxxl-5xl {
    padding-right: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .pb-xxxl-5xl,
  .hlx-scope .py-xxxl-5xl {
    padding-bottom: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .pl-xxxl-5xl,
  .hlx-scope .px-xxxl-5xl {
    padding-left: var(--hl-spacer-5xl) !important;
  }
  .hlx-scope .p-xxxl-6xl {
    padding: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .pt-xxxl-6xl,
  .hlx-scope .py-xxxl-6xl {
    padding-top: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .pr-xxxl-6xl,
  .hlx-scope .px-xxxl-6xl {
    padding-right: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .pb-xxxl-6xl,
  .hlx-scope .py-xxxl-6xl {
    padding-bottom: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .pl-xxxl-6xl,
  .hlx-scope .px-xxxl-6xl {
    padding-left: var(--hl-spacer-6xl) !important;
  }
  .hlx-scope .p-xxxl-7xl {
    padding: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .pt-xxxl-7xl,
  .hlx-scope .py-xxxl-7xl {
    padding-top: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .pr-xxxl-7xl,
  .hlx-scope .px-xxxl-7xl {
    padding-right: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .pb-xxxl-7xl,
  .hlx-scope .py-xxxl-7xl {
    padding-bottom: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .pl-xxxl-7xl,
  .hlx-scope .px-xxxl-7xl {
    padding-left: var(--hl-spacer-7xl) !important;
  }
  .hlx-scope .m-xxxl-auto {
    margin: auto !important;
  }
  .hlx-scope .mt-xxxl-auto,
  .hlx-scope .my-xxxl-auto {
    margin-top: auto !important;
  }
  .hlx-scope .mr-xxxl-auto,
  .hlx-scope .mx-xxxl-auto {
    margin-right: auto !important;
  }
  .hlx-scope .mb-xxxl-auto,
  .hlx-scope .my-xxxl-auto {
    margin-bottom: auto !important;
  }
  .hlx-scope .ml-xxxl-auto,
  .hlx-scope .mx-xxxl-auto {
    margin-left: auto !important;
  }
}
.hlx-scope .section {
  color: var(--hl-section-color-fg-light-default);
  padding-top: var(--hl-spacer-md);
  padding-bottom: var(--hl-spacer-md);
}
.hlx-scope .section--big-padding {
  padding-top: var(--hl-spacer-xl);
  padding-bottom: var(--hl-spacer-xl);
}
@media (min-width: 768px) {
  .hlx-scope .section--big-padding {
    padding-top: var(--hl-spacer-3xl);
    padding-bottom: var(--hl-spacer-3xl);
  }
}
.hlx-scope .section--big-padding:not([class*=bg-]) + .section--big-padding:not([class*=bg-]) {
  padding-top: 0;
}
.hlx-scope .section--big-padding[class*=bg-blue] + .section--big-padding[class*=bg-blue] {
  padding-top: 0;
}
.hlx-scope .section--big-padding[class*=bg-blue-light] + .section--big-padding[class*=bg-blue-light] {
  padding-top: 0;
}
.hlx-scope .section--big-padding[class*=bg-blue-dark] + .section--big-padding[class*=bg-blue-dark] {
  padding-top: 0;
}
.hlx-scope .section--big-padding[class*=bg-purple] + .section--big-padding[class*=bg-purple] {
  padding-top: 0;
}
.hlx-scope .section--big-padding[class*=bg-purple-light] + .section--big-padding[class*=bg-purple-light] {
  padding-top: 0;
}
.hlx-scope .section--big-padding[class*=bg-purple-dark] + .section--big-padding[class*=bg-purple-dark] {
  padding-top: 0;
}
.hlx-scope .section--big-padding[class*=bg-pink] + .section--big-padding[class*=bg-pink] {
  padding-top: 0;
}
.hlx-scope .section--big-padding[class*=bg-pink-light] + .section--big-padding[class*=bg-pink-light] {
  padding-top: 0;
}
.hlx-scope .section--big-padding[class*=bg-pink-dark] + .section--big-padding[class*=bg-pink-dark] {
  padding-top: 0;
}
.hlx-scope .section--big-padding[class*=bg-orange] + .section--big-padding[class*=bg-orange] {
  padding-top: 0;
}
.hlx-scope .section--big-padding[class*=bg-yellow] + .section--big-padding[class*=bg-yellow] {
  padding-top: 0;
}
.hlx-scope .section--big-padding[class*=bg-yellow-light] + .section--big-padding[class*=bg-yellow-light] {
  padding-top: 0;
}
.hlx-scope .section--big-padding[class*=bg-yellow-dark] + .section--big-padding[class*=bg-yellow-dark] {
  padding-top: 0;
}
.hlx-scope .section--big-padding[class*=bg-green] + .section--big-padding[class*=bg-green] {
  padding-top: 0;
}
.hlx-scope .section--big-padding[class*=bg-green-light] + .section--big-padding[class*=bg-green-light] {
  padding-top: 0;
}
.hlx-scope .section--big-padding[class*=bg-green-dark] + .section--big-padding[class*=bg-green-dark] {
  padding-top: 0;
}
.hlx-scope .section--big-padding[class*=bg-white] + .section--big-padding[class*=bg-white] {
  padding-top: 0;
}
.hlx-scope .section--big-padding[class*=bg-gray] + .section--big-padding[class*=bg-gray] {
  padding-top: 0;
}
.hlx-scope .section--big-padding[class*=bg-gray-dark] + .section--big-padding[class*=bg-gray-dark] {
  padding-top: 0;
}
.hlx-scope .section--big-padding[class*=bg-red] + .section--big-padding[class*=bg-red] {
  padding-top: 0;
}
.hlx-scope .section--big-padding[class*=bg-primary] + .section--big-padding[class*=bg-primary] {
  padding-top: 0;
}
.hlx-scope .section--big-padding[class*=bg-secondary] + .section--big-padding[class*=bg-secondary] {
  padding-top: 0;
}
.hlx-scope .section--big-padding[class*=bg-success] + .section--big-padding[class*=bg-success] {
  padding-top: 0;
}
.hlx-scope .section--big-padding[class*=bg-info] + .section--big-padding[class*=bg-info] {
  padding-top: 0;
}
.hlx-scope .section--big-padding[class*=bg-warning] + .section--big-padding[class*=bg-warning] {
  padding-top: 0;
}
.hlx-scope .section--big-padding[class*=bg-danger] + .section--big-padding[class*=bg-danger] {
  padding-top: 0;
}
.hlx-scope .section--big-padding[class*=bg-black] + .section--big-padding[class*=bg-black] {
  padding-top: 0;
}
.hlx-scope .section--big-padding[class*=bg-obs] + .section--big-padding[class*=bg-obs] {
  padding-top: 0;
}
.hlx-scope .section--big-padding[class*=bg-default] + .section--big-padding[class*=bg-default] {
  padding-top: 0;
}
.hlx-scope .section--big-padding[class*=bg-muted] + .section--big-padding[class*=bg-muted] {
  padding-top: 0;
}
.hlx-scope .section--big-padding[class*=bg-very-muted] + .section--big-padding[class*=bg-very-muted] {
  padding-top: 0;
}
.hlx-scope .section--big-padding[class*=bg-ultra-muted] + .section--big-padding[class*=bg-ultra-muted] {
  padding-top: 0;
}
.hlx-scope .section--big-padding[class*=bg-dark-default] + .section--big-padding[class*=bg-dark-default] {
  padding-top: 0;
}
.hlx-scope .section--big-padding[class*=bg-dark-primary] + .section--big-padding[class*=bg-dark-primary] {
  padding-top: 0;
}
.hlx-scope .section--big-padding[class*=bg-dark-muted] + .section--big-padding[class*=bg-dark-muted] {
  padding-top: 0;
}
.hlx-scope .section--big-padding[class*=bg-dark-very-muted] + .section--big-padding[class*=bg-dark-very-muted] {
  padding-top: 0;
}
.hlx-scope .section--big-padding[class*=bg-dark-ultra-muted] + .section--big-padding[class*=bg-dark-ultra-muted] {
  padding-top: 0;
}
.hlx-scope .section--fill-screen {
  min-height: calc(100vh - 100px);
}
.hlx-scope hl-section-example:has(.section--big-padding:not([class*=bg-])) + hl-section-example:has(.section--big-padding:not([class*=bg-])) .section--big-padding {
  padding-top: 0;
}
.hlx-scope hl-section-example:has(.section--big-padding[class*=bg-blue]) + hl-section-example:has(.section--big-padding[class*=bg-blue]) .section--big-padding {
  padding-top: 0;
}
.hlx-scope hl-section-example:has(.section--big-padding[class*=bg-blue-light]) + hl-section-example:has(.section--big-padding[class*=bg-blue-light]) .section--big-padding {
  padding-top: 0;
}
.hlx-scope hl-section-example:has(.section--big-padding[class*=bg-blue-dark]) + hl-section-example:has(.section--big-padding[class*=bg-blue-dark]) .section--big-padding {
  padding-top: 0;
}
.hlx-scope hl-section-example:has(.section--big-padding[class*=bg-purple]) + hl-section-example:has(.section--big-padding[class*=bg-purple]) .section--big-padding {
  padding-top: 0;
}
.hlx-scope hl-section-example:has(.section--big-padding[class*=bg-purple-light]) + hl-section-example:has(.section--big-padding[class*=bg-purple-light]) .section--big-padding {
  padding-top: 0;
}
.hlx-scope hl-section-example:has(.section--big-padding[class*=bg-purple-dark]) + hl-section-example:has(.section--big-padding[class*=bg-purple-dark]) .section--big-padding {
  padding-top: 0;
}
.hlx-scope hl-section-example:has(.section--big-padding[class*=bg-pink]) + hl-section-example:has(.section--big-padding[class*=bg-pink]) .section--big-padding {
  padding-top: 0;
}
.hlx-scope hl-section-example:has(.section--big-padding[class*=bg-pink-light]) + hl-section-example:has(.section--big-padding[class*=bg-pink-light]) .section--big-padding {
  padding-top: 0;
}
.hlx-scope hl-section-example:has(.section--big-padding[class*=bg-pink-dark]) + hl-section-example:has(.section--big-padding[class*=bg-pink-dark]) .section--big-padding {
  padding-top: 0;
}
.hlx-scope hl-section-example:has(.section--big-padding[class*=bg-orange]) + hl-section-example:has(.section--big-padding[class*=bg-orange]) .section--big-padding {
  padding-top: 0;
}
.hlx-scope hl-section-example:has(.section--big-padding[class*=bg-yellow]) + hl-section-example:has(.section--big-padding[class*=bg-yellow]) .section--big-padding {
  padding-top: 0;
}
.hlx-scope hl-section-example:has(.section--big-padding[class*=bg-yellow-light]) + hl-section-example:has(.section--big-padding[class*=bg-yellow-light]) .section--big-padding {
  padding-top: 0;
}
.hlx-scope hl-section-example:has(.section--big-padding[class*=bg-yellow-dark]) + hl-section-example:has(.section--big-padding[class*=bg-yellow-dark]) .section--big-padding {
  padding-top: 0;
}
.hlx-scope hl-section-example:has(.section--big-padding[class*=bg-green]) + hl-section-example:has(.section--big-padding[class*=bg-green]) .section--big-padding {
  padding-top: 0;
}
.hlx-scope hl-section-example:has(.section--big-padding[class*=bg-green-light]) + hl-section-example:has(.section--big-padding[class*=bg-green-light]) .section--big-padding {
  padding-top: 0;
}
.hlx-scope hl-section-example:has(.section--big-padding[class*=bg-green-dark]) + hl-section-example:has(.section--big-padding[class*=bg-green-dark]) .section--big-padding {
  padding-top: 0;
}
.hlx-scope hl-section-example:has(.section--big-padding[class*=bg-white]) + hl-section-example:has(.section--big-padding[class*=bg-white]) .section--big-padding {
  padding-top: 0;
}
.hlx-scope hl-section-example:has(.section--big-padding[class*=bg-gray]) + hl-section-example:has(.section--big-padding[class*=bg-gray]) .section--big-padding {
  padding-top: 0;
}
.hlx-scope hl-section-example:has(.section--big-padding[class*=bg-gray-dark]) + hl-section-example:has(.section--big-padding[class*=bg-gray-dark]) .section--big-padding {
  padding-top: 0;
}
.hlx-scope hl-section-example:has(.section--big-padding[class*=bg-red]) + hl-section-example:has(.section--big-padding[class*=bg-red]) .section--big-padding {
  padding-top: 0;
}
.hlx-scope hl-section-example:has(.section--big-padding[class*=bg-primary]) + hl-section-example:has(.section--big-padding[class*=bg-primary]) .section--big-padding {
  padding-top: 0;
}
.hlx-scope hl-section-example:has(.section--big-padding[class*=bg-secondary]) + hl-section-example:has(.section--big-padding[class*=bg-secondary]) .section--big-padding {
  padding-top: 0;
}
.hlx-scope hl-section-example:has(.section--big-padding[class*=bg-success]) + hl-section-example:has(.section--big-padding[class*=bg-success]) .section--big-padding {
  padding-top: 0;
}
.hlx-scope hl-section-example:has(.section--big-padding[class*=bg-info]) + hl-section-example:has(.section--big-padding[class*=bg-info]) .section--big-padding {
  padding-top: 0;
}
.hlx-scope hl-section-example:has(.section--big-padding[class*=bg-warning]) + hl-section-example:has(.section--big-padding[class*=bg-warning]) .section--big-padding {
  padding-top: 0;
}
.hlx-scope hl-section-example:has(.section--big-padding[class*=bg-danger]) + hl-section-example:has(.section--big-padding[class*=bg-danger]) .section--big-padding {
  padding-top: 0;
}
.hlx-scope hl-section-example:has(.section--big-padding[class*=bg-black]) + hl-section-example:has(.section--big-padding[class*=bg-black]) .section--big-padding {
  padding-top: 0;
}
.hlx-scope hl-section-example:has(.section--big-padding[class*=bg-obs]) + hl-section-example:has(.section--big-padding[class*=bg-obs]) .section--big-padding {
  padding-top: 0;
}
.hlx-scope hl-section-example:has(.section--big-padding[class*=bg-default]) + hl-section-example:has(.section--big-padding[class*=bg-default]) .section--big-padding {
  padding-top: 0;
}
.hlx-scope hl-section-example:has(.section--big-padding[class*=bg-muted]) + hl-section-example:has(.section--big-padding[class*=bg-muted]) .section--big-padding {
  padding-top: 0;
}
.hlx-scope hl-section-example:has(.section--big-padding[class*=bg-very-muted]) + hl-section-example:has(.section--big-padding[class*=bg-very-muted]) .section--big-padding {
  padding-top: 0;
}
.hlx-scope hl-section-example:has(.section--big-padding[class*=bg-ultra-muted]) + hl-section-example:has(.section--big-padding[class*=bg-ultra-muted]) .section--big-padding {
  padding-top: 0;
}
.hlx-scope hl-section-example:has(.section--big-padding[class*=bg-dark-default]) + hl-section-example:has(.section--big-padding[class*=bg-dark-default]) .section--big-padding {
  padding-top: 0;
}
.hlx-scope hl-section-example:has(.section--big-padding[class*=bg-dark-primary]) + hl-section-example:has(.section--big-padding[class*=bg-dark-primary]) .section--big-padding {
  padding-top: 0;
}
.hlx-scope hl-section-example:has(.section--big-padding[class*=bg-dark-muted]) + hl-section-example:has(.section--big-padding[class*=bg-dark-muted]) .section--big-padding {
  padding-top: 0;
}
.hlx-scope hl-section-example:has(.section--big-padding[class*=bg-dark-very-muted]) + hl-section-example:has(.section--big-padding[class*=bg-dark-very-muted]) .section--big-padding {
  padding-top: 0;
}
.hlx-scope hl-section-example:has(.section--big-padding[class*=bg-dark-ultra-muted]) + hl-section-example:has(.section--big-padding[class*=bg-dark-ultra-muted]) .section--big-padding {
  padding-top: 0;
}
.hlx-scope .u-stack {
  --stack-align-items: stretch;
  --stack-direction: row;
  --stack-gap: 8px;
  --stack-justify-content: start;
  --stack-wrap: nowrap;
  align-items: var(--stack-align-items);
  display: flex;
  flex-direction: var(--stack-direction);
  flex-wrap: var(--stack-wrap);
  gap: var(--stack-gap);
  justify-content: var(--stack-justify-content);
}
.hlx-scope .u-stack ::slotted(*) {
  margin: 0;
}
.hlx-scope .u-stack--is-column {
  --stack-direction: column;
}
.hlx-scope .stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}
.hlx-scope .text-monospace {
  font-family: var(--hl-font-family-monospace) !important;
}
.hlx-scope .text-justify {
  text-align: justify !important;
}
.hlx-scope .text-wrap {
  white-space: normal !important;
}
.hlx-scope .text-nowrap {
  white-space: nowrap !important;
}
.hlx-scope .text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hlx-scope .text-left {
  text-align: left !important;
}
.hlx-scope .text-right {
  text-align: right !important;
}
.hlx-scope .text-center {
  text-align: center !important;
}
@media (min-width: 576px) {
  .hlx-scope .text-sm-left {
    text-align: left !important;
  }
  .hlx-scope .text-sm-right {
    text-align: right !important;
  }
  .hlx-scope .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .hlx-scope .text-md-left {
    text-align: left !important;
  }
  .hlx-scope .text-md-right {
    text-align: right !important;
  }
  .hlx-scope .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .hlx-scope .text-lg-left {
    text-align: left !important;
  }
  .hlx-scope .text-lg-right {
    text-align: right !important;
  }
  .hlx-scope .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .hlx-scope .text-xl-left {
    text-align: left !important;
  }
  .hlx-scope .text-xl-right {
    text-align: right !important;
  }
  .hlx-scope .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .hlx-scope .text-xxl-left {
    text-align: left !important;
  }
  .hlx-scope .text-xxl-right {
    text-align: right !important;
  }
  .hlx-scope .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1880px) {
  .hlx-scope .text-xxxl-left {
    text-align: left !important;
  }
  .hlx-scope .text-xxxl-right {
    text-align: right !important;
  }
  .hlx-scope .text-xxxl-center {
    text-align: center !important;
  }
}
.hlx-scope .text-lowercase {
  text-transform: lowercase !important;
}
.hlx-scope .text-uppercase {
  text-transform: uppercase !important;
}
.hlx-scope .text-capitalize {
  text-transform: capitalize !important;
}
.hlx-scope .font-weight-light {
  font-weight: var(--hl-font-weight-body-light) !important;
}
.hlx-scope .font-weight-lighter {
  font-weight: var(--hl-font-weight-body-lighter) !important;
}
.hlx-scope .font-weight-normal {
  font-weight: var(--hl-font-weight-body-regular) !important;
}
.hlx-scope .font-weight-bold {
  font-weight: var(--hl-font-weight-body-bold) !important;
}
.hlx-scope .font-weight-bolder {
  font-weight: var(--hl-font-weight-body-bolder) !important;
}
.hlx-scope .font-italic {
  font-style: italic !important;
}
.hlx-scope .text-primary {
  color: var(--hl-color-fg-light-primary) !important;
}
.hlx-scope .text-primary svg.icon {
  fill: var(--hl-color-fg-light-primary) !important;
  stroke: transparent;
}
.hlx-scope a.text-primary:hover, .hlx-scope a.text-primary:focus {
  color: var(--hl-color-fg-light-interaction-hover) !important;
}
.hlx-scope a.text-primary:active {
  color: var(--hl-color-fg-light-interaction-pressed) !important;
}
.hlx-scope .text-secondary {
  color: var(--hl-color-secondary) !important;
}
.hlx-scope .text-secondary svg.icon {
  fill: var(--hl-color-secondary) !important;
  stroke: transparent;
}
.hlx-scope .text-success {
  color: var(--hl-color-functional-success) !important;
}
.hlx-scope .text-success svg.icon {
  fill: var(--hl-color-functional-success) !important;
  stroke: transparent;
}
.hlx-scope .text-info {
  color: var(--hl-color-functional-info) !important;
}
.hlx-scope .text-info svg.icon {
  fill: var(--hl-color-functional-info) !important;
  stroke: transparent;
}
.hlx-scope .text-warning {
  color: var(--hl-color-functional-warning) !important;
}
.hlx-scope .text-warning svg.icon {
  fill: var(--hl-color-functional-warning) !important;
  stroke: transparent;
}
.hlx-scope .text-danger {
  color: var(--hl-color-functional-danger) !important;
}
.hlx-scope .text-danger svg.icon {
  fill: var(--hl-color-functional-danger) !important;
  stroke: transparent;
}
.hlx-scope .text-black {
  color: var(--hl-color-fg-light-default) !important;
}
.hlx-scope .text-black svg.icon {
  fill: var(--hl-color-fg-light-default) !important;
  stroke: transparent;
}
.hlx-scope .text-white {
  color: var(--hl-color-fg-dark-default) !important;
}
.hlx-scope .text-white svg.icon {
  fill: var(--hl-color-fg-dark-default) !important;
  stroke: transparent;
}
.hlx-scope .text-obs {
  color: #595959 !important;
}
.hlx-scope .text-obs svg.icon {
  fill: #595959 !important;
  stroke: transparent;
}
.hlx-scope .text-default {
  color: var(--hl-color-fg-light-default) !important;
}
.hlx-scope .text-default svg.icon {
  fill: var(--hl-color-fg-light-default) !important;
  stroke: transparent;
}
.hlx-scope .text-fg {
  color: var(--hl-color-fg-light-default) !important;
}
.hlx-scope .text-fg svg.icon {
  fill: var(--hl-color-fg-light-default) !important;
  stroke: transparent;
}
.hlx-scope .text-important {
  color: var(--hl-color-fg-light-important) !important;
}
.hlx-scope .text-important svg.icon {
  fill: var(--hl-color-fg-light-important) !important;
  stroke: transparent;
}
.hlx-scope .text-disabled {
  color: var(--hl-color-fg-light-disabled) !important;
}
.hlx-scope .text-disabled svg.icon {
  fill: var(--hl-color-fg-light-disabled) !important;
  stroke: transparent;
}
.hlx-scope .text-muted {
  color: var(--hl-color-fg-light-muted) !important;
}
.hlx-scope .text-muted svg.icon {
  fill: var(--hl-color-fg-light-muted) !important;
  stroke: transparent;
}
.hlx-scope .text-very-muted {
  color: var(--hl-color-fg-light-very-muted) !important;
}
.hlx-scope .text-very-muted svg.icon {
  fill: var(--hl-color-fg-light-very-muted) !important;
  stroke: transparent;
}
.hlx-scope .text-ultra-muted {
  color: var(--hl-color-fg-light-ultra-muted) !important;
}
.hlx-scope .text-ultra-muted svg.icon {
  fill: var(--hl-color-fg-light-ultra-muted) !important;
  stroke: transparent;
}
.hlx-scope .text-interaction {
  color: var(--hl-color-fg-light-interaction-standby) !important;
}
.hlx-scope .text-interaction svg.icon {
  fill: var(--hl-color-fg-light-interaction-standby) !important;
  stroke: transparent;
}
.hlx-scope .text-interaction-hover {
  color: var(--hl-color-fg-light-interaction-hover) !important;
}
.hlx-scope .text-interaction-hover svg.icon {
  fill: var(--hl-color-fg-light-interaction-hover) !important;
  stroke: transparent;
}
.hlx-scope .text-interaction-active {
  color: var(--hl-color-fg-light-interaction-pressed) !important;
}
.hlx-scope .text-interaction-active svg.icon {
  fill: var(--hl-color-fg-light-interaction-pressed) !important;
  stroke: transparent;
}
.hlx-scope .text-dark-default {
  color: var(--hl-color-fg-dark-default) !important;
}
.hlx-scope .text-dark-default svg.icon {
  fill: var(--hl-color-fg-dark-default) !important;
  stroke: transparent;
}
.hlx-scope .text-dark-fg {
  color: var(--hl-color-fg-dark-default) !important;
}
.hlx-scope .text-dark-fg svg.icon {
  fill: var(--hl-color-fg-dark-default) !important;
  stroke: transparent;
}
.hlx-scope .text-dark-important {
  color: var(--hl-color-fg-dark-important) !important;
}
.hlx-scope .text-dark-important svg.icon {
  fill: var(--hl-color-fg-dark-important) !important;
  stroke: transparent;
}
.hlx-scope .text-dark-primary {
  color: var(--hl-color-fg-dark-primary) !important;
}
.hlx-scope .text-dark-primary svg.icon {
  fill: var(--hl-color-fg-dark-primary) !important;
  stroke: transparent;
}
.hlx-scope .text-dark-disabled {
  color: var(--hl-color-fg-dark-disabled) !important;
}
.hlx-scope .text-dark-disabled svg.icon {
  fill: var(--hl-color-fg-dark-disabled) !important;
  stroke: transparent;
}
.hlx-scope .text-light-disabled {
  color: var(--hl-color-fg-light-disabled) !important;
}
.hlx-scope .text-light-disabled svg.icon {
  fill: var(--hl-color-fg-light-disabled) !important;
  stroke: transparent;
}
.hlx-scope .text-dark-muted {
  color: var(--hl-color-fg-dark-muted) !important;
}
.hlx-scope .text-dark-muted svg.icon {
  fill: var(--hl-color-fg-dark-muted) !important;
  stroke: transparent;
}
.hlx-scope .text-dark-very-muted {
  color: var(--hl-color-fg-dark-very-muted) !important;
}
.hlx-scope .text-dark-very-muted svg.icon {
  fill: var(--hl-color-fg-dark-very-muted) !important;
  stroke: transparent;
}
.hlx-scope .text-dark-ultra-muted {
  color: var(--hl-color-fg-dark-ultra-muted) !important;
}
.hlx-scope .text-dark-ultra-muted svg.icon {
  fill: var(--hl-color-fg-dark-ultra-muted) !important;
  stroke: transparent;
}
.hlx-scope .text-dark-interaction {
  color: var(--hl-color-fg-dark-interaction-standby) !important;
}
.hlx-scope .text-dark-interaction svg.icon {
  fill: var(--hl-color-fg-dark-interaction-standby) !important;
  stroke: transparent;
}
.hlx-scope .text-dark-interaction-hover {
  color: var(--hl-color-fg-dark-interaction-hover) !important;
}
.hlx-scope .text-dark-interaction-hover svg.icon {
  fill: var(--hl-color-fg-dark-interaction-hover) !important;
  stroke: transparent;
}
.hlx-scope .text-dark-interaction-active {
  color: var(--hl-color-fg-dark-interaction-pressed) !important;
}
.hlx-scope .text-dark-interaction-active svg.icon {
  fill: var(--hl-color-fg-dark-interaction-pressed) !important;
  stroke: transparent;
}
.hlx-scope .text-body {
  color: var(--hl-color-fg-light-default) !important;
}
.hlx-scope .text-black-50 {
  color: rgba(var(--hl-color-core-black), 0.5) !important;
}
.hlx-scope .text-white-50 {
  color: rgba(var(--hl-color-core-white), 0.5) !important;
}
.hlx-scope .text-very-muted {
  color: var(--oms-color-text-light-very-muted) !important;
}
.hlx-scope .text-very-muted > * {
  color: inherit !important;
}
.hlx-scope .text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hlx-scope .text-decoration-none {
  text-decoration: none !important;
}
.hlx-scope .text-break {
  word-break: break-word !important;
  word-wrap: break-word !important;
}
.hlx-scope .text-reset {
  color: inherit !important;
}
.hlx-scope svg.icon-blue,
.hlx-scope .icon-blue svg {
  fill: var(--hl-color-supporting-blue) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-blue-light,
.hlx-scope .icon-blue-light svg {
  fill: var(--hl-color-supporting-blue-light) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-blue-dark,
.hlx-scope .icon-blue-dark svg {
  fill: var(--hl-color-supporting-blue-dark) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-purple,
.hlx-scope .icon-purple svg {
  fill: var(--hl-color-supporting-purple) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-purple-light,
.hlx-scope .icon-purple-light svg {
  fill: var(--hl-color-supporting-purple-light) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-purple-dark,
.hlx-scope .icon-purple-dark svg {
  fill: var(--hl-color-supporting-purple-dark) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-pink,
.hlx-scope .icon-pink svg {
  fill: var(--hl-color-supporting-pink) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-pink-light,
.hlx-scope .icon-pink-light svg {
  fill: var(--hl-color-supporting-pink-light) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-pink-dark,
.hlx-scope .icon-pink-dark svg {
  fill: var(--hl-color-supporting-pink-dark) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-orange,
.hlx-scope .icon-orange svg {
  fill: #FF7900 !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-yellow,
.hlx-scope .icon-yellow svg {
  fill: var(--hl-color-supporting-yellow) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-yellow-light,
.hlx-scope .icon-yellow-light svg {
  fill: var(--hl-color-supporting-yellow-light) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-yellow-dark,
.hlx-scope .icon-yellow-dark svg {
  fill: var(--hl-color-supporting-yellow-dark) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-green,
.hlx-scope .icon-green svg {
  fill: var(--hl-color-supporting-green) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-green-light,
.hlx-scope .icon-green-light svg {
  fill: var(--hl-color-supporting-green-light) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-green-dark,
.hlx-scope .icon-green-dark svg {
  fill: var(--hl-color-supporting-green-dark) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-white,
.hlx-scope .icon-white svg {
  fill: var(--hl-color-fg-dark-default) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-gray,
.hlx-scope .icon-gray svg {
  fill: #999999 !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-gray-dark,
.hlx-scope .icon-gray-dark svg {
  fill: #333333 !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-red,
.hlx-scope .icon-red svg {
  fill: var(--hl-color-functional-danger) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-primary,
.hlx-scope .icon-primary svg {
  fill: var(--hl-color-fg-light-primary) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-secondary,
.hlx-scope .icon-secondary svg {
  fill: var(--hl-color-secondary) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-success,
.hlx-scope .icon-success svg {
  fill: var(--hl-color-functional-success) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-info,
.hlx-scope .icon-info svg {
  fill: var(--hl-color-functional-info) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-warning,
.hlx-scope .icon-warning svg {
  fill: var(--hl-color-functional-warning) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-danger,
.hlx-scope .icon-danger svg {
  fill: var(--hl-color-functional-danger) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-black,
.hlx-scope .icon-black svg {
  fill: var(--hl-color-fg-light-default) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-obs,
.hlx-scope .icon-obs svg {
  fill: #595959 !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-default,
.hlx-scope .icon-default svg {
  fill: var(--hl-color-fg-light-default) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-muted,
.hlx-scope .icon-muted svg {
  fill: var(--hl-color-fg-light-muted) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-very-muted,
.hlx-scope .icon-very-muted svg {
  fill: var(--hl-color-fg-light-very-muted) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-ultra-muted,
.hlx-scope .icon-ultra-muted svg {
  fill: var(--hl-color-fg-light-ultra-muted) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-dark-default,
.hlx-scope .icon-dark-default svg {
  fill: var(--hl-color-fg-dark-default) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-dark-primary,
.hlx-scope .icon-dark-primary svg {
  fill: var(--hl-color-fg-dark-primary) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-dark-muted,
.hlx-scope .icon-dark-muted svg {
  fill: var(--hl-color-fg-dark-muted) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-dark-very-muted,
.hlx-scope .icon-dark-very-muted svg {
  fill: var(--hl-color-fg-dark-very-muted) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-dark-ultra-muted,
.hlx-scope .icon-dark-ultra-muted svg {
  fill: var(--hl-color-fg-dark-ultra-muted) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-fg,
.hlx-scope .icon-fg svg {
  fill: var(--hl-color-fg-light-default) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-important,
.hlx-scope .icon-important svg {
  fill: var(--hl-color-fg-light-important) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-disabled,
.hlx-scope .icon-disabled svg {
  fill: var(--hl-color-fg-light-disabled) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-interaction,
.hlx-scope .icon-interaction svg {
  fill: var(--hl-color-fg-light-interaction-standby) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-interaction-hover,
.hlx-scope .icon-interaction-hover svg {
  fill: var(--hl-color-fg-light-interaction-hover) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-interaction-active,
.hlx-scope .icon-interaction-active svg {
  fill: var(--hl-color-fg-light-interaction-pressed) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-dark-fg,
.hlx-scope .icon-dark-fg svg {
  fill: var(--hl-color-fg-dark-default) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-dark-important,
.hlx-scope .icon-dark-important svg {
  fill: var(--hl-color-fg-dark-important) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-dark-disabled,
.hlx-scope .icon-dark-disabled svg {
  fill: var(--hl-color-fg-dark-disabled) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-light-disabled,
.hlx-scope .icon-light-disabled svg {
  fill: var(--hl-color-fg-light-disabled) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-dark-interaction,
.hlx-scope .icon-dark-interaction svg {
  fill: var(--hl-color-fg-dark-interaction-standby) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-dark-interaction-hover,
.hlx-scope .icon-dark-interaction-hover svg {
  fill: var(--hl-color-fg-dark-interaction-hover) !important;
  stroke: transparent !important;
}
.hlx-scope svg.icon-dark-interaction-active,
.hlx-scope .icon-dark-interaction-active svg {
  fill: var(--hl-color-fg-dark-interaction-pressed) !important;
  stroke: transparent !important;
}
.hlx-scope .icon-color-auto {
  fill: currentcolor !important;
}
.hlx-scope .icon-2xs {
  width: var(--hl-spacer-sm) !important;
  height: var(--hl-spacer-sm) !important;
}
.hlx-scope .icon-xs {
  width: var(--hl-spacer-md) !important;
  height: var(--hl-spacer-md) !important;
}
.hlx-scope .icon-sm {
  width: var(--hl-spacer-lg) !important;
  height: var(--hl-spacer-lg) !important;
}
.hlx-scope .icon-md {
  width: var(--hl-spacer-xl) !important;
  height: var(--hl-spacer-xl) !important;
}
.hlx-scope .icon-lg {
  width: var(--hl-spacer-2xl) !important;
  height: var(--hl-spacer-2xl) !important;
}
.hlx-scope .icon-xl {
  width: var(--hl-spacer-3xl) !important;
  height: var(--hl-spacer-3xl) !important;
}
.hlx-scope .visible {
  visibility: visible !important;
}
.hlx-scope .invisible {
  visibility: hidden !important;
}
.hlx-scope .scroll-margin-top-center {
  scroll-snap-margin-top: 50vh;
  scroll-margin-top: 50vh;
}
@media (prefers-reduced-motion: no-preference) {
  .hlx-scope .scroll-margin-top-center:target {
    opacity: 0;
    animation: fade-in-bottom 0.6s ease 1s both;
  }
}
.hlx-scope hl-icon {
  display: inline-flex;
  vertical-align: inherit;
}
.hlx-scope .hl-icon {
  --hl-icon-color: currentColor;
  --hl-icon-size: var(--hl-size-icon-md);
  display: inline-flex;
  height: var(--hl-icon-size);
  vertical-align: inherit;
  width: var(--hl-icon-size);
}
.hlx-scope .hl-icon--color-primary {
  --hl-icon-color: var(--hl-color-fg-light-primary);
}
.hlx-scope .hl-icon--color-secondary {
  --hl-icon-color: var(--hl-color-secondary);
}
.hlx-scope .hl-icon--color-success {
  --hl-icon-color: var(--hl-color-functional-success);
}
.hlx-scope .hl-icon--color-info {
  --hl-icon-color: var(--hl-color-functional-info);
}
.hlx-scope .hl-icon--color-warning {
  --hl-icon-color: var(--hl-color-functional-warning);
}
.hlx-scope .hl-icon--color-danger {
  --hl-icon-color: var(--hl-color-functional-danger);
}
.hlx-scope .hl-icon--color-black {
  --hl-icon-color: var(--hl-color-fg-light-default);
}
.hlx-scope .hl-icon--color-white {
  --hl-icon-color: var(--hl-color-fg-dark-default);
}
.hlx-scope .hl-icon--color-obs {
  --hl-icon-color: #595959;
}
.hlx-scope .hl-icon--color-default {
  --hl-icon-color: var(--hl-color-fg-light-default);
}
.hlx-scope .hl-icon--color-fg {
  --hl-icon-color: var(--hl-color-fg-light-default);
}
.hlx-scope .hl-icon--color-important {
  --hl-icon-color: var(--hl-color-fg-light-important);
}
.hlx-scope .hl-icon--color-disabled {
  --hl-icon-color: var(--hl-color-fg-light-disabled);
}
.hlx-scope .hl-icon--color-muted {
  --hl-icon-color: var(--hl-color-fg-light-muted);
}
.hlx-scope .hl-icon--color-very-muted {
  --hl-icon-color: var(--hl-color-fg-light-very-muted);
}
.hlx-scope .hl-icon--color-ultra-muted {
  --hl-icon-color: var(--hl-color-fg-light-ultra-muted);
}
.hlx-scope .hl-icon--color-interaction {
  --hl-icon-color: var(--hl-color-fg-light-interaction-standby);
}
.hlx-scope .hl-icon--color-interaction-hover {
  --hl-icon-color: var(--hl-color-fg-light-interaction-hover);
}
.hlx-scope .hl-icon--color-interaction-active {
  --hl-icon-color: var(--hl-color-fg-light-interaction-pressed);
}
.hlx-scope .hl-icon--color-dark-default {
  --hl-icon-color: var(--hl-color-fg-dark-default);
}
.hlx-scope .hl-icon--color-dark-fg {
  --hl-icon-color: var(--hl-color-fg-dark-default);
}
.hlx-scope .hl-icon--color-dark-important {
  --hl-icon-color: var(--hl-color-fg-dark-important);
}
.hlx-scope .hl-icon--color-dark-primary {
  --hl-icon-color: var(--hl-color-fg-dark-primary);
}
.hlx-scope .hl-icon--color-dark-disabled {
  --hl-icon-color: var(--hl-color-fg-dark-disabled);
}
.hlx-scope .hl-icon--color-light-disabled {
  --hl-icon-color: var(--hl-color-fg-light-disabled);
}
.hlx-scope .hl-icon--color-dark-muted {
  --hl-icon-color: var(--hl-color-fg-dark-muted);
}
.hlx-scope .hl-icon--color-dark-very-muted {
  --hl-icon-color: var(--hl-color-fg-dark-very-muted);
}
.hlx-scope .hl-icon--color-dark-ultra-muted {
  --hl-icon-color: var(--hl-color-fg-dark-ultra-muted);
}
.hlx-scope .hl-icon--color-dark-interaction {
  --hl-icon-color: var(--hl-color-fg-dark-interaction-standby);
}
.hlx-scope .hl-icon--color-dark-interaction-hover {
  --hl-icon-color: var(--hl-color-fg-dark-interaction-hover);
}
.hlx-scope .hl-icon--color-dark-interaction-active {
  --hl-icon-color: var(--hl-color-fg-dark-interaction-pressed);
}
.hl-btn .hlx-scope .hl-icon, .btn .hlx-scope .hl-icon {
  display: block;
}
.hlx-scope .hl-icon svg {
  display: flex;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  outline: none;
  width: 100%;
}
.hlx-scope .hl-icon:not(.hl-icon--keep-color) svg path {
  fill: var(--hl-icon-color);
}
.hlx-scope .hl-icon--size-xs {
  --hl-icon-size: var(--hl-size-icon-xs);
}
.hlx-scope .hl-icon--size-sm {
  --hl-icon-size: var(--hl-size-icon-sm);
}
.hlx-scope .hl-icon--size-md {
  --hl-icon-size: var(--hl-size-icon-md);
}
.hlx-scope .hl-icon--size-lg {
  --hl-icon-size: var(--hl-size-icon-lg);
}
.hlx-scope .hl-icon--size-xl {
  --hl-icon-size: var(--hl-size-icon-xl);
}
.hlx-scope .hl-icon--size-2xl {
  --hl-icon-size: var(--hl-size-icon-2xl);
}
@media (max-width: 1399.98px) {
  .hlx-scope .hl-icon--xs-on-xl {
    --hl-icon-size: var(--hl-size-icon-xs);
  }
  .hlx-scope .hl-icon--sm-on-xl {
    --hl-icon-size: var(--hl-size-icon-sm);
  }
  .hlx-scope .hl-icon--md-on-xl {
    --hl-icon-size: var(--hl-size-icon-md);
  }
  .hlx-scope .hl-icon--lg-on-xl {
    --hl-icon-size: var(--hl-size-icon-lg);
  }
  .hlx-scope .hl-icon--xl-on-xl {
    --hl-icon-size: var(--hl-size-icon-xl);
  }
  .hlx-scope .hl-icon--2xl-on-xl {
    --hl-icon-size: var(--hl-size-icon-2xl);
  }
}
@media (max-width: 1199.98px) {
  .hlx-scope .hl-icon--xs-on-lg {
    --hl-icon-size: var(--hl-size-icon-xs);
  }
  .hlx-scope .hl-icon--sm-on-lg {
    --hl-icon-size: var(--hl-size-icon-sm);
  }
  .hlx-scope .hl-icon--md-on-lg {
    --hl-icon-size: var(--hl-size-icon-md);
  }
  .hlx-scope .hl-icon--lg-on-lg {
    --hl-icon-size: var(--hl-size-icon-lg);
  }
  .hlx-scope .hl-icon--xl-on-lg {
    --hl-icon-size: var(--hl-size-icon-xl);
  }
  .hlx-scope .hl-icon--2xl-on-lg {
    --hl-icon-size: var(--hl-size-icon-2xl);
  }
}
@media (max-width: 991.98px) {
  .hlx-scope .hl-icon--xs-on-md {
    --hl-icon-size: var(--hl-size-icon-xs);
  }
  .hlx-scope .hl-icon--sm-on-md {
    --hl-icon-size: var(--hl-size-icon-sm);
  }
  .hlx-scope .hl-icon--md-on-md {
    --hl-icon-size: var(--hl-size-icon-md);
  }
  .hlx-scope .hl-icon--lg-on-md {
    --hl-icon-size: var(--hl-size-icon-lg);
  }
  .hlx-scope .hl-icon--xl-on-md {
    --hl-icon-size: var(--hl-size-icon-xl);
  }
  .hlx-scope .hl-icon--2xl-on-md {
    --hl-icon-size: var(--hl-size-icon-2xl);
  }
}
@media (max-width: 767.98px) {
  .hlx-scope .hl-icon--xs-on-sm {
    --hl-icon-size: var(--hl-size-icon-xs);
  }
  .hlx-scope .hl-icon--sm-on-sm {
    --hl-icon-size: var(--hl-size-icon-sm);
  }
  .hlx-scope .hl-icon--md-on-sm {
    --hl-icon-size: var(--hl-size-icon-md);
  }
  .hlx-scope .hl-icon--lg-on-sm {
    --hl-icon-size: var(--hl-size-icon-lg);
  }
  .hlx-scope .hl-icon--xl-on-sm {
    --hl-icon-size: var(--hl-size-icon-xl);
  }
  .hlx-scope .hl-icon--2xl-on-sm {
    --hl-icon-size: var(--hl-size-icon-2xl);
  }
}
@media (max-width: 575.98px) {
  .hlx-scope .hl-icon--xs-on-xs {
    --hl-icon-size: var(--hl-size-icon-xs);
  }
  .hlx-scope .hl-icon--sm-on-xs {
    --hl-icon-size: var(--hl-size-icon-sm);
  }
  .hlx-scope .hl-icon--md-on-xs {
    --hl-icon-size: var(--hl-size-icon-md);
  }
  .hlx-scope .hl-icon--lg-on-xs {
    --hl-icon-size: var(--hl-size-icon-lg);
  }
  .hlx-scope .hl-icon--xl-on-xs {
    --hl-icon-size: var(--hl-size-icon-xl);
  }
  .hlx-scope .hl-icon--2xl-on-xs {
    --hl-icon-size: var(--hl-size-icon-2xl);
  }
}
.hlx-scope .link-icon {
  --link-with-icon-color-disabled: var(--hl-color-fg-light-disabled);
  --link-with-icon-color: var(--hl-color-fg-light-important);
  --link-with-icon-icon-color: var(--link-with-icon-color);
  --link-with-icon-icon-size: var(--hl-size-icon-md);
  --link-with-icon-icon-margin: calc((var(--link-with-icon-icon-size) - 1em) * -.5);
  --link-with-icon-gap: var(--hl-spacer-xs);
  --link-with-icon-surface-bg-standby: var(--hl-color-button-bg-light-link-standby);
  --link-with-icon-surface-bg-hover: var(--hl-color-button-bg-light-link-hover);
  --link-with-icon-surface-bg-focus: var(--hl-color-button-bg-light-link-focus);
  --link-with-icon-surface-bg-pressed: var(--hl-color-button-bg-light-link-pressed);
  --link-with-icon-surface-bg-active: var(--hl-color-button-bg-light-link-active);
  --link-with-icon-surface-text-hover: var(--hl-color-button-fg-light-link-hover);
  --link-with-icon-surface-text-focus: var(--hl-color-button-fg-light-link-focus);
  --link-with-icon-surface-text-pressed: var(--hl-color-button-fg-light-link-pressed);
  --link-with-icon-surface-visible-text-pressed: var(--hl-color-button-fg-light-link-pressed);
  --link-with-icon-surface-text-active: var(--hl-color-button-fg-light-link-active);
  align-items: center;
  background: none;
  border: 0;
  color: var(--link-with-icon-color);
  display: flex;
  font-family: var(--hl-font-family-body);
  font-weight: var(--hl-font-weight-body-bold);
  gap: var(--link-with-icon-gap);
  justify-content: center;
  padding: 0;
  text-decoration: none;
  vertical-align: middle;
  width: fit-content;
  text-align: left;
}
.hlx-scope .link-icon--variant-primary {
  --link-with-icon-color: var(--hl-color-primary);
}
.hlx-scope .link-icon--variant-icon-primary {
  --link-with-icon-icon-color: var(--hl-color-primary);
}
.hlx-scope .link-icon:not(.disabled):focus-visible, .hlx-scope .link-icon:not(.disabled):has(input):focus-within {
  animation: focus-outline-animation var(--hl-transition-normal) forwards;
}
.hlx-scope .link-icon.disabled:focus-visible, .hlx-scope .link-icon.disabled:focus-within {
  outline: 0 !important;
}
.hlx-scope .link-icon .hl-icon,
.hlx-scope .link-icon svg {
  color: var(--link-with-icon-icon-color);
  height: var(--link-with-icon-icon-size);
  width: var(--link-with-icon-icon-size);
}
.hlx-scope .link-icon > .link-icon-wrap {
  padding-top: 2px;
  padding-bottom: 2px;
}
.hlx-scope .link-icon--xs {
  --link-with-icon-icon-size: var(--hl-size-icon-sm);
  font-size: var(--hl-font-size-xs);
  line-height: var(--hl-line-height-sm);
  font-weight: var(--hl-font-weight-body-bold);
  letter-spacing: var(--hl-letter-spacing-default);
}
.hlx-scope .link-icon--sm {
  --link-with-icon-icon-size: var(--hl-size-icon-sm);
  font-size: var(--hl-font-size-sm);
  line-height: var(--hl-line-height-sm);
  font-weight: var(--hl-font-weight-body-bold);
  letter-spacing: var(--hl-letter-spacing-default);
}
.hlx-scope .link-icon--md {
  font-size: var(--hl-font-size-md);
  line-height: var(--hl-line-height-sm);
  font-weight: var(--hl-font-weight-body-bold);
  letter-spacing: var(--hl-letter-spacing-default);
}
.hlx-scope .link-icon--lg {
  font-size: var(--hl-font-size-2xl);
  line-height: var(--hl-line-height-sm);
  font-weight: var(--hl-font-weight-body-bold);
  letter-spacing: var(--hl-letter-spacing-default);
  --link-with-icon-gap: var(--hl-spacer-xs);
}
.hlx-scope .link-icon--full-width {
  width: 100%;
  justify-content: space-between;
}
.hlx-scope .link-icon--full-width hl-icon:nth-child(3) {
  margin-left: auto;
}
.hlx-scope .link-icon--surface {
  padding: var(--hl-spacer-sm);
}
.hlx-scope .link-icon--surface:hover {
  color: var(--link-with-icon-surface-text-hover);
}
.hlx-scope .link-icon--surface:focus {
  color: var(--link-with-icon-surface-text-hover);
}
.hlx-scope .link-icon--surface:active {
  color: var(--link-with-icon-surface-text-pressed);
}
.hlx-scope .link-icon--surface.active {
  color: var(--link-with-icon-surface-text-active);
}
.hlx-scope .link-icon--surface.active.link-icon .hl-icon, .hlx-scope .link-icon--surface.active.link-icon svg {
  color: currentColor;
}
.hlx-scope .link-icon--surface .hl-icon {
  margin: var(--link-with-icon-icon-margin);
}
.hlx-scope .link-icon--surface--visible {
  --link-with-icon-surface-bg-standby: var(--hl-color-button-bg-light-link-surface-standby);
  --link-with-icon-surface-bg-hover: var(--hl-color-button-bg-light-link-surface-hover);
  --link-with-icon-surface-bg-focus: var(--hl-color-button-bg-light-link-surface-focus);
  --link-with-icon-surface-bg-pressed: var(--hl-color-button-bg-light-link-surface-pressed);
  --link-with-icon-surface-bg-active: var(--hl-color-button-bg-light-link-surface-active);
  --link-with-icon-surface-text-hover: var(--hl-color-button-fg-light-link-surface-hover);
  --link-with-icon-surface-text-focus: var(--hl-color-button-fg-light-link-surface-focus);
  --link-with-icon-surface-text-pressed: var(--hl-color-button-fg-light-link-surface-pressed);
  --link-with-icon-surface-visible-text-pressed: var(--hl-color-button-fg-light-link-surface-pressed);
  --link-with-icon-surface-text-active: var(--hl-color-button-fg-light-link-surface-active);
  background-color: var(--link-with-icon-surface-bg-standby);
}
.hlx-scope .link-icon--surface--visible:hover {
  background-color: var(--link-with-icon-surface-bg-hover);
}
.hlx-scope .link-icon--surface--visible:focus {
  background-color: var(--link-with-icon-surface-bg-focus);
}
.hlx-scope .link-icon--surface--visible:active {
  background-color: var(--link-with-icon-surface-bg-pressed);
  color: var(--link-with-icon-surface-visible-text-pressed);
}
.hlx-scope .link-icon--surface--visible.active {
  background-color: var(--link-with-icon-surface-bg-active);
}
.hlx-scope .link-icon:hover, .hlx-scope .link-icon:focus, .hlx-scope .link-icon:active {
  text-decoration: none;
}
.hlx-scope .link-icon:hover .hl-icon,
.hlx-scope .link-icon:hover svg, .hlx-scope .link-icon:focus .hl-icon,
.hlx-scope .link-icon:focus svg, .hlx-scope .link-icon:active .hl-icon,
.hlx-scope .link-icon:active svg {
  --link-with-icon-icon-color: currentColor;
}
.hlx-scope .link-icon:not(.link-icon--disabled):hover, .hlx-scope .link-icon:not(.link-icon--disabled):focus {
  --link-with-icon-color: var(--hl-color-fg-light-interaction-hover);
}
.hlx-scope .link-icon:not(.link-icon--disabled):active {
  --link-with-icon-color: var(--hl-color-fg-light-interaction-pressed);
}
.hlx-scope .link-icon.link-icon--disabled, .hlx-scope .link-icon[aria-disabled] {
  --link-with-icon-icon-color: var(--hl-color-fg-light-disabled);
  color: var(--link-with-icon-color-disabled);
  cursor: default;
  pointer-events: none;
}
.hlx-scope .accordion > *:not(:last-child) .collapsible {
  margin-bottom: var(--hl-spacer-xs);
}
.hlx-scope .collapsible {
  --collapsible-chevron-direction: 180deg;
}
.hlx-scope .collapsible .panel__heading {
  padding: 0;
}
.hlx-scope .collapsible__trigger {
  border: var(--hl-border-width-default) solid var(--panel-heading-border-color);
  justify-content: flex-start;
  max-width: initial;
  letter-spacing: var(--hl-letter-spacing-default);
  padding-left: var(--panel-padding-x);
  padding-right: var(--panel-padding-x);
  text-align: left;
  white-space: normal;
  width: 100%;
}
.hlx-scope .collapsible__trigger-chevron {
  margin-left: auto;
}
.hlx-scope .collapsible__trigger-chevron .hl-btn__icon,
.hlx-scope .collapsible__trigger-chevron .btn__icon,
.hlx-scope .collapsible__trigger-chevron svg:last-child {
  transform: rotate(var(--collapsible-chevron-direction));
}
.hlx-scope .collapsible__trigger-chevron--position-left {
  --collapsible-chevron-direction: 90deg;
  margin-left: 0;
}
.hlx-scope .collapsible__trigger[aria-expanded=true] {
  --collapsible-chevron-direction: 0deg;
}
.hlx-scope .collapsible__trigger[aria-expanded=true] .collapsible__trigger-chevron--position-left {
  --collapsible-chevron-direction: 180deg;
}
.hlx-scope .collapsible__trigger[aria-expanded=true].hl-btn-link, .hlx-scope .collapsible__trigger[aria-expanded=true].btn-link {
  color: var(--hl-color-fg-light-interaction-standby);
}
.hlx-scope [data-toggle=collapse].js-radio-one-collapse-open[aria-expanded=true] {
  pointer-events: none;
}
.hlx-scope .panel {
  --panel-padding-x: var(--hl-spacer-sm);
  --panel-padding-y: var(--hl-spacer-xs);
  --panel-border-color: transparent;
  --panel-heading-color: var(--hl-color-fg-light-important);
  --panel-heading-bgcolor: var(--hl-color-bg-light-default);
  --panel-heading-border-color: transparent;
  --panel-footer-color: var(--hl-color-fg-light-important);
  --panel-footer-bgcolor: var(--hl-color-bg-light-default);
  --panel-footer-border-color: transparent;
  --panel-body-bgcolor: transparent;
  background-color: var(--panel-body-bgcolor);
  border: var(--hl-border-width-default) solid var(--panel-border-color);
}
.hlx-scope .panel__heading {
  background-color: var(--panel-heading-bgcolor);
  color: var(--panel-heading-color);
  font-weight: var(--hl-font-weight-body-bold);
  margin: calc(-1 * var(--hl-border-width-default));
  padding: var(--panel-padding-y) var(--panel-padding-x);
  border: 0;
}
.hlx-scope .panel__heading .btn {
  border: var(--hl-border-width-default) solid var(--panel-heading-border-color);
}
.hlx-scope .panel__body {
  padding: var(--panel-padding-x);
}
.hlx-scope .panel__body p:last-child {
  margin-bottom: 0;
}
.hlx-scope .panel__footer {
  background-color: var(--panel-footer-bgcolor);
  border-color: var(--panel-footer-border-color);
  border-top: var(--hl-border-width-default) solid var(--panel-footer-border-color);
  color: var(--panel-footer-color);
  font-weight: var(--hl-font-weight-body-bold);
  padding: var(--panel-padding-y) var(--panel-padding-x);
}
.hlx-scope .panel--primary {
  --panel-heading-bgcolor: var(--hl-color-primary);
  --panel-heading-border-color: var(--hl-color-primary);
  --panel-heading-color: var(--hl-color-fg-dark-important);
}
.hlx-scope .panel--secondary {
  --panel-heading-bgcolor: var(--hl-color-secondary);
  --panel-heading-border-color: var(--hl-color-secondary);
  --panel-heading-color: var(--hl-color-fg-dark-important);
}
.hlx-scope .panel--grey {
  --panel-heading-bgcolor: var(--hl-color-bg-light-very-muted);
  --panel-heading-color: var(--hl-color-fg-light-important);
}
.hlx-scope .panel--muted {
  --panel-heading-bgcolor: var(--hl-color-bg-light-muted);
  --panel-border-color: var(--hl-color-bg-light-muted);
  --panel-heading-color: var(--hl-color-fg-light-important);
}
.hlx-scope .panel--default {
  --panel-heading-bgcolor: var(--hl-color-bg-light-default);
  --panel-border-color: var(--hl-color-bg-light-default);
  --panel-heading-color: var(--hl-color-fg-light-important);
}
.hlx-scope .panel--very-muted {
  --panel-heading-bgcolor: var(--hl-color-bg-light-very-muted);
  --panel-border-color: var(--hl-color-bg-light-very-muted);
  --panel-heading-color: var(--hl-color-fg-light-important);
}
.hlx-scope .panel--success {
  --panel-border-color: var(--hl-color-functional-success);
  --panel-footer-border-color: var(--hl-color-functional-success);
  --panel-heading-bgcolor: var(--hl-color-functional-success);
  --panel-heading-border-color: var(--hl-color-functional-success);
  --panel-heading-color: var(--hl-color-fg-light-important);
}
.hlx-scope .panel--warning {
  --panel-border-color: var(--hl-color-functional-warning);
  --panel-footer-border-color: var(--hl-color-functional-warning);
  --panel-heading-bgcolor: var(--hl-color-functional-warning);
  --panel-heading-border-color: var(--hl-color-functional-warning);
  --panel-heading-color: var(--hl-color-fg-light-important);
}
.hlx-scope .panel--info {
  --panel-border-color: var(--hl-color-functional-info);
  --panel-footer-border-color: var(--hl-color-functional-info);
  --panel-heading-bgcolor: var(--hl-color-functional-info);
  --panel-heading-border-color: var(--hl-color-functional-info);
  --panel-heading-color: var(--hl-color-fg-light-important);
}
.hlx-scope .panel--danger {
  --panel-border-color: var(--hl-color-functional-danger);
  --panel-footer-border-color: var(--hl-color-functional-danger);
  --panel-heading-bgcolor: var(--hl-color-functional-danger);
  --panel-heading-border-color: var(--hl-color-functional-danger);
  --panel-heading-color: var(--hl-color-fg-dark-important);
}
.hlx-scope .panel--borderless {
  --panel-border-color: transparent;
  --panel-heading-border-color: transparent;
  --panel-footer-border-color: transparent;
}
.hlx-scope .panel--bordered {
  --panel-border-color: var(--hl-color-border-light-default);
  --panel-heading-border-color: var(--hl-color-border-light-default);
  --panel-footer-border-color: var(--hl-color-border-light-default);
}
.hlx-scope .panel--underlined {
  --panel-heading-border-color: transparent;
  --panel-border-color: transparent;
}
.hlx-scope .panel--underlined .panel__heading {
  box-shadow: 0 calc(-1 * var(--hl-border-width-default)) 0 inset var(--hl-color-border-light-default);
}
.hlx-scope .panel--background {
  background-color: var(--panel-heading-bgcolor);
}
.hlx-scope .panel--background .panel__body {
  color: var(--panel-heading-color);
}

hlx-header {
  background-color: #000;
  visibility: visible !important;
}

hlx-icon {
  display: inline-flex;
  vertical-align: inherit;
}

@media (prefers-reduced-motion) {
  :root {
    --hl-transition-quickly: 0s linear;
    --hl-transition-normal: 0s linear;
    --hl-transition-slowly: 0s linear;
  }
}
.hlx-scope {
  --hlx-header-width: 390px;
  --hlx-header-min-height: 54px;
  --hlx-header-logo-width: 30px;
  --hlx-header-shadow-h-offset: -37px;
  --hlx-header-shadow-blur: 39px;
  --hlx-header-spacing-page-visible: var(--hl-spacing-module);
  --top-menu-border-bottom-width: var(--hl-border-width-default);
  --top-menu-border-color: #666;
  --hl-factor-grid-gutter-width: 1.5;
}
@media (min-width: 768px) {
  .hlx-scope {
    --hlx-header-min-height: 78px;
  }
}
@media (min-width: 992px) {
  .hlx-scope {
    --hlx-header-min-height: 98px;
    --hlx-header-width: 480px;
    --hl-factor-grid-gutter-width: 3;
  }
}
.hlx-scope ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.hlx-scope ul li,
.hlx-scope ul a {
  margin: 0;
  padding: 0;
  letter-spacing: unset;
  line-height: unset;
  font-size: unset;
}
.hlx-scope .hl-btn .hl-icon {
  display: inline-flex;
}
.hlx-scope .accessible-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.hlx-scope .menu-spacer-spy {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  height: 0px;
}
.hlx-scope .menu-spacer-spy-natural-width {
  display: flex;
  flex-wrap: nowrap;
  visibility: hidden;
  position: absolute;
  left: -9999px;
  top: -9999px;
}
.hlx-scope .menu-spacer-spy * {
  white-space: nowrap;
  transition: none;
  animation: none;
}
.hlx-scope .menu-spacer-spy .main-menu__link {
  border-bottom: 0;
}
.hlx-scope .spy-my-account-btn-width {
  position: absolute;
  left: -10000px;
  top: auto;
  overflow: hidden;
}
.hlx-scope .spy-my-account-btn-width .hl-btn {
  border: 0;
}
.hlx-scope .input-group--clear > input.form-control, .hlx-scope .input-group--clear > input.hl-form-control {
  padding-left: var(--hl-spacer-sm);
  padding-right: calc(var(--hl-spacer-sm) + var(--hl-size-icon-md) + 10px);
}
.hlx-scope .input-group--clear__btn {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
}
.hlx-scope .input-group--clear__btn > .hl-btn {
  position: absolute;
  right: calc(var(--hl-border-width-default) * 2 + 1px);
  aspect-ratio: 1;
}
.hlx-scope .top-menu {
  position: relative;
  z-index: 1;
  background-color: var(--hl-color-bg-dark-very-muted);
}
.hlx-scope .top-menu::before {
  content: "";
  width: 100%;
  background-color: var(--top-menu-border-color);
  height: var(--top-menu-border-bottom-width);
  bottom: 0;
  position: absolute;
}
.hlx-scope .top-menu > .container-fluid > .row, .hlx-scope .top-menu > .container-sm > .row, .hlx-scope .top-menu > .container-md > .row, .hlx-scope .top-menu > .container-lg > .row, .hlx-scope .top-menu > .container-xl > .row, .hlx-scope .top-menu > .container-xxl > .row {
  min-height: 60px;
  align-items: center;
}
.hlx-scope .top-menu .right-links-prelabel {
  vertical-align: middle;
  margin-right: var(--hl-spacer-xs);
}
.hlx-scope .top-menu .right-links-prelabel small {
  color: var(--hl-color-fg-light-muted);
  font-weight: var(--hl-font-weight-body-bold);
  font-size: var(--hl-font-size-md);
}
.hlx-scope .top-menu .menu-contact-help {
  list-style: none;
  display: flex;
  justify-content: flex-end;
  gap: var(--hl-spacing-atom);
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  padding: 8.4px 0;
}
@media (max-width: 991.98px) {
  .hlx-scope .top-menu .menu-contact-help {
    margin-right: calc(var(--hl-spacer-xs) * -1);
  }
}
.hlx-scope .top-menu-left {
  margin-bottom: calc(var(--top-menu-border-bottom-width) * -1);
}
.hlx-scope .top-menu-left > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.hlx-scope .top-menu-left .hl-btn {
  position: relative;
  border: 0;
  padding: calc(var(--hl-spacer-sm) + var(--hl-border-width-default)) var(--hl-spacer-sm);
}
.hlx-scope .top-menu-left .svg-inlined {
  position: relative;
  border: 0;
}
.hlx-scope .top-menu-left .svg-inlined .svg-inlined-svg {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.hlx-scope .top-menu-left .svg-inlined line {
  stroke: var(--top-menu-border-color);
  stroke-width: 4px;
}
.hlx-scope .top-menu-left .svg-inlined line.line-top-active {
  stroke-width: 8px;
  stroke: var(--hl-color-button-bg-light-primary-standby);
}
.hlx-scope .top-menu-left .hlx-header-dropdown-states line {
  stroke: transparent;
}
.hlx-scope .top-menu-left .hlx-header-dropdown-states:active {
  background-color: var(--hl-color-button-bg-light-link-surface-pressed);
  color: var(--hl-color-button-fg-light-link-surface-pressed);
}
.hlx-scope .top-menu-left .hlx-header-dropdown-states[aria-expanded=true] line, .hlx-scope .top-menu-left .hlx-header-dropdown-states:focus line, .hlx-scope .top-menu-left .hlx-header-dropdown-states:active line {
  stroke: var(--top-menu-border-color);
}
.hlx-scope .top-menu-left .hlx-header-dropdown-states:active, .hlx-scope .top-menu-left .hlx-header-dropdown-states[aria-expanded=true] {
  background-color: var(--hl-color-core-white);
  color: var(--hl-color-button-fg-light-link-surface-active);
}
.hlx-scope .top-menu-left .hlx-header-dropdown-states:active .line-bottom, .hlx-scope .top-menu-left .hlx-header-dropdown-states[aria-expanded=true] .line-bottom {
  stroke: transparent;
}
.hlx-scope .top-menu-left .hlx-header-btn-is-tab.active {
  --hl-color-button-bg-light-link-surface-active: var(--hl-color-core-black);
  --hl-color-button-fg-light-link-surface-active: var(--hl-color-button-fg-dark-link-active);
}
.hlx-scope .top-menu-left .hlx-header-btn-is-tab:not(.active):not([aria-expanded=true]):focus line, .hlx-scope .top-menu-left .hlx-header-btn-is-tab:not(.active):not([aria-expanded=true]):hover line {
  stroke: transparent;
}
.hlx-scope .top-menu-left .hlx-header-btn-is-tab.hl-btn:not(.active) .line-top-active,
.hlx-scope .top-menu-left .hlx-header-btn-is-tab .line-bottom {
  display: none;
}
.hlx-scope .top-menu .dropdown-menu.hlx-header-dropdown-menu {
  margin-top: calc(var(--hl-border-width-sm) * -1);
  border-width: var(--hl-border-width-sm);
  border-style: solid;
  border-color: transparent var(--top-menu-border-color) var(--top-menu-border-color);
  padding: 8px 0px;
  box-shadow: -6px 6px 6px 0px rgba(0, 0, 0, 0.1), 6px 6px 6px 0px rgba(0, 0, 0, 0.1);
  min-width: 228px;
}
.hlx-scope .top-menu .dropdown-menu.hlx-header-dropdown-menu > ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.hlx-scope .top-menu .dropdown-menu.hlx-header-dropdown-menu li {
  font-size: unset;
  line-height: unset;
  display: flex;
}
.hlx-scope .top-menu .dropdown-menu.hlx-header-dropdown-menu a, .hlx-scope .top-menu .dropdown-menu.hlx-header-dropdown-menu button {
  font-family: unset;
  font-size: unset;
}
.hlx-scope .top-menu .dropdown-menu.hlx-header-dropdown-menu .hl-btn {
  display: inline-flex;
}
.hlx-scope .top-menu .dropdown-menu.hlx-header-dropdown-menu .hl-btn-block {
  display: flex;
}
.hlx-scope .top-menu .dropdown-menu.hlx-header-dropdown-menu li a svg {
  margin-right: 0;
  margin-bottom: 0;
  position: static;
  top: 0;
  left: 0;
  transition: none;
  width: unset;
}
@media (max-width: 767.98px) {
  .hlx-scope .top-menu .hlx-header-dropdown-toggle-position {
    position: static;
  }
  .hlx-scope .top-menu .hlx-header-dropdown-toggle-position .dropdown-menu.hlx-header-dropdown-menu {
    --_hlx-dropdown-x-spacing: calc(
      var(--hl-grid-spacer) * var(--hl-factor-grid-gutter-width)
    );
    width: calc(100% - var(--_hlx-dropdown-x-spacing) * 2);
    margin-left: var(--_hlx-dropdown-x-spacing);
    margin-right: var(--_hlx-dropdown-x-spacing);
    right: 0 !important;
    transform: none !important;
    top: unset !important;
  }
}
@media (min-width: 768px) {
  .hlx-scope .top-menu .hlx-header-dropdown-toggle-position .dropdown.position-static {
    position: relative !important;
  }
}
.hlx-scope .top-menu .hlx-header-segments-vertical-alignment {
  align-self: stretch;
}
.hlx-scope .top-menu .hlx-header-segments-vertical-alignment .top-menu-left {
  height: 100%;
}
.hlx-scope .top-menu .hlx-header-segments-vertical-alignment .top-menu-left__list {
  height: 100%;
}
.hlx-scope.main-menu-wrap {
  position: sticky;
  top: 0;
  z-index: calc(var(--hl-z-index-dropdown) + 2);
  box-shadow: 0 0 0 2px rgba(100, 100, 100, 0.2);
}
.hlx-scope.main-menu-wrap--static {
  position: static;
}
.hlx-scope .main-menu {
  display: flex;
  justify-content: space-between;
  min-height: var(--hlx-header-min-height);
}
.hlx-scope .main-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.hlx-scope .main-menu a {
  text-decoration: none;
}
.hlx-scope .main-menu__menu {
  display: flex;
  align-items: center;
  width: 100%;
}
.hlx-scope .main-menu__menu-logo {
  display: flex;
  align-self: center;
  margin-right: var(--hl-spacing-submodule);
}
.hlx-scope .main-menu__menu-logo-img {
  margin: auto;
  width: var(--hlx-header-logo-width);
  height: auto;
}
@media (min-width: 992px) {
  .hlx-scope .main-menu__menu-logo-img {
    --hlx-header-logo-width: 50px;
  }
}
.hlx-scope .main-menu__main-nav {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
}
.hlx-scope .main-menu__main-nav > ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hlx-scope .main-menu__current-item {
  margin-bottom: var(--hl-spacer-lg);
  margin-top: var(--hl-spacer-2xl);
  font-size: var(--hl-font-size-2xl);
  font-weight: var(--hl-font-weight-body-bold);
  letter-spacing: var(--hl-letter-spacing-decreased);
  line-height: var(--hl-line-height-md);
  margin: 0 0 var(--hl-spacing-grid);
}
@media (min-width: 576px) {
  .hlx-scope .main-menu__current-item {
    font-size: var(--hl-font-size-4xl);
  }
}
.hlx-scope .main-menu__current-item span {
  color: var(--hl-color-fg-light-default);
}
.hlx-scope .main-menu__shortcut {
  font-size: var(--hl-font-size-sm);
  line-height: var(--hl-line-height-lg);
  font-weight: var(--hl-font-weight-body-regular);
  letter-spacing: var(--hl-letter-spacing-default);
  margin-top: var(--hl-spacing-module);
  margin-bottom: var(--hl-spacing-atom);
}
@media (min-width: 576px) {
  .hlx-scope .main-menu__shortcut {
    font-size: var(--hl-font-size-md);
  }
}
.hlx-scope .main-menu__shortcut span {
  color: var(--hl-color-fg-light-muted);
}
.hlx-scope .main-menu__searchbox {
  padding: var(--hl-spacing-grid) var(--hl-spacing-module);
}
.hlx-scope .main-menu__actions {
  gap: var(--hl-spacing-atom);
}
.hlx-scope .main-menu__actions-my-orange .hl-btn-icon span {
  display: none;
}
.hlx-scope .main-menu__actions-cart[aria-hidden=true] {
  visibility: hidden;
  pointer-events: none;
}
.hlx-scope .main-menu__link {
  border-bottom: var(--hl-border-width-sm) solid var(--hl-color-border-light-ultra-muted);
}
.hlx-scope .main-menu__link .link-icon--surface:not(.link-icon--full-width) {
  width: 100%;
  text-align: left;
  justify-content: flex-start;
  white-space: normal;
}
.hlx-scope .main-menu__my-account {
  margin-top: var(--hl-spacing-grid);
}
.hlx-scope .main-menu__heading {
  display: flex;
  justify-content: space-between;
  padding: var(--hl-spacing-grid) var(--hl-spacing-submodule);
  border-bottom: var(--hl-border-width-sm) solid var(--hl-color-border-light-very-muted);
  grid-area: drawer-head;
}
.hlx-scope .main-menu__heading > :only-child {
  margin-left: auto;
}
.hlx-scope .main-menu__content {
  overscroll-behavior-y: contain;
}
@media (any-hover: none) {
  .hlx-scope .main-menu__content {
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}
.hlx-scope .main-menu .dropdown-menu {
  border: 0;
  border-top: var(--hl-border-width-md) solid var(--hl-color-border-light-primary);
  box-shadow: var(--hl-box-shadow-soft-active);
}
.hlx-scope .main-menu .algolia-results {
  padding: var(--hl-spacing-grid) var(--hl-spacing-module);
  margin-left: calc(var(--hl-spacing-module) * -1);
  margin-right: calc(var(--hl-spacing-module) * -1);
  background-color: var(--hl-color-bg-light-ultra-muted);
  padding: var(--hl-spacing-grid) var(--hl-spacing-module);
}
.hlx-scope .main-menu .algolia-results:empty {
  display: none;
}
.hlx-scope .main-menu .algolia-results:not(:empty) {
  margin-top: var(--hl-spacing-grid);
}
.hlx-scope .main-menu .algolia-results li:not(:last-child) {
  border-bottom: var(--hl-border-width-sm) solid var(--hl-color-border-light-ultra-muted);
}
.hlx-scope .main-menu .menu-drawer {
  width: calc(100% - var(--hlx-header-logo-width) - var(--hl-spacing-grid));
}
.hlx-scope .collapsed-menu {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: calc(var(--hl-z-index-dropdown) + 2);
  width: var(--hlx-header-width);
  max-width: calc(100% - var(--hlx-header-spacing-page-visible));
  box-shadow: var(--hlx-header-shadow-h-offset) 0 var(--hlx-header-shadow-blur) 0 rgba(0, 0, 0, 0.4);
  transform: translateX(calc(100% + var(--hlx-header-shadow-blur)));
  will-change: transform;
  visibility: hidden;
  transition: transform var(--hl-transition-normal), visibility 0s var(--hl-transition-normal);
}
.hlx-scope .collapsed-menu--visible {
  visibility: visible;
  transform: translateX(0);
  transition: transform var(--hl-transition-normal), visibility 0s 0s;
}
.hlx-scope .collapsed-menu--visible.collapsed-menu--level-0 {
  border-left: var(--hl-border-width-sm) solid var(--hl-color-border-light-very-muted);
}
.hlx-scope .collapsed-menu-wrap {
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-areas: "drawer-head" "drawer-content";
  height: 100%;
}
.hlx-scope .collapsed-menu .menu-presentation {
  grid-area: drawer-content;
  padding: var(--hl-spacing-grid) var(--hl-spacing-module) var(--hl-spacing-module);
}
.hlx-scope .collapsed-menu .collapsed-menu {
  max-width: 100%;
  box-shadow: none;
}
@media (max-width: 360px) {
  .hlx-scope .collapsed-menu {
    --hlx-header-spacing-page-visible: 0px;
  }
}
.hlx-scope .hlx-header-open__backdrop {
  background: rgba(0, 0, 0, 0);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
  pointer-events: none;
  transition: background var(--hl-transition-quickly), visibility 0s var(--hl-transition-quickly);
  z-index: calc(var(--hl-z-index-sticky) + 1);
}

.hlx-header-open {
  touch-action: none;
  -webkit-overflow-scrolling: none;
  overflow-y: hidden;
  overscroll-behavior: none;
}
@media (any-hover: hover) {
  .hlx-header-open {
    padding-right: 17px;
  }
}
.hlx-header-open .main-menu__content {
  overflow-y: auto;
}
.hlx-header-open .hlx-header-open__backdrop {
  background: rgba(0, 0, 0, 0.3);
  visibility: visible;
  pointer-events: initial;
  transition: background var(--hl-transition-quickly), visibility 0s 0s;
}
.hlx-header-open .hl-btn-block {
  white-space: normal;
  text-align: left;
}

.hlx-header-desktop.hlx-header-open .menu-drawer {
  height: 100%;
}
.hlx-header-desktop.hlx-header-open .menu-spacer-spy {
  opacity: initial;
  visibility: visible;
  height: 100%;
}
.hlx-header-desktop.hlx-header-open .menu-spacer-spy-natural-width {
  position: static;
  visibility: visible;
  height: 100%;
  align-items: center;
}
.hlx-header-desktop.hlx-header-open .menu-spacer-spy .main-menu__link {
  position: relative;
  height: 100%;
  align-content: center;
}
.hlx-header-desktop.hlx-header-open .menu-spacer-spy .main-menu__link.active::after {
  content: "";
  width: calc(100% - var(--hl-spacer-xs));
  bottom: 0;
  left: var(--hl-spacer-2xs);
  right: var(--hl-spacer-2xs);
  height: 4px;
  background-color: var(--hl-color-fg-light-interaction-active);
  position: absolute;
}

.hlx-header-desktop .main-menu {
  overflow: hidden;
}
.hlx-header-desktop:not(.hlx-header-open) .collapsed-menu {
  background-color: transparent;
}
.hlx-header-desktop:not(.hlx-header-open) .main-menu__menu {
  align-items: stretch;
}
.hlx-header-desktop:not(.hlx-header-open) .main-menu__menu .collapsed-menu--level-0 {
  height: 100%;
}
.hlx-header-desktop:not(.hlx-header-open) .main-menu__menu .main-menu__content {
  grid-row: 1/-1;
}
.hlx-header-desktop:not(.hlx-header-open) .main-menu__menu .menu-presentation--level-0 {
  height: 100%;
}
.hlx-header-desktop:not(.hlx-header-open) .main-menu__menu .main-menu__link {
  position: relative;
  border-bottom: 0;
  display: flex;
  align-items: center;
}
.hlx-header-desktop:not(.hlx-header-open) .main-menu__menu .main-menu__link .hl-btn::before {
  content: "";
  width: 0;
  height: 4px;
  background-color: var(--hl-color-fg-light-interaction-active);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  will-change: width;
  transition: inherit;
}
.hlx-header-desktop:not(.hlx-header-open) .main-menu__menu .main-menu__link .hl-btn:hover::before, .hlx-header-desktop:not(.hlx-header-open) .main-menu__menu .main-menu__link .hl-btn:focus::before, .hlx-header-desktop:not(.hlx-header-open) .main-menu__menu .main-menu__link .hl-btn:active::before, .hlx-header-desktop:not(.hlx-header-open) .main-menu__menu .main-menu__link .hl-btn.active::before {
  width: calc(100% - var(--hl-spacer-xs));
  margin-left: auto;
  margin-right: auto;
}
.hlx-header-desktop:not(.hlx-header-open) .main-menu__menu .main-menu__link .hl-btn:not(.active):hover::before {
  background-color: var(--hl-color-fg-light-interaction-hover);
}
.hlx-header-desktop:not(.hlx-header-open) .main-menu__menu .main-menu__link .hl-btn:not(.active):focus::before {
  background-color: var(--hl-color-button-fg-light-link-focus);
}
.hlx-header-desktop:not(.hlx-header-open) .main-menu__menu .main-menu__link .hl-btn:not(.active):active::before {
  background-color: var(--hl-color-button-fg-light-link-pressed);
}
.hlx-header-desktop:not(.hlx-header-open) .main-menu__heading,
.hlx-header-desktop:not(.hlx-header-open) .main-menu__searchbox,
.hlx-header-desktop:not(.hlx-header-open) .main-menu__my-account,
.hlx-header-desktop:not(.hlx-header-open) .main-menu__current-item,
.hlx-header-desktop:not(.hlx-header-open) .main-menu__shortcut,
.hlx-header-desktop:not(.hlx-header-open) .main-menu__shortcut ~ * {
  display: none !important;
}
.hlx-header-desktop:not(.hlx-header-open) .collapsed-menu--level-0 {
  position: static;
  width: auto;
  max-width: initial;
  visibility: visible;
  box-shadow: none;
  transform: none;
}
.hlx-header-desktop:not(.hlx-header-open) .menu-presentation--level-0 {
  display: flex;
  padding: 0;
}
.hlx-header-desktop .main-menu__actions-ham {
  visibility: hidden;
}
.hlx-header-desktop .main-menu__actions > li:not(.main-menu__actions-ham) {
  order: 1;
}

.hlx-header-is-resizing .main-menu-wrap *,
.hlx-header-desktop .main-menu-wrap .collapsed-menu {
  --hl-transition-normal: 0s;
}

.hlx-header-desktop .main-menu-wrap .collapsed-menu {
  --hl-transition-normal: 0s;
}
.hlx-header-desktop .main-menu-wrap .collapsed-menu .hl-btn {
  transition: none;
  --hl-transition-normal: .3s ease-in-out;
}

@view-transition {
  navigation: auto;
}
.footer-external .panel .panel__body {
  padding-left: 0;
  padding-right: 0;
}
.footer-external-separator {
  margin: 0;
  border: none;
  border-top: var(--hl-border-width-default) solid var(--hl-color-border-dark-muted);
}
.footer-external .list-bottom-icon {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: var(--hl-spacing-grid);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .footer-external .list-bottom-icon {
    gap: var(--hl-spacing-module);
  }
}
.footer-external .list-bottom-icon li a img {
  max-height: 24px;
}
@media (min-width: 768px) {
  .footer-external .list-bottom-icon li a img {
    max-height: 32px;
  }
}
.footer-external .list-group {
  list-style: none;
  padding-left: 0;
}
.footer-external .list-group-links {
  display: block;
  margin-bottom: var(--hl-spacing-submodule);
}
@media (min-width: 768px) {
  .footer-external .list-group-links {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: var(--hl-spacing-grid);
  }
}
.footer-external .list-group-links__item {
  position: relative;
  font-size: 14px;
  text-decoration: none;
  padding-right: var(--hl-spacing-grid);
}
.footer-external .list-group-links__item:after {
  display: none;
}
@media (min-width: 768px) {
  .footer-external .list-group-links__item:after {
    display: block;
    content: "|";
    position: absolute;
    top: calc(var(--hl-spacing-atom) * 1.5);
    right: 0;
    width: 2px;
    color: var(--hl-color-fg-light-very-muted);
  }
}
.footer-external .list-group-links__item:last-child:after {
  display: none;
}
.footer-external .list-group-social {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0;
  gap: var(--hl-spacing-grid);
  list-style: none;
  margin-bottom: 0;
  justify-content: center;
}
@media (min-width: 768px) {
  .footer-external .list-group-social {
    gap: var(--hl-spacing-submodule);
  }
}
.footer-external .list-group-social li a {
  width: 44px;
  height: 44px;
}
@media (min-width: 768px) {
  .footer-external .list-group-social li a {
    width: 60px;
    height: 60px;
  }
}
.footer-external .hlx-footer-img-list-link {
  max-width: calc(var(--hl-size-icon-md) - var(--hl-spacing-atom));
  height: auto;
  margin-right: calc(var(--hl-spacing-atom) * -0.5);
}

.footer-external-empty {
  min-height: 156px;
}