*, *::after, *::before {
  box-sizing: inherit;
}

* {
  font: inherit;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, hr {
  margin: 0;
  padding: 0;
  border: 0;
}

html {
  box-sizing: border-box;
}

body {
  background-color: var(--color-bg, white);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

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

main {
  flex: 1 0 100%;
  height: 100%;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

button, input, textarea, select {
  margin: 0;
}

.btn, .form-control, .link, .reset {
  background-color: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  line-height: inherit;
  appearance: none;
}

select.form-control::-ms-expand {
  display: none;
}

textarea {
  resize: vertical;
  overflow: auto;
  vertical-align: top;
}

input::-ms-clear {
  display: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img, video, svg {
  max-width: 100%;
}

:focus {
  transition: none;
  outline: 1px solid #000;
  outline-offset: 0;
}

:focus:not(:focus-visible) {
  outline: 1px solid #000;
}

.fluidStyleguideComponentSpacing {
  padding: 0;
}
.fluidStyleguideComponentSpacing.zoom-200 {
  transform: scale(2);
  transform-origin: top left;
  width: 180px;
}

:root {
  --space-unit: 1rem;
  --space-xxxxs: calc(0.125 * var(--space-unit));
  --space-xxxs: calc(0.25 * var(--space-unit));
  --space-xxs: calc(0.375 * var(--space-unit));
  --space-xs: calc(0.5 * var(--space-unit));
  --space-sm: calc(0.75 * var(--space-unit));
  --space-md: calc(1.25 * var(--space-unit));
  --space-lg: calc(2 * var(--space-unit));
  --space-xl: calc(2.5 * var(--space-unit));
  --space-xxl: calc(3.25 * var(--space-unit));
  --space-xxxl: calc(5.25 * var(--space-unit));
  --space-xxxxl: calc(8.5 * var(--space-unit));
  --component-padding: var(--space-md);
}

@supports (--css: variables) {
  @media (min-width: 64.063rem) {
    :root {
      --space-unit: 2rem;
    }
  }
}
.container {
  width: calc(100% - 2 * var(--component-padding));
  margin-left: auto;
  margin-right: auto;
  max-width: var(--max-width-lg, 80rem);
}
@media (max-width: 40rem) {
  .container--fluid {
    width: 100%;
  }
}
.container--narrow {
  max-width: var(--max-width-sm, 48rem);
}

.grid, .card-news--horizontal {
  --gap: 0px;
  --offset: var(--gap);
  display: flex;
  flex-wrap: wrap;
}
.grid > *, .card-news--horizontal > * {
  flex-basis: 100%;
  max-width: 100%;
}
@supports (--css: variables) {
  .grid > *[class*=offset-], .card-news--horizontal > *[class*=offset-] {
    margin-left: var(--offset);
  }
}

[class*=gap-xxxxs], [class*=gap-xxxs], [class*=gap-xxs], [class*=gap-xs], [class*=gap-sm], [class*=gap-md], [class*=gap-lg], [class*=gap-xl], [class*=gap-xxl], [class*=gap-xxxl], [class*=gap-xxxxl], [class*=grid-gap-], [class*=flex-gap-] {
  margin-bottom: -0.75em;
  margin-left: -0.75em;
}
[class*=gap-xxxxs] > *, [class*=gap-xxxs] > *, [class*=gap-xxs] > *, [class*=gap-xs] > *, [class*=gap-sm] > *, [class*=gap-md] > *, [class*=gap-lg] > *, [class*=gap-xl] > *, [class*=gap-xxl] > *, [class*=gap-xxxl] > *, [class*=gap-xxxxl] > *, [class*=grid-gap-] > *, [class*=flex-gap-] > * {
  margin-bottom: 0.75em;
  margin-left: 0.75em;
}

@supports (--css: variables) {
  [class*=gap-xxxxs], [class*=gap-xxxs], [class*=gap-xxs], [class*=gap-xs], [class*=gap-sm], [class*=gap-md], [class*=gap-lg], [class*=gap-xl], [class*=gap-xxl], [class*=gap-xxxl], [class*=gap-xxxxl], [class*=grid-gap-], [class*=flex-gap-] {
    --gap: 0px;
    --offset: var(--gap);
    margin-bottom: calc(-1 * var(--gap));
    margin-left: calc(-1 * var(--gap));
  }
  [class*=gap-xxxxs] > *, [class*=gap-xxxs] > *, [class*=gap-xxs] > *, [class*=gap-xs] > *, [class*=gap-sm] > *, [class*=gap-md] > *, [class*=gap-lg] > *, [class*=gap-xl] > *, [class*=gap-xxl] > *, [class*=gap-xxxl] > *, [class*=gap-xxxxl] > *, [class*=grid-gap-] > *, [class*=flex-gap-] > * {
    margin-bottom: var(--gap);
    margin-left: var(--offset);
  }
  .gap-xxxxs, .grid-gap-xxxxs, .flex-gap-xxxxs {
    --gap: var(--space-xxxxs);
  }
  .gap-xxxs, .grid-gap-xxxs, .flex-gap-xxxs {
    --gap: var(--space-xxxs);
  }
  .gap-xxs, .grid-gap-xxs, .flex-gap-xxs {
    --gap: var(--space-xxs);
  }
  .gap-xs, .grid-gap-xs, .flex-gap-xs {
    --gap: var(--space-xs);
  }
  .gap-sm, .grid-gap-sm, .flex-gap-sm {
    --gap: var(--space-sm);
  }
  .gap-md, .grid-gap-md, .flex-gap-md {
    --gap: var(--space-md);
  }
  .gap-lg, .grid-gap-lg, .flex-gap-lg {
    --gap: var(--space-lg);
  }
  .gap-xl, .grid-gap-xl, .flex-gap-xl {
    --gap: var(--space-xl);
  }
  .gap-xxl, .grid-gap-xxl, .flex-gap-xxl {
    --gap: var(--space-xxl);
  }
  .gap-xxxl, .grid-gap-xxxl, .flex-gap-xxxl {
    --gap: var(--space-xxxl);
  }
  .gap-xxxxl, .grid-gap-xxxxl, .flex-gap-xxxxl {
    --gap: var(--space-xxxxl);
  }
  .gap-0, .grid-gap-0, .flex-gap-0 {
    --gap: 0px;
  }
}
.col {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
}

.col-1 {
  flex-basis: calc(8.33% - 0.01px - var(--gap, 0.75em));
  max-width: calc(8.33% - 0.01px - var(--gap, 0.75em));
}

.col-2 {
  flex-basis: calc(16.66% - 0.01px - var(--gap, 0.75em));
  max-width: calc(16.66% - 0.01px - var(--gap, 0.75em));
}

.col-3, .card-news--horizontal .card-news__bg-wrapper {
  flex-basis: calc(25% - 0.01px - var(--gap, 0.75em));
  max-width: calc(25% - 0.01px - var(--gap, 0.75em));
}

.col-4 {
  flex-basis: calc(33.33% - 0.01px - var(--gap, 0.75em));
  max-width: calc(33.33% - 0.01px - var(--gap, 0.75em));
}

.col-5 {
  flex-basis: calc(41.66% - 0.01px - var(--gap, 0.75em));
  max-width: calc(41.66% - 0.01px - var(--gap, 0.75em));
}

.col-6 {
  flex-basis: calc(50% - 0.01px - var(--gap, 0.75em));
  max-width: calc(50% - 0.01px - var(--gap, 0.75em));
}

.col-7 {
  flex-basis: calc(58.33% - 0.01px - var(--gap, 0.75em));
  max-width: calc(58.33% - 0.01px - var(--gap, 0.75em));
}

.col-8 {
  flex-basis: calc(66.66% - 0.01px - var(--gap, 0.75em));
  max-width: calc(66.66% - 0.01px - var(--gap, 0.75em));
}

.col-9, .card-news--horizontal .card-news__content-wrapper {
  flex-basis: calc(75% - 0.01px - var(--gap, 0.75em));
  max-width: calc(75% - 0.01px - var(--gap, 0.75em));
}

.col-10 {
  flex-basis: calc(83.33% - 0.01px - var(--gap, 0.75em));
  max-width: calc(83.33% - 0.01px - var(--gap, 0.75em));
}

.col-11 {
  flex-basis: calc(91.66% - 0.01px - var(--gap, 0.75em));
  max-width: calc(91.66% - 0.01px - var(--gap, 0.75em));
}

.col-12, .card-news--horizontal .card-news__bg-wrapper.is-hidden + .card-news__content-wrapper {
  flex-basis: calc(100% - 0.01px - var(--gap, 0.75em));
  max-width: calc(100% - 0.01px - var(--gap, 0.75em));
}

.col-content {
  flex-basis: initial;
  max-width: initial;
}

.offset-1 {
  --offset: calc(8.33% + var(--gap, 0.75em));
}

.offset-2 {
  --offset: calc(16.66% + var(--gap, 0.75em));
}

.offset-3 {
  --offset: calc(25% + var(--gap, 0.75em));
}

.offset-4 {
  --offset: calc(33.33% + var(--gap, 0.75em));
}

.offset-5 {
  --offset: calc(41.66% + var(--gap, 0.75em));
}

.offset-6 {
  --offset: calc(50% + var(--gap, 0.75em));
}

.offset-7 {
  --offset: calc(58.33% + var(--gap, 0.75em));
}

.offset-8 {
  --offset: calc(66.66% + var(--gap, 0.75em));
}

.offset-9 {
  --offset: calc(75% + var(--gap, 0.75em));
}

.offset-10 {
  --offset: calc(83.33% + var(--gap, 0.75em));
}

.offset-11 {
  --offset: calc(91.66% + var(--gap, 0.75em));
}

@media (min-width: 0) {
  .col\@xs {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-1\@xs {
    flex-basis: calc(8.33% - 0.01px - var(--gap, 0.75em));
    max-width: calc(8.33% - 0.01px - var(--gap, 0.75em));
  }
  .col-2\@xs {
    flex-basis: calc(16.66% - 0.01px - var(--gap, 0.75em));
    max-width: calc(16.66% - 0.01px - var(--gap, 0.75em));
  }
  .col-3\@xs {
    flex-basis: calc(25% - 0.01px - var(--gap, 0.75em));
    max-width: calc(25% - 0.01px - var(--gap, 0.75em));
  }
  .col-4\@xs {
    flex-basis: calc(33.33% - 0.01px - var(--gap, 0.75em));
    max-width: calc(33.33% - 0.01px - var(--gap, 0.75em));
  }
  .col-5\@xs {
    flex-basis: calc(41.66% - 0.01px - var(--gap, 0.75em));
    max-width: calc(41.66% - 0.01px - var(--gap, 0.75em));
  }
  .col-6\@xs {
    flex-basis: calc(50% - 0.01px - var(--gap, 0.75em));
    max-width: calc(50% - 0.01px - var(--gap, 0.75em));
  }
  .col-7\@xs {
    flex-basis: calc(58.33% - 0.01px - var(--gap, 0.75em));
    max-width: calc(58.33% - 0.01px - var(--gap, 0.75em));
  }
  .col-8\@xs {
    flex-basis: calc(66.66% - 0.01px - var(--gap, 0.75em));
    max-width: calc(66.66% - 0.01px - var(--gap, 0.75em));
  }
  .col-9\@xs {
    flex-basis: calc(75% - 0.01px - var(--gap, 0.75em));
    max-width: calc(75% - 0.01px - var(--gap, 0.75em));
  }
  .col-10\@xs {
    flex-basis: calc(83.33% - 0.01px - var(--gap, 0.75em));
    max-width: calc(83.33% - 0.01px - var(--gap, 0.75em));
  }
  .col-11\@xs {
    flex-basis: calc(91.66% - 0.01px - var(--gap, 0.75em));
    max-width: calc(91.66% - 0.01px - var(--gap, 0.75em));
  }
  .col-12\@xs {
    flex-basis: calc(100% - 0.01px - var(--gap, 0.75em));
    max-width: calc(100% - 0.01px - var(--gap, 0.75em));
  }
  .col-content\@xs {
    flex-basis: initial;
    max-width: initial;
  }
  .offset-1\@xs {
    --offset: calc(8.33% + var(--gap, 0.75em));
  }
  .offset-2\@xs {
    --offset: calc(16.66% + var(--gap, 0.75em));
  }
  .offset-3\@xs {
    --offset: calc(25% + var(--gap, 0.75em));
  }
  .offset-4\@xs {
    --offset: calc(33.33% + var(--gap, 0.75em));
  }
  .offset-5\@xs {
    --offset: calc(41.66% + var(--gap, 0.75em));
  }
  .offset-6\@xs {
    --offset: calc(50% + var(--gap, 0.75em));
  }
  .offset-7\@xs {
    --offset: calc(58.33% + var(--gap, 0.75em));
  }
  .offset-8\@xs {
    --offset: calc(66.66% + var(--gap, 0.75em));
  }
  .offset-9\@xs {
    --offset: calc(75% + var(--gap, 0.75em));
  }
  .offset-10\@xs {
    --offset: calc(83.33% + var(--gap, 0.75em));
  }
  .offset-11\@xs {
    --offset: calc(91.66% + var(--gap, 0.75em));
  }
  @supports (--css: variables) {
    .gap-xxxxs\@xs {
      --gap: var(--space-xxxxs);
    }
    .gap-xxxs\@xs {
      --gap: var(--space-xxxs);
    }
    .gap-xxs\@xs {
      --gap: var(--space-xxs);
    }
    .gap-xs\@xs {
      --gap: var(--space-xs);
    }
    .gap-sm\@xs {
      --gap: var(--space-sm);
    }
    .gap-md\@xs {
      --gap: var(--space-md);
    }
    .gap-lg\@xs {
      --gap: var(--space-lg);
    }
    .gap-xl\@xs {
      --gap: var(--space-xl);
    }
    .gap-xxl\@xs {
      --gap: var(--space-xxl);
    }
    .gap-xxxl\@xs {
      --gap: var(--space-xxxl);
    }
    .gap-xxxxl\@xs {
      --gap: var(--space-xxxxl);
    }
    .gap-0\@xs {
      --gap: 0px;
    }
  }
}
@media (min-width: 40rem) {
  .col\@sm {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-1\@sm {
    flex-basis: calc(8.33% - 0.01px - var(--gap, 0.75em));
    max-width: calc(8.33% - 0.01px - var(--gap, 0.75em));
  }
  .col-2\@sm {
    flex-basis: calc(16.66% - 0.01px - var(--gap, 0.75em));
    max-width: calc(16.66% - 0.01px - var(--gap, 0.75em));
  }
  .col-3\@sm {
    flex-basis: calc(25% - 0.01px - var(--gap, 0.75em));
    max-width: calc(25% - 0.01px - var(--gap, 0.75em));
  }
  .col-4\@sm {
    flex-basis: calc(33.33% - 0.01px - var(--gap, 0.75em));
    max-width: calc(33.33% - 0.01px - var(--gap, 0.75em));
  }
  .col-5\@sm {
    flex-basis: calc(41.66% - 0.01px - var(--gap, 0.75em));
    max-width: calc(41.66% - 0.01px - var(--gap, 0.75em));
  }
  .col-6\@sm {
    flex-basis: calc(50% - 0.01px - var(--gap, 0.75em));
    max-width: calc(50% - 0.01px - var(--gap, 0.75em));
  }
  .col-7\@sm {
    flex-basis: calc(58.33% - 0.01px - var(--gap, 0.75em));
    max-width: calc(58.33% - 0.01px - var(--gap, 0.75em));
  }
  .col-8\@sm {
    flex-basis: calc(66.66% - 0.01px - var(--gap, 0.75em));
    max-width: calc(66.66% - 0.01px - var(--gap, 0.75em));
  }
  .col-9\@sm {
    flex-basis: calc(75% - 0.01px - var(--gap, 0.75em));
    max-width: calc(75% - 0.01px - var(--gap, 0.75em));
  }
  .col-10\@sm {
    flex-basis: calc(83.33% - 0.01px - var(--gap, 0.75em));
    max-width: calc(83.33% - 0.01px - var(--gap, 0.75em));
  }
  .col-11\@sm {
    flex-basis: calc(91.66% - 0.01px - var(--gap, 0.75em));
    max-width: calc(91.66% - 0.01px - var(--gap, 0.75em));
  }
  .col-12\@sm {
    flex-basis: calc(100% - 0.01px - var(--gap, 0.75em));
    max-width: calc(100% - 0.01px - var(--gap, 0.75em));
  }
  .col-content\@sm {
    flex-basis: initial;
    max-width: initial;
  }
  .offset-1\@sm {
    --offset: calc(8.33% + var(--gap, 0.75em));
  }
  .offset-2\@sm {
    --offset: calc(16.66% + var(--gap, 0.75em));
  }
  .offset-3\@sm {
    --offset: calc(25% + var(--gap, 0.75em));
  }
  .offset-4\@sm {
    --offset: calc(33.33% + var(--gap, 0.75em));
  }
  .offset-5\@sm {
    --offset: calc(41.66% + var(--gap, 0.75em));
  }
  .offset-6\@sm {
    --offset: calc(50% + var(--gap, 0.75em));
  }
  .offset-7\@sm {
    --offset: calc(58.33% + var(--gap, 0.75em));
  }
  .offset-8\@sm {
    --offset: calc(66.66% + var(--gap, 0.75em));
  }
  .offset-9\@sm {
    --offset: calc(75% + var(--gap, 0.75em));
  }
  .offset-10\@sm {
    --offset: calc(83.33% + var(--gap, 0.75em));
  }
  .offset-11\@sm {
    --offset: calc(91.66% + var(--gap, 0.75em));
  }
  @supports (--css: variables) {
    .gap-xxxxs\@sm {
      --gap: var(--space-xxxxs);
    }
    .gap-xxxs\@sm {
      --gap: var(--space-xxxs);
    }
    .gap-xxs\@sm {
      --gap: var(--space-xxs);
    }
    .gap-xs\@sm {
      --gap: var(--space-xs);
    }
    .gap-sm\@sm {
      --gap: var(--space-sm);
    }
    .gap-md\@sm {
      --gap: var(--space-md);
    }
    .gap-lg\@sm {
      --gap: var(--space-lg);
    }
    .gap-xl\@sm {
      --gap: var(--space-xl);
    }
    .gap-xxl\@sm {
      --gap: var(--space-xxl);
    }
    .gap-xxxl\@sm {
      --gap: var(--space-xxxl);
    }
    .gap-xxxxl\@sm {
      --gap: var(--space-xxxxl);
    }
    .gap-0\@sm {
      --gap: 0px;
    }
  }
}
@media (min-width: 64.063rem) {
  .col\@md {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-1\@md {
    flex-basis: calc(8.33% - 0.01px - var(--gap, 0.75em));
    max-width: calc(8.33% - 0.01px - var(--gap, 0.75em));
  }
  .col-2\@md {
    flex-basis: calc(16.66% - 0.01px - var(--gap, 0.75em));
    max-width: calc(16.66% - 0.01px - var(--gap, 0.75em));
  }
  .col-3\@md {
    flex-basis: calc(25% - 0.01px - var(--gap, 0.75em));
    max-width: calc(25% - 0.01px - var(--gap, 0.75em));
  }
  .col-4\@md {
    flex-basis: calc(33.33% - 0.01px - var(--gap, 0.75em));
    max-width: calc(33.33% - 0.01px - var(--gap, 0.75em));
  }
  .col-5\@md {
    flex-basis: calc(41.66% - 0.01px - var(--gap, 0.75em));
    max-width: calc(41.66% - 0.01px - var(--gap, 0.75em));
  }
  .col-6\@md {
    flex-basis: calc(50% - 0.01px - var(--gap, 0.75em));
    max-width: calc(50% - 0.01px - var(--gap, 0.75em));
  }
  .col-7\@md {
    flex-basis: calc(58.33% - 0.01px - var(--gap, 0.75em));
    max-width: calc(58.33% - 0.01px - var(--gap, 0.75em));
  }
  .col-8\@md {
    flex-basis: calc(66.66% - 0.01px - var(--gap, 0.75em));
    max-width: calc(66.66% - 0.01px - var(--gap, 0.75em));
  }
  .col-9\@md {
    flex-basis: calc(75% - 0.01px - var(--gap, 0.75em));
    max-width: calc(75% - 0.01px - var(--gap, 0.75em));
  }
  .col-10\@md {
    flex-basis: calc(83.33% - 0.01px - var(--gap, 0.75em));
    max-width: calc(83.33% - 0.01px - var(--gap, 0.75em));
  }
  .col-11\@md {
    flex-basis: calc(91.66% - 0.01px - var(--gap, 0.75em));
    max-width: calc(91.66% - 0.01px - var(--gap, 0.75em));
  }
  .col-12\@md {
    flex-basis: calc(100% - 0.01px - var(--gap, 0.75em));
    max-width: calc(100% - 0.01px - var(--gap, 0.75em));
  }
  .col-content\@md {
    flex-basis: initial;
    max-width: initial;
  }
  .offset-1\@md {
    --offset: calc(8.33% + var(--gap, 0.75em));
  }
  .offset-2\@md {
    --offset: calc(16.66% + var(--gap, 0.75em));
  }
  .offset-3\@md {
    --offset: calc(25% + var(--gap, 0.75em));
  }
  .offset-4\@md {
    --offset: calc(33.33% + var(--gap, 0.75em));
  }
  .offset-5\@md {
    --offset: calc(41.66% + var(--gap, 0.75em));
  }
  .offset-6\@md {
    --offset: calc(50% + var(--gap, 0.75em));
  }
  .offset-7\@md {
    --offset: calc(58.33% + var(--gap, 0.75em));
  }
  .offset-8\@md {
    --offset: calc(66.66% + var(--gap, 0.75em));
  }
  .offset-9\@md {
    --offset: calc(75% + var(--gap, 0.75em));
  }
  .offset-10\@md {
    --offset: calc(83.33% + var(--gap, 0.75em));
  }
  .offset-11\@md {
    --offset: calc(91.66% + var(--gap, 0.75em));
  }
  @supports (--css: variables) {
    .gap-xxxxs\@md {
      --gap: var(--space-xxxxs);
    }
    .gap-xxxs\@md {
      --gap: var(--space-xxxs);
    }
    .gap-xxs\@md {
      --gap: var(--space-xxs);
    }
    .gap-xs\@md {
      --gap: var(--space-xs);
    }
    .gap-sm\@md {
      --gap: var(--space-sm);
    }
    .gap-md\@md {
      --gap: var(--space-md);
    }
    .gap-lg\@md {
      --gap: var(--space-lg);
    }
    .gap-xl\@md {
      --gap: var(--space-xl);
    }
    .gap-xxl\@md {
      --gap: var(--space-xxl);
    }
    .gap-xxxl\@md {
      --gap: var(--space-xxxl);
    }
    .gap-xxxxl\@md {
      --gap: var(--space-xxxxl);
    }
    .gap-0\@md {
      --gap: 0px;
    }
  }
}
@media (min-width: 92rem) {
  .col\@lg {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-1\@lg {
    flex-basis: calc(8.33% - 0.01px - var(--gap, 0.75em));
    max-width: calc(8.33% - 0.01px - var(--gap, 0.75em));
  }
  .col-2\@lg {
    flex-basis: calc(16.66% - 0.01px - var(--gap, 0.75em));
    max-width: calc(16.66% - 0.01px - var(--gap, 0.75em));
  }
  .col-3\@lg {
    flex-basis: calc(25% - 0.01px - var(--gap, 0.75em));
    max-width: calc(25% - 0.01px - var(--gap, 0.75em));
  }
  .col-4\@lg {
    flex-basis: calc(33.33% - 0.01px - var(--gap, 0.75em));
    max-width: calc(33.33% - 0.01px - var(--gap, 0.75em));
  }
  .col-5\@lg {
    flex-basis: calc(41.66% - 0.01px - var(--gap, 0.75em));
    max-width: calc(41.66% - 0.01px - var(--gap, 0.75em));
  }
  .col-6\@lg {
    flex-basis: calc(50% - 0.01px - var(--gap, 0.75em));
    max-width: calc(50% - 0.01px - var(--gap, 0.75em));
  }
  .col-7\@lg {
    flex-basis: calc(58.33% - 0.01px - var(--gap, 0.75em));
    max-width: calc(58.33% - 0.01px - var(--gap, 0.75em));
  }
  .col-8\@lg {
    flex-basis: calc(66.66% - 0.01px - var(--gap, 0.75em));
    max-width: calc(66.66% - 0.01px - var(--gap, 0.75em));
  }
  .col-9\@lg {
    flex-basis: calc(75% - 0.01px - var(--gap, 0.75em));
    max-width: calc(75% - 0.01px - var(--gap, 0.75em));
  }
  .col-10\@lg {
    flex-basis: calc(83.33% - 0.01px - var(--gap, 0.75em));
    max-width: calc(83.33% - 0.01px - var(--gap, 0.75em));
  }
  .col-11\@lg {
    flex-basis: calc(91.66% - 0.01px - var(--gap, 0.75em));
    max-width: calc(91.66% - 0.01px - var(--gap, 0.75em));
  }
  .col-12\@lg {
    flex-basis: calc(100% - 0.01px - var(--gap, 0.75em));
    max-width: calc(100% - 0.01px - var(--gap, 0.75em));
  }
  .col-content\@lg {
    flex-basis: initial;
    max-width: initial;
  }
  .offset-1\@lg {
    --offset: calc(8.33% + var(--gap, 0.75em));
  }
  .offset-2\@lg {
    --offset: calc(16.66% + var(--gap, 0.75em));
  }
  .offset-3\@lg {
    --offset: calc(25% + var(--gap, 0.75em));
  }
  .offset-4\@lg {
    --offset: calc(33.33% + var(--gap, 0.75em));
  }
  .offset-5\@lg {
    --offset: calc(41.66% + var(--gap, 0.75em));
  }
  .offset-6\@lg {
    --offset: calc(50% + var(--gap, 0.75em));
  }
  .offset-7\@lg {
    --offset: calc(58.33% + var(--gap, 0.75em));
  }
  .offset-8\@lg {
    --offset: calc(66.66% + var(--gap, 0.75em));
  }
  .offset-9\@lg {
    --offset: calc(75% + var(--gap, 0.75em));
  }
  .offset-10\@lg {
    --offset: calc(83.33% + var(--gap, 0.75em));
  }
  .offset-11\@lg {
    --offset: calc(91.66% + var(--gap, 0.75em));
  }
  @supports (--css: variables) {
    .gap-xxxxs\@lg {
      --gap: var(--space-xxxxs);
    }
    .gap-xxxs\@lg {
      --gap: var(--space-xxxs);
    }
    .gap-xxs\@lg {
      --gap: var(--space-xxs);
    }
    .gap-xs\@lg {
      --gap: var(--space-xs);
    }
    .gap-sm\@lg {
      --gap: var(--space-sm);
    }
    .gap-md\@lg {
      --gap: var(--space-md);
    }
    .gap-lg\@lg {
      --gap: var(--space-lg);
    }
    .gap-xl\@lg {
      --gap: var(--space-xl);
    }
    .gap-xxl\@lg {
      --gap: var(--space-xxl);
    }
    .gap-xxxl\@lg {
      --gap: var(--space-xxxl);
    }
    .gap-xxxxl\@lg {
      --gap: var(--space-xxxxl);
    }
    .gap-0\@lg {
      --gap: 0px;
    }
  }
}
.grid-auto {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(max(100% / var(--col, 1), 250px), 1fr));
}
.grid-auto--2-col {
  --col: 2;
}
.grid-auto--3-col {
  --col: 3;
}
.grid-auto--4-col {
  --col: 4;
}
.grid-auto--5-col {
  --col: 5;
}

@font-face {
  font-family: "Lato";
  font-display: swap;
  src: url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Lato/lato-regular.woff2') format("woff2"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Lato/lato-regular.woff') format("woff"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Lato/lato-regular.ttf') format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Lato Medium";
  font-display: swap;
  src: url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Lato/lato-regular.woff2') format("woff2"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Lato/lato-regular.woff') format("woff"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Lato/lato-regular.ttf') format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Lato Italic";
  font-display: swap;
  src: url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Lato/lato-italic.woff2') format("woff2"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Lato/lato-italic.woff') format("woff"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Lato/lato-italic.ttf') format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Lato Medium Italic";
  font-display: swap;
  src: url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Lato/lato-italic.woff2') format("woff2"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Lato/lato-italic.woff') format("woff"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Lato/lato-italic.ttf') format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Lato Thin";
  font-display: swap;
  src: url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Lato/lato-thin.woff2') format("woff2"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Lato/lato-thin.woff') format("woff"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Lato/lato-thin.ttf') format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Lato Thin Italic";
  font-display: swap;
  src: url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Lato/lato-thinitalic.woff2') format("woff2"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Lato/lato-thinitalic.woff') format("woff"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Lato/lato-thinitalic.ttf') format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Lato Light";
  font-display: swap;
  src: url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Lato/lato-light.woff2') format("woff2"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Lato/lato-light.woff') format("woff"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Lato/lato-light.ttf') format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Lato Light Italic";
  font-display: swap;
  src: url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Lato/lato-lightitalic.woff2') format("woff2"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Lato/lato-lightitalic.woff') format("woff"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Lato/lato-lightitalic.ttf') format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Lato Bold";
  font-display: swap;
  src: url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Lato/lato-bold.woff2') format("woff2"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Lato/lato-bold.woff') format("woff"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Lato/lato-bold.ttf') format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Lato Bold Italic";
  font-display: swap;
  src: url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Lato/lato-bolditalic.woff2') format("woff2"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Lato/lato-bolditalic.woff') format("woff"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Lato/lato-bolditalic.ttf') format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Lato Black";
  font-display: swap;
  src: url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Lato/lato-black.woff2') format("woff2"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Lato/lato-black.woff') format("woff"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Lato/lato-black.ttf') format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Lato Black Italic";
  font-display: swap;
  src: url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Lato/lato-blackitalic.woff2') format("woff2"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Lato/lato-blackitalic.woff') format("woff"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Lato/lato-blackitalic.ttf') format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "League Spartan Bold";
  font-display: swap;
  src: url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/leaguespartan-bold.woff2') format("woff2"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/leaguespartan-bold.woff') format("woff"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/leaguespartan-bold.ttf') format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Anthares";
  font-display: swap;
  src: url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Anthares-Demo.woff2') format("woff2"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Anthares-Demo.woff') format("woff"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Anthares-Demo.ttf') format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Barlow";
  font-display: swap;
  src: url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Barlow-Regular.woff2') format("woff2"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Barlow-Regular.woff') format("woff"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Barlow-Regular.ttf') format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Barlow Italic";
  font-display: swap;
  src: url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Barlow-Italic.woff2') format("woff2"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Barlow-Italic.woff') format("woff"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Barlow-Italic.ttf') format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Barlow Bold";
  font-display: swap;
  src: url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Barlow-Bold.woff2') format("woff2"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Barlow-Bold.woff') format("woff"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/Barlow-Bold.ttf') format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Barlow SemiBold";
  font-display: swap;
  src: url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/barlow-semibold.woff2') format("woff2"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/barlow-semibold.woff') format("woff"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/barlow-semibold.ttf') format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Merriweather Sans Italic";
  src: url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/MerriweatherSans/merriweathersans-italic-variablefont_wght.woff2') format("woff2"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/MerriweatherSans/merriweathersans-italic-variablefont_wght.woff') format("woff"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/MerriweatherSans/merriweathersans-italic-variablefont_wght.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Merriweather Sans Regular";
  src: url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/MerriweatherSans/merriweathersans-variablefont_wght.woff2') format("woff2"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/MerriweatherSans/merriweathersans-variablefont_wght.woff') format("woff"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/MerriweatherSans/merriweathersans-variablefont_wght.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sofia Sans Condensed Italic";
  src: url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/SofiaSansCondensed/sofiasanscondensed-italic-variablefont_wght.woff2') format("woff2"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/SofiaSansCondensed/sofiasanscondensed-italic-variablefont_wght.woff') format("woff"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/SofiaSansCondensed/sofiasanscondensed-italic-variablefont_wght.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sofia Sans Condensed Regular";
  src: url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/SofiaSansCondensed/sofiasanscondensed-variablefont_wght.woff2') format("woff2"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/SofiaSansCondensed/sofiasanscondensed-variablefont_wght.woff') format("woff"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/SofiaSansCondensed/sofiasanscondensed-variablefont_wght.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nunito";
  font-display: swap;
  src: url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/nunito-regular.woff2') format("woff2"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/nunito-regular.woff') format("woff"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/nunito-regular.ttf') format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Nunito Italic";
  font-display: swap;
  src: url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/nunito-italic.woff2') format("woff2"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/nunito-italic.woff') format("woff"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/nunito-italic.ttf') format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Nunito Light";
  font-display: swap;
  src: url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/nunito-light.woff2') format("woff2"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/nunito-light.woff') format("woff"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/nunito-light.ttf') format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Nunito Light Italic";
  font-display: swap;
  src: url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/nunito-lightitalic.woff2') format("woff2"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/nunito-lightitalic.woff') format("woff"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/nunito-lightitalic.ttf') format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Nunito SemiBold";
  font-display: swap;
  src: url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/nunito-semibold.woff2') format("woff2"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/nunito-semibold.woff') format("woff"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/nunito-semibold.ttf') format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Nunito SemiBold Italic";
  font-display: swap;
  src: url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/nunito-semibolditalic.woff2') format("woff2"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/nunito-semibolditalic.woff') format("woff"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/nunito-semibolditalic.ttf') format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Nunito Bold";
  font-display: swap;
  src: url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/nunito-bold.woff2') format("woff2"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/nunito-bold.woff') format("woff"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/nunito-bold.ttf') format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Nunito Bold Italic";
  font-display: swap;
  src: url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/nunito-bolditalic.woff2') format("woff2"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/nunito-bolditalic.woff') format("woff"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/nunito-bolditalic.ttf') format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Nunito Black";
  font-display: swap;
  src: url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/nunito-black.woff2') format("woff2"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/nunito-black.woff') format("woff"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/nunito-black.ttf') format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Nunito Black Italic";
  font-display: swap;
  src: url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/nunito-blackitalic.woff2') format("woff2"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/nunito-blackitalic.woff') format("woff"), url('../../../_assets/abd68dcfb3116a4416721af3ccf90f31/Fonts/nunito-blackitalic.ttf') format("truetype");
  font-style: normal;
  font-weight: 400;
}
:root {
  --font-primary: "Lato", sans-serif;
  --font-primary-italic: "Lato Italic", sans-serif;
  --font-primary-light: "Lato Light", sans-serif;
  --font-primary-light-italic: "Lato Light Italic", sans-serif;
  --font-primary-medium: "Lato Medium", sans-serif;
  --font-primary-medium-italic: "Lato Medium Italic", sans-serif;
  --font-primary-bold: "Lato Bold", sans-serif;
  --font-primary-bold-italic: "Lato Bold Italic", sans-serif;
  --font-primary-black: "Lato Black", sans-serif;
  --font-primary-black-italic: "Lato Black Italic", sans-serif;
  --font-display: "Merriweather Sans Regular", sans-serif;
  --text-base-size: 1em;
  --display-xxl: 9em;
  --line-height-display-xxl: 169px;
  --display-xl: 7em;
  --line-height-display-xl: 131px;
  --display-lg: 5em;
  --line-height-display-lg: 94px;
  --display-xs: 14px;
  --line-height-display-xs: 22px;
  --text-xxxl: 4.5em;
  --text-xxl: 2.25em;
  --text-xl: 1.875em;
  --text-lg: 1.625em;
  --text-md: 1.375em;
  --text-sm: 1.25em;
  --text-xs: 1em;
  --text-xxs: 0.8125em;
  --line-height-xxl: 48px;
  --line-height-xl: 40px;
  --line-height-lg: 40px;
  --line-height-md: 32px;
  --line-height-sm: 24px;
  --line-height-xs: 24px;
}
@media (min-width: 64.063rem) {
  :root {
    --text-xxxxl: 6.5em;
    --text-xxxl: 4.5em;
    --text-xxl: 3.5em;
    --text-xl: 3em;
    --text-lg: 2.5em;
    --text-md: 2em;
    --line-height-xxl: 64px;
    --line-height-xl: 56px;
    --line-height-lg: 47px;
    --line-height-md: 40px;
    --line-height-sm: 28px;
  }
}
:root {
  --body-line-height: 1.5;
  --heading-line-height: 1.2;
  --font-primary-capital-letter: 1;
}

body {
  font-family: var(--font-primary, sans-serif);
  color: #2A2034;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: var(--font-primary-bold, "Arial", sans-serif);
  color: #2A2034;
}

h1, .h1, .text-xxl {
  font-size: var(--text-xxl);
  line-height: var(--line-height-xxl);
}

h2, .h2, .text-xl {
  font-size: var(--text-xl);
  line-height: var(--line-height-xl);
}

h3, .h3, .text-lg {
  font-size: var(--text-lg);
  line-height: var(--line-height-lg);
}

h4, .h4, .text-md {
  font-size: var(--text-md);
  line-height: var(--line-height-md);
}

h5, .h5, .text-sm {
  font-size: var(--text-sm);
  line-height: var(--line-height-sm);
}

h6, .h6, .text-xs {
  font-size: var(--text-xs);
  line-height: var(--heading-line-height);
}

.text-base {
  font-size: 1em;
}

.text-xxxxl {
  font-size: var(--text-xxxxl, 6.5em);
}

.text-xxxl {
  font-size: var(--text-xxxl, 4.5em);
}

.text-xxs {
  font-size: var(--text-xxs, 0.813em);
}

.display-xs {
  font-size: var(--display-xs);
  line-height: var(--line-height-display-xs);
}

.display-lg {
  font-size: var(--display-lg);
  line-height: var(--line-height-display-lg);
}

.display-xl {
  font-size: var(--display-xl);
  line-height: var(--line-height-display-xl);
}

.display-xxl {
  font-size: var(--display-xxl);
  line-height: var(--line-height-display-xxl);
}

p {
  line-height: var(--body-line-height);
}

.font-primary {
  font-family: var(--font-primary, "Arial", sans-serif);
}

.font-primary-italic {
  font-family: var(--font-primary-italic, "Arial", sans-serif);
}

.font-primary-light {
  font-family: var(--font-primary-light, "Arial", sans-serif);
}

.font-primary-light-italic {
  font-family: var(--font-primary-light-italic, "Arial", sans-serif);
}

.font-primary-medium {
  font-family: var(--font-primary-medium, "Arial", sans-serif);
}

.font-primary-medium-italic {
  font-family: var(--font-primary-medium-italic, "Arial", sans-serif);
}

.font-primary-bold {
  font-family: var(--font-primary-bold, "Arial", sans-serif);
}

.font-primary-bold-italic {
  font-family: var(--font-primary-bold-italic, "Arial", sans-serif);
}

.font-primary-black {
  font-family: var(--font-primary-black, "Arial", sans-serif);
}

.font-primary-black-italic {
  font-family: var(--font-primary-black-italic, "Arial", sans-serif);
}

.heading-decoration {
  position: relative;
  display: inline-block;
  margin-bottom: var(--space-sm);
}
.heading-decoration::before {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 56px;
  height: 3.5px;
  background-color: #C8D41F;
}
@media (min-width: 64.063rem) {
  .heading-decoration::before {
    bottom: -16px;
    width: 80px;
    height: 4.5px;
  }
}

a, .link {
  color: #C8D41F;
  text-decoration: underline;
  line-height: var(--body-line-height);
  word-break: break-word;
}

.link--xs {
  font-size: var(--text-xs);
}

.link--sm {
  font-size: var(--text-sm);
}

a:not([class]) {
  transition: outline 0.25s ease-out;
}
a:not([class]):hover, a:not([class]):active, a:not([class]):visited {
  color: #67840E;
}
a:not([class]):focus {
  color: #67840E;
  outline: 1px dashed #67840E;
  outline-offset: 0.25rem;
}
a:not([class]):focus:not(:focus-visible) {
  outline: 1px dashed #67840E;
}

strong {
  font-family: var(--font-primary-bold, "Arial", sans-serif);
}

s {
  text-decoration: line-through;
}

u {
  text-decoration: underline;
}

hr {
  height: 1px;
  background-color: #7B7B7B;
}

figcaption {
  font-size: var(--text-sm);
  font-size: 14px;
  line-height: 16px;
  font-family: var(--font-primary-italic, "Arial", sans-serif);
  color: #868686;
}

.text-component {
  --line-height-multiplier: 1;
  --text-vspace-multiplier: 1;
  --space-unit: 1em;
}
.text-component h1, .text-component h2, .text-component h3, .text-component h4, .text-component h5, .text-component h6 {
  line-height: calc(var(--heading-line-height) * var(--line-height-multiplier, 1));
  margin-bottom: var(--space-sm);
}
.text-component h2, .text-component h3, .text-component h4, .text-component h5, .text-component h6 {
  margin-top: 0.5rem;
}
.text-component p, .text-component blockquote, .text-component ul li, .text-component ol li {
  line-height: calc(var(--body-line-height) * var(--line-height-multiplier, 1));
}
.text-component .teaser-text {
  line-height: calc(var(--body-line-height) * var(--line-height-multiplier, 1.05));
  font-family: var(--font-primary-bold, "Arial", sans-serif);
  font-size: var(--text-sm);
}
.text-component ul, .text-component ol, .text-component p, .text-component blockquote, .text-component .text-component__block {
  margin-bottom: var(--space-sm);
}
.text-component blockquote {
  margin-top: var(--space-md);
  margin-bottom: var(--space-md);
}
.text-component ul, .text-component ol {
  list-style-position: outside;
}
.text-component ul {
  list-style-type: disc;
  padding-left: var(--space-md);
}
.text-component ul ol {
  padding-top: var(--space-sm);
  padding-left: var(--space-md);
}
.text-component ul ul {
  padding-top: var(--space-sm);
  padding-left: var(--space-md);
}
.text-component ul ul li {
  position: relative;
  list-style-type: none;
}
.text-component ul ul li::before {
  content: "";
  position: absolute;
  top: 8px;
  left: -16px;
  width: 8px;
  height: 3px;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='2' viewBox='0 0 8 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='8' height='2' fill='%23111111'/%3E%3C/svg%3E%0A");
}
.text-component ol {
  list-style-type: decimal;
  padding-left: var(--space-md);
}
.text-component ol ul {
  padding-top: var(--space-sm);
  padding-left: var(--space-md);
}
.text-component ol ul li {
  position: relative;
  list-style-type: none;
}
.text-component ol ul li::before {
  content: "";
  position: absolute;
  top: 8px;
  left: -16px;
  width: 8px;
  height: 3px;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='2' viewBox='0 0 8 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='8' height='2' fill='%23111111'/%3E%3C/svg%3E%0A");
}
.text-component ol ol {
  padding-top: var(--space-sm);
  padding-left: var(--space-md);
}
.text-component img {
  display: block;
  margin: 0 auto;
  height: auto;
}
.text-component figcaption {
  margin-top: calc(var(--space-unit) * 0.5);
}
.text-component em, .text-component i {
  font-family: var(--font-primary-italic, "Arial", sans-serif);
}
.text-component s {
  text-decoration: line-through;
}
.text-component small {
  font-size: var(--text-xxs);
}
@media (min-width: 64.063rem) {
  .text-component .text-sm {
    --text-sm: 1.375em;
  }
}
.text-component hr {
  margin-top: calc(var(--space-unit) * var(--text-vspace-multiplier, 1));
  margin-bottom: calc(var(--space-unit) * var(--text-vspace-multiplier, 1));
  margin-left: auto;
  margin-right: auto;
}
.text-component > *:first-child {
  margin-top: 0;
}
.text-component > *:last-child {
  margin-bottom: 0;
}

:root {
  --font-primary: "Nunito", sans-serif;
  --font-primary-italic: "Nunito Italic", sans-serif;
  --font-primary-light: "Nunito Light", sans-serif;
  --font-primary-light-italic: "Nunito Light Italic", sans-serif;
  --font-primary-medium: "Nunito Semibold", sans-serif;
  --font-primary-medium-italic: "Nunito Semibold Italic", sans-serif;
  --font-primary-bold: "Nunito Bold", sans-serif;
  --font-primary-bold-italic: "Nunito Bold Italic", sans-serif;
  --font-primary-black: "Nunito Black", sans-serif;
  --font-primary-black-italic: "Nunito Black Italic", sans-serif;
  --text-xxxl: 4em;
  --text-xxxs: 0.8125em;
  --line-height-xxxl: 88px;
}
@media (min-width: 64.063rem) {
  :root {
    --text-sm: 1.5em;
    --text-xs: 1.25em;
    --text-xxs: 1em;
  }
}

h1, .h1 {
  font-size: var(--text-xl);
  line-height: var(--line-height-xl);
}

h2, .h2 {
  font-size: var(--text-lg);
  line-height: var(--line-height-xxl);
}

h3, .h3 {
  font-size: var(--text-md);
  line-height: var(--line-height-lg);
}

h4, .h4 {
  font-size: var(--text-sm);
  line-height: var(--line-height-md);
}

h5, .h5 {
  font-size: var(--text-xs);
  line-height: var(--line-height-sm);
}

h6, .h6 {
  font-size: var(--text-xxs);
  line-height: var(--heading-line-height);
}

.heading-decoration-left {
  position: relative;
  display: inline-block;
  margin-bottom: var(--space-sm);
  text-align: left;
  padding-left: 40px;
}
@media (min-width: 64.063rem) {
  .heading-decoration-left {
    padding-left: 56px;
  }
}
.heading-decoration-left::before {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 0;
  top: calc(50% - 2px);
  transform: none;
  width: 20px;
  height: 4px;
  background-color: #C8D41F;
}
@media (min-width: 64.063rem) {
  .heading-decoration-left::before {
    width: 40px;
    height: 6px;
    top: calc(50% - 3px + 1px);
  }
}

ul.datalist-info {
  display: flex;
  align-items: center;
  list-style: none;
  padding-left: 0;
}
ul.datalist-info ul {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
}
ul.datalist-info ul li {
  position: static;
}
ul.datalist-info ul li:before {
  display: none;
}
ul.datalist-info ul li:first-child {
  color: #C8D41F;
  font-family: var(--font-primary-bold);
  font-size: 2rem;
  line-height: 1em;
  padding-right: 0.5rem;
}
ul.datalist-info ul li:last-child {
  font-family: var(--font-primary-medium);
  font-size: 0.875rem;
  line-height: 1rem;
  max-width: 80px;
}
ul.datalist-info > li:first-child {
  padding-right: 1rem;
}
@media (min-width: 64.063rem) {
  ul.datalist-info > li:first-child {
    border-right: 1px solid #DBDBDB;
  }
}
ul.datalist-info > li:last-child {
  padding-left: 1rem;
}

ol.orderedlist-rounded {
  list-style-type: none;
  padding: 0;
  counter-reset: li;
}
ol.orderedlist-rounded li {
  counter-increment: li;
  margin-bottom: var(--space-sm);
  padding-left: calc(var(--space-sm) + 40px);
}
ol.orderedlist-rounded li:before {
  content: counter(li);
  width: 40px;
  height: 40px;
  display: inline-block;
  text-align: center;
  border: 1px solid;
  line-height: 40px;
  border-radius: 50%;
  margin-left: calc(-1 * (var(--space-sm) + 40px));
  margin-right: var(--space-sm);
  margin-bottom: -6px;
}

:root {
  --form-control-padding-x: var(--space-xxs);
  --form-control-padding-y: var(--space-xxs);
}

.form-control {
  padding-top: var(--form-control-padding-y, 0.5em);
  padding-bottom: var(--form-control-padding-y, 0.5em);
  padding-left: var(--form-control-padding-x, 0.75em);
  padding-right: var(--form-control-padding-x, 0.75em);
  background-color: #FFFFFF;
  border: 1px solid #DBDBDB;
  border-radius: 2px;
  transition: 0.3s;
}
.form-control::placeholder {
  opacity: 1;
  color: #868686;
}
.form-control:focus {
  outline: 1px solid #3B3B3B;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}
.form-control[aria-invalid=true], .form-control--error {
  border-color: #F2838F;
  color: #A65059;
}
.form-control[aria-invalid=true]:focus, .form-control--error:focus {
  box-shadow: 0 4px 4px rgba(242, 131, 143, 0.2);
}
.form-control[disabled], .form-control[readonly] {
  background-color: #FBFBFB;
  border-color: #DBDBDB;
  cursor: not-allowed;
}
.form-control[disabled]::placeholder, .form-control[readonly]::placeholder {
  color: #BBBBBB;
}
.form-control--inverted:focus {
  outline: -webkit-focus-ring-color auto 1px;
  outline-offset: -2px;
}

.form-control-wrapper {
  position: relative;
}
.form-control-wrapper .form-control-icon {
  display: block;
  position: absolute;
  top: calc(50% - 0.5em);
  pointer-events: none;
}
.form-control-wrapper .btn--search-icon {
  position: absolute;
  right: 0;
}
.form-control-wrapper--icon-left .form-control-icon {
  left: var(--form-control-padding-x);
}
.form-control-wrapper--icon-left .form-control {
  padding-left: calc(var(--form-control-padding-x) + 1em + var(--space-xxs));
}
.form-control-wrapper--icon-right .form-control-icon {
  right: var(--form-control-padding-x);
}
.form-control-wrapper--icon-right .form-control {
  padding-right: calc(var(--form-control-padding-x) + 1em + var(--space-xxs));
}

.form-fieldset {
  margin-bottom: var(--space-lg);
}

.form-legend {
  color: #2A2034;
  line-height: var(--heading-line-height, 1.2);
  font-family: var(--font-primary-bold, "Arial", sans-serif);
  font-size: 1.325em;
  margin-bottom: var(--space-xs);
}

.form-label {
  --space-unit: 1rem;
  --space-xxxxs: calc(0.125 * 1rem);
  --space-xxxs: calc(0.25 * 1rem);
  --space-xxs: calc(0.375 * 1rem);
  --space-xs: calc(0.5 * 1rem);
  --space-sm: calc(0.75 * 1rem);
  --space-md: calc(1.25 * 1rem);
  --space-lg: calc(2 * 1rem);
  --space-xl: calc(3.25 * 1rem);
  --space-xxl: calc(5.25 * 1rem);
  --space-xxxl: calc(8.5 * 1rem);
  --space-xxxxl: calc(13.75 * 1rem);
  --component-padding: var(--space-md);
  margin-bottom: var(--space-xs);
  display: inline-block;
  font-family: var(--font-primary-bold, "Arial", sans-serif);
}

.form__msg-error, .form-error-msg {
  display: flex;
  align-items: center;
  color: #2A2034;
  font-size: var(--text-xxs);
  margin-top: var(--space-xxxs);
  position: absolute;
}
.form__msg-error .icon, .form-error-msg .icon {
  --fill-icon-1: #F2838F;
  margin-right: var(--space-xxxs);
}

.form__msg-error--is-visible, .form-error-msg--is-visible {
  position: relative;
}

.radio-list > *, .checkbox-list > * {
  position: relative;
  display: flex;
  align-items: baseline;
}
.radio-list label, .checkbox-list label {
  line-height: var(--body-line-height);
}
.radio-list input, .checkbox-list input {
  margin-right: var(--space-xxxs);
  flex-shrink: 0;
}

:root {
  --icon-xxxs: 8px;
  --icon-xxs: 12px;
  --icon-xs: 16px;
  --icon-sm: 24px;
  --icon-md: 32px;
  --icon-lg: 48px;
  --icon-xl: 64px;
  --icon-xxl: 96px;
  --icon-xxxl: 128px;
}

.icon {
  display: inline-block;
  color: inherit;
  fill: currentColor;
  height: 1em;
  width: 1em;
  line-height: 1;
  flex-shrink: 0;
  max-width: initial;
}

.icon--xxxs {
  font-size: var(--icon-xxxs);
}

.icon--xxs {
  font-size: var(--icon-xxs);
}

.icon--xs {
  font-size: var(--icon-xs);
}

.icon--sm {
  font-size: var(--icon-sm);
}

.icon--md {
  font-size: var(--icon-md);
}

.icon--lg {
  font-size: var(--icon-lg);
}

.icon--xl {
  font-size: var(--icon-xl);
}

.icon--xxl, .box-icon--vertical .box-icon__icon-wrapper .icon {
  font-size: var(--icon-xxl);
}

.icon--xxxl {
  font-size: var(--icon-xxxl);
}

.icon--is-spinning {
  animation: icon-spin 1s infinite linear;
}

@keyframes icon-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.icon use {
  color: inherit;
  fill: currentColor;
}

.inline-icon {
  position: relative;
  padding-left: var(--space-md);
  display: inline-flex;
}
@media (min-width: 64.063rem) {
  .inline-icon {
    padding-left: var(--space-sm);
  }
}
.inline-icon::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1em;
  height: 1em;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.inline-icon--phone::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.60938 10.7812C8.07812 13.6875 10.2812 15.8906 13.2188 17.3906L15.4219 15.1875C15.7031 14.875 16.0469 14.7969 16.4531 14.9531C17.5781 15.3281 18.7656 15.5156 20.0156 15.5156C20.2656 15.5156 20.4844 15.6094 20.6719 15.7969C20.8906 15.9844 21 16.2188 21 16.5V20.0156C21 20.2656 20.8906 20.5 20.6719 20.7188C20.4844 20.9062 20.2656 21 20.0156 21C16.9219 21 14.0625 20.25 11.4375 18.75C8.84375 17.2188 6.78125 15.1562 5.25 12.5625C3.75 9.9375 3 7.07812 3 3.98438C3 3.73438 3.09375 3.51562 3.28125 3.32812C3.5 3.10938 3.73438 3 3.98438 3H7.5C7.78125 3 8.01562 3.10938 8.20312 3.32812C8.39062 3.51562 8.48438 3.73438 8.48438 3.98438C8.48438 5.23438 8.67188 6.42188 9.04688 7.54688C9.17188 7.95312 9.09375 8.29688 8.8125 8.57812L6.60938 10.7812Z' fill='%23111111'/%3E%3C/svg%3E%0A");
}
.inline-icon--phone-white::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.60938 10.7812C8.07812 13.6875 10.2812 15.8906 13.2188 17.3906L15.4219 15.1875C15.7031 14.875 16.0469 14.7969 16.4531 14.9531C17.5781 15.3281 18.7656 15.5156 20.0156 15.5156C20.2656 15.5156 20.4844 15.6094 20.6719 15.7969C20.8906 15.9844 21 16.2188 21 16.5V20.0156C21 20.2656 20.8906 20.5 20.6719 20.7188C20.4844 20.9062 20.2656 21 20.0156 21C16.9219 21 14.0625 20.25 11.4375 18.75C8.84375 17.2188 6.78125 15.1562 5.25 12.5625C3.75 9.9375 3 7.07812 3 3.98438C3 3.73438 3.09375 3.51562 3.28125 3.32812C3.5 3.10938 3.73438 3 3.98438 3H7.5C7.78125 3 8.01562 3.10938 8.20312 3.32812C8.39062 3.51562 8.48438 3.73438 8.48438 3.98438C8.48438 5.23438 8.67188 6.42188 9.04688 7.54688C9.17188 7.95312 9.09375 8.29688 8.8125 8.57812L6.60938 10.7812Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}
.inline-icon--address::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 2C8.135 2 5 5.135 5 9C5 14.25 12 22 12 22C12 22 19 14.25 19 9C19 5.135 15.865 2 12 2ZM12 11.5C10.62 11.5 9.5 10.38 9.5 9C9.5 7.62 10.62 6.5 12 6.5C13.38 6.5 14.5 7.62 14.5 9C14.5 10.38 13.38 11.5 12 11.5Z' fill='%23111111'/%3E%3C/svg%3E%0A");
}
.inline-icon--address-white::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 2C8.135 2 5 5.135 5 9C5 14.25 12 22 12 22C12 22 19 14.25 19 9C19 5.135 15.865 2 12 2ZM12 11.5C10.62 11.5 9.5 10.38 9.5 9C9.5 7.62 10.62 6.5 12 6.5C13.38 6.5 14.5 7.62 14.5 9C14.5 10.38 13.38 11.5 12 11.5Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}
.inline-icon--email::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.5715 18.1427V9.57132C20.3334 9.83918 20.0767 10.0847 19.8014 10.3079C17.8074 11.8407 16.2226 13.0981 15.047 14.0802C14.6675 14.4002 14.3587 14.6494 14.1206 14.828C13.8825 15.0066 13.5607 15.187 13.1552 15.3693C12.7497 15.5516 12.3684 15.6427 12.0113 15.6427H11.9889C11.6318 15.6427 11.2505 15.5516 10.845 15.3693C10.4395 15.187 10.1177 15.0066 9.87957 14.828C9.64147 14.6494 9.3327 14.4002 8.95323 14.0802C7.77763 13.0981 6.19282 11.8407 4.19877 10.3079C3.92347 10.0847 3.66677 9.83918 3.42868 9.57132V18.1427C3.42868 18.2395 3.46402 18.3232 3.5347 18.3939C3.60539 18.4646 3.68909 18.4999 3.78582 18.4999H20.2144C20.3111 18.4999 20.3948 18.4646 20.4655 18.3939C20.5362 18.3232 20.5715 18.2395 20.5715 18.1427ZM20.5715 6.41302V6.13958C20.5715 6.1061 20.5697 6.05774 20.566 5.99449C20.5622 5.93125 20.5511 5.88475 20.5325 5.85498C20.5139 5.82522 20.4934 5.79174 20.4711 5.75454C20.4488 5.71734 20.4153 5.68943 20.3706 5.67083C20.326 5.65223 20.2739 5.64293 20.2144 5.64293H3.78582C3.68909 5.64293 3.60539 5.67827 3.5347 5.74896C3.46402 5.81964 3.42868 5.90335 3.42868 6.00007C3.42868 7.25008 3.97555 8.30662 5.0693 9.16972C6.50532 10.3007 7.99712 11.48 9.54475 12.7077C9.58939 12.7449 9.7196 12.8546 9.93537 13.0369C10.1511 13.2192 10.3223 13.3587 10.4488 13.4554C10.5753 13.5522 10.7408 13.6693 10.9454 13.807C11.15 13.9446 11.3379 14.0469 11.509 14.1139C11.6802 14.1809 11.8401 14.2144 11.9889 14.2144H12.0113C12.1601 14.2144 12.32 14.1809 12.4912 14.1139C12.6623 14.0469 12.8502 13.9446 13.0548 13.807C13.2594 13.6693 13.425 13.5522 13.5514 13.4554C13.6779 13.3587 13.8491 13.2192 14.0648 13.0369C14.2806 12.8546 14.4108 12.7449 14.4555 12.7077C16.0031 11.48 17.4949 10.3007 18.9309 9.16972C19.3327 8.84977 19.7066 8.42009 20.0526 7.88065C20.3985 7.34122 20.5715 6.85201 20.5715 6.41302ZM22 5.99995V18.1428C22 18.6339 21.8252 19.0543 21.4754 19.404C21.1257 19.7537 20.7054 19.9285 20.2143 19.9285H3.78571C3.29464 19.9285 2.87426 19.7537 2.52455 19.404C2.17485 19.0543 2 18.6339 2 18.1428V5.99995C2 5.50887 2.17485 5.08849 2.52455 4.73879C2.87426 4.38908 3.29464 4.21423 3.78571 4.21423H20.2143C20.7054 4.21423 21.1257 4.38908 21.4754 4.73879C21.8252 5.08849 22 5.50887 22 5.99995Z' fill='%23111111'/%3E%3C/svg%3E%0A");
}
.inline-icon--email-white::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.5715 18.1427V9.57132C20.3334 9.83918 20.0767 10.0847 19.8014 10.3079C17.8074 11.8407 16.2226 13.0981 15.047 14.0802C14.6675 14.4002 14.3587 14.6494 14.1206 14.828C13.8825 15.0066 13.5607 15.187 13.1552 15.3693C12.7497 15.5516 12.3684 15.6427 12.0113 15.6427H11.9889C11.6318 15.6427 11.2505 15.5516 10.845 15.3693C10.4395 15.187 10.1177 15.0066 9.87957 14.828C9.64147 14.6494 9.3327 14.4002 8.95323 14.0802C7.77763 13.0981 6.19282 11.8407 4.19877 10.3079C3.92347 10.0847 3.66677 9.83918 3.42868 9.57132V18.1427C3.42868 18.2395 3.46402 18.3232 3.5347 18.3939C3.60539 18.4646 3.68909 18.4999 3.78582 18.4999H20.2144C20.3111 18.4999 20.3948 18.4646 20.4655 18.3939C20.5362 18.3232 20.5715 18.2395 20.5715 18.1427ZM20.5715 6.41302V6.13958C20.5715 6.1061 20.5697 6.05774 20.566 5.99449C20.5622 5.93125 20.5511 5.88475 20.5325 5.85498C20.5139 5.82522 20.4934 5.79174 20.4711 5.75454C20.4488 5.71734 20.4153 5.68943 20.3706 5.67083C20.326 5.65223 20.2739 5.64293 20.2144 5.64293H3.78582C3.68909 5.64293 3.60539 5.67827 3.5347 5.74896C3.46402 5.81964 3.42868 5.90335 3.42868 6.00007C3.42868 7.25008 3.97555 8.30662 5.0693 9.16972C6.50532 10.3007 7.99712 11.48 9.54475 12.7077C9.58939 12.7449 9.7196 12.8546 9.93537 13.0369C10.1511 13.2192 10.3223 13.3587 10.4488 13.4554C10.5753 13.5522 10.7408 13.6693 10.9454 13.807C11.15 13.9446 11.3379 14.0469 11.509 14.1139C11.6802 14.1809 11.8401 14.2144 11.9889 14.2144H12.0113C12.1601 14.2144 12.32 14.1809 12.4912 14.1139C12.6623 14.0469 12.8502 13.9446 13.0548 13.807C13.2594 13.6693 13.425 13.5522 13.5514 13.4554C13.6779 13.3587 13.8491 13.2192 14.0648 13.0369C14.2806 12.8546 14.4108 12.7449 14.4555 12.7077C16.0031 11.48 17.4949 10.3007 18.9309 9.16972C19.3327 8.84977 19.7066 8.42009 20.0526 7.88065C20.3985 7.34122 20.5715 6.85201 20.5715 6.41302ZM22 5.99995V18.1428C22 18.6339 21.8252 19.0543 21.4754 19.404C21.1257 19.7537 20.7054 19.9285 20.2143 19.9285H3.78571C3.29464 19.9285 2.87426 19.7537 2.52455 19.404C2.17485 19.0543 2 18.6339 2 18.1428V5.99995C2 5.50887 2.17485 5.08849 2.52455 4.73879C2.87426 4.38908 3.29464 4.21423 3.78571 4.21423H20.2143C20.7054 4.21423 21.1257 4.38908 21.4754 4.73879C21.8252 5.08849 22 5.50887 22 5.99995Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}
.inline-icon--facebook::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.789 23V12.5086H17.327L17.8567 8.41989H13.789V5.80941C13.789 4.62562 14.1192 3.81894 15.8247 3.81894L18 3.81792V0.160992C17.6237 0.111253 16.3325 0 14.8303 0C11.6941 0 9.54703 1.90541 9.54703 5.40459V8.41989H6V12.5086H9.54703V23H13.789Z' fill='%23111111'/%3E%3C/svg%3E%0A");
}
.inline-icon--facebook-white::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.789 23V12.5086H17.327L17.8567 8.41989H13.789V5.80941C13.789 4.62562 14.1192 3.81894 15.8247 3.81894L18 3.81792V0.160992C17.6237 0.111253 16.3325 0 14.8303 0C11.6941 0 9.54703 1.90541 9.54703 5.40459V8.41989H6V12.5086H9.54703V23H13.789Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}
.inline-icon--x::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.2359 10.1624L22.9783 0H20.9067L13.3156 8.82384L7.25266 0H0.259766L9.42813 13.3432L0.259766 24H2.33156L10.3479 14.6817L16.7508 24H23.7437L14.2354 10.1624H14.2359ZM11.3983 13.4608L10.4694 12.1321L3.07805 1.55962H6.26021L12.2251 10.0919L13.154 11.4206L20.9076 22.5113H17.7255L11.3983 13.4613V13.4608Z' fill='%23111111'/%3E%3C/svg%3E%0A");
}
.inline-icon--x-white::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.2359 10.1624L22.9783 0H20.9067L13.3156 8.82384L7.25266 0H0.259766L9.42813 13.3432L0.259766 24H2.33156L10.3479 14.6817L16.7508 24H23.7437L14.2354 10.1624H14.2359ZM11.3983 13.4608L10.4694 12.1321L3.07805 1.55962H6.26021L12.2251 10.0919L13.154 11.4206L20.9076 22.5113H17.7255L11.3983 13.4613V13.4608Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}
.inline-icon--twitter::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.6591 7.70162C21.6591 7.48164 21.6553 7.26165 21.6451 7.04167C22.5676 6.32084 23.3675 5.42153 24 4.39631C23.1541 4.8017 22.2443 5.07702 21.2898 5.20154C22.2635 4.56926 23.011 3.56757 23.3649 2.37494C22.4526 2.9588 21.4432 3.38494 20.3686 3.61461C19.5073 2.62122 18.2807 2 16.9237 2C14.3183 2 12.2036 4.2884 12.2036 7.10808C12.2036 7.51069 12.247 7.90086 12.3262 8.27441C8.406 8.06135 4.92789 6.02752 2.60106 2.93667C2.19472 3.6907 1.96217 4.56926 1.96217 5.50316C1.96217 7.27687 2.794 8.84029 4.06028 9.75758C3.28722 9.7313 2.56017 9.50024 1.92511 9.11838C1.92383 9.13914 1.92383 9.16127 1.92383 9.18203C1.92383 11.6586 3.54917 13.7242 5.70861 14.1933C5.3125 14.3095 4.89594 14.3717 4.46533 14.3717C4.15994 14.3717 3.86478 14.3385 3.57728 14.279C4.17783 16.3101 5.91945 17.7863 7.98689 17.8292C6.3705 19.199 4.33628 20.0166 2.12572 20.0166C1.74494 20.0166 1.36928 19.9917 1 19.9447C3.08789 21.3946 5.56806 22.24 8.2335 22.24C16.9122 22.24 21.6591 14.4534 21.6591 7.70162Z' fill='%23111111'/%3E%3C/svg%3E%0A");
}
.inline-icon--twitter-white::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.6591 7.70162C21.6591 7.48164 21.6553 7.26165 21.6451 7.04167C22.5676 6.32084 23.3675 5.42153 24 4.39631C23.1541 4.8017 22.2443 5.07702 21.2898 5.20154C22.2635 4.56926 23.011 3.56757 23.3649 2.37494C22.4526 2.9588 21.4432 3.38494 20.3686 3.61461C19.5073 2.62122 18.2807 2 16.9237 2C14.3183 2 12.2036 4.2884 12.2036 7.10808C12.2036 7.51069 12.247 7.90086 12.3262 8.27441C8.406 8.06135 4.92789 6.02752 2.60106 2.93667C2.19472 3.6907 1.96217 4.56926 1.96217 5.50316C1.96217 7.27687 2.794 8.84029 4.06028 9.75758C3.28722 9.7313 2.56017 9.50024 1.92511 9.11838C1.92383 9.13914 1.92383 9.16127 1.92383 9.18203C1.92383 11.6586 3.54917 13.7242 5.70861 14.1933C5.3125 14.3095 4.89594 14.3717 4.46533 14.3717C4.15994 14.3717 3.86478 14.3385 3.57728 14.279C4.17783 16.3101 5.91945 17.7863 7.98689 17.8292C6.3705 19.199 4.33628 20.0166 2.12572 20.0166C1.74494 20.0166 1.36928 19.9917 1 19.9447C3.08789 21.3946 5.56806 22.24 8.2335 22.24C16.9122 22.24 21.6591 14.4534 21.6591 7.70162Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}
.inline-icon--linkedin::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.0002 22V14.0656C22.0002 12.7104 21.5209 11.5519 20.5623 10.5902C19.6037 9.62841 18.449 9.14754 17.0982 9.14754C16.4446 9.14754 15.791 9.33333 15.1374 9.70492C14.4838 10.0765 13.9828 10.5464 13.6342 11.1148V9.40984H9.45117V22H13.6342V14.5902C13.6342 14.0219 13.8303 13.5301 14.2224 13.1148C14.6146 12.6995 15.1048 12.4918 15.693 12.4918C16.2812 12.4918 16.7823 12.6995 17.1963 13.1148C17.6102 13.5301 17.8172 14.0219 17.8172 14.5902V22H22.0002ZM2.71895 6.32787C3.24183 6.80875 3.85185 7.04918 4.54902 7.04918C5.24619 7.04918 5.84531 6.80875 6.34641 6.32787C6.8475 5.84699 7.09804 5.25683 7.09804 4.55738C7.09804 3.85792 6.8475 3.25683 6.34641 2.7541C5.84531 2.25136 5.24619 2 4.54902 2C3.85185 2 3.25273 2.25136 2.75163 2.7541C2.25054 3.25683 2 3.85792 2 4.55738C2 5.25683 2.23965 5.84699 2.71895 6.32787ZM6.64004 22V9.40984H2.45703V22H6.64004Z' fill='%23111111'/%3E%3C/svg%3E%0A");
}
.inline-icon--linkedin-white::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.0002 22V14.0656C22.0002 12.7104 21.5209 11.5519 20.5623 10.5902C19.6037 9.62841 18.449 9.14754 17.0982 9.14754C16.4446 9.14754 15.791 9.33333 15.1374 9.70492C14.4838 10.0765 13.9828 10.5464 13.6342 11.1148V9.40984H9.45117V22H13.6342V14.5902C13.6342 14.0219 13.8303 13.5301 14.2224 13.1148C14.6146 12.6995 15.1048 12.4918 15.693 12.4918C16.2812 12.4918 16.7823 12.6995 17.1963 13.1148C17.6102 13.5301 17.8172 14.0219 17.8172 14.5902V22H22.0002ZM2.71895 6.32787C3.24183 6.80875 3.85185 7.04918 4.54902 7.04918C5.24619 7.04918 5.84531 6.80875 6.34641 6.32787C6.8475 5.84699 7.09804 5.25683 7.09804 4.55738C7.09804 3.85792 6.8475 3.25683 6.34641 2.7541C5.84531 2.25136 5.24619 2 4.54902 2C3.85185 2 3.25273 2.25136 2.75163 2.7541C2.25054 3.25683 2 3.85792 2 4.55738C2 5.25683 2.23965 5.84699 2.71895 6.32787ZM6.64004 22V9.40984H2.45703V22H6.64004Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}
.inline-icon--instagram::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 2C9.28413 2 8.94359 2.01145 7.87699 2.06014C6.81256 2.1088 6.08567 2.27782 5.4496 2.52501C4.79199 2.78051 4.23434 3.12247 3.67839 3.67842C3.12244 4.23433 2.78051 4.79206 2.52497 5.44963C2.27774 6.08574 2.10871 6.81263 2.06014 7.87705C2.01145 8.94365 2 9.28414 2 12C2 14.7159 2.01145 15.0564 2.06014 16.1229C2.10871 17.1874 2.27774 17.9143 2.52497 18.5504C2.78051 19.2079 3.12244 19.7657 3.67839 20.3216C4.23434 20.8776 4.79199 21.2195 5.4496 21.475C6.08567 21.7222 6.81256 21.8912 7.87699 21.9399C8.94359 21.9885 9.28413 22 12 22C14.7159 22 15.0564 21.9885 16.123 21.9399C17.1874 21.8912 17.9143 21.7222 18.5504 21.475C19.208 21.2195 19.7657 20.8776 20.3216 20.3216C20.8775 19.7657 21.2195 19.2079 21.475 18.5504C21.7223 17.9143 21.8913 17.1874 21.9399 16.1229C21.9886 15.0564 22 14.7159 22 12C22 9.28414 21.9886 8.94365 21.9399 7.87705C21.8913 6.81263 21.7223 6.08574 21.475 5.44963C21.2195 4.79206 20.8775 4.23433 20.3216 3.67842C19.7657 3.12247 19.208 2.78051 18.5504 2.52501C17.9143 2.27782 17.1874 2.1088 16.123 2.06014C15.0564 2.01145 14.7159 2 12 2ZM12.0004 3.80176C14.6706 3.80176 14.9868 3.81198 16.0413 3.86007C17.0163 3.90455 17.5458 4.06748 17.8982 4.20444C18.365 4.38582 18.6981 4.60254 19.048 4.95243C19.398 5.30241 19.6147 5.6355 19.796 6.10228C19.933 6.45465 20.0959 6.98418 20.1404 7.95913C20.1885 9.01363 20.1987 9.32988 20.1987 12C20.1987 14.6702 20.1885 14.9864 20.1404 16.0408C20.0959 17.0159 19.933 17.5454 19.796 17.8978C19.6147 18.3645 19.398 18.6976 19.048 19.0476C18.6981 19.3975 18.365 19.6142 17.8982 19.7956C17.5458 19.9325 17.0163 20.0955 16.0413 20.1399C14.987 20.1881 14.6708 20.1982 12.0004 20.1982C9.33008 20.1982 9.01392 20.1881 7.95955 20.1399C6.9846 20.0955 6.4551 19.9325 6.10269 19.7956C5.63591 19.6142 5.30277 19.3975 4.95288 19.0476C4.60299 18.6976 4.38627 18.3645 4.20484 17.8978C4.06793 17.5454 3.90499 17.0159 3.86047 16.0408C3.81239 14.9864 3.8022 14.6702 3.8022 12C3.8022 9.32988 3.81239 9.01363 3.86047 7.95913C3.90499 6.98418 4.06793 6.45465 4.20484 6.10228C4.38627 5.6355 4.60299 5.30241 4.95288 4.95243C5.30277 4.60254 5.63591 4.38582 6.10269 4.20444C6.4551 4.06748 6.9846 3.90455 7.95955 3.86007C9.01409 3.81198 9.3303 3.80176 12.0004 3.80176ZM12.1424 15.4813C10.2986 15.4813 8.80398 13.9867 8.80398 12.1429C8.80398 10.2992 10.2986 8.80453 12.1424 8.80453C13.9861 8.80453 15.4807 10.2992 15.4807 12.1429C15.4807 13.9867 13.9861 15.4813 12.1424 15.4813ZM12.1429 7C9.30256 7 7 9.30256 7 12.1429C7 14.9832 9.30256 17.2857 12.1429 17.2857C14.9832 17.2857 17.2857 14.9832 17.2857 12.1429C17.2857 9.30256 14.9832 7 12.1429 7ZM18.5718 6.57132C18.5718 7.20246 18.0602 7.71418 17.429 7.71418C16.7978 7.71418 16.2861 7.20246 16.2861 6.57132C16.2861 5.94011 16.7978 5.42847 17.429 5.42847C18.0602 5.42847 18.5718 5.94011 18.5718 6.57132Z' fill='%23111111'/%3E%3C/svg%3E%0A");
}
.inline-icon--instagram-white::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 2C9.28413 2 8.94359 2.01145 7.87699 2.06014C6.81256 2.1088 6.08567 2.27782 5.4496 2.52501C4.79199 2.78051 4.23434 3.12247 3.67839 3.67842C3.12244 4.23433 2.78051 4.79206 2.52497 5.44963C2.27774 6.08574 2.10871 6.81263 2.06014 7.87705C2.01145 8.94365 2 9.28414 2 12C2 14.7159 2.01145 15.0564 2.06014 16.1229C2.10871 17.1874 2.27774 17.9143 2.52497 18.5504C2.78051 19.2079 3.12244 19.7657 3.67839 20.3216C4.23434 20.8776 4.79199 21.2195 5.4496 21.475C6.08567 21.7222 6.81256 21.8912 7.87699 21.9399C8.94359 21.9885 9.28413 22 12 22C14.7159 22 15.0564 21.9885 16.123 21.9399C17.1874 21.8912 17.9143 21.7222 18.5504 21.475C19.208 21.2195 19.7657 20.8776 20.3216 20.3216C20.8775 19.7657 21.2195 19.2079 21.475 18.5504C21.7223 17.9143 21.8913 17.1874 21.9399 16.1229C21.9886 15.0564 22 14.7159 22 12C22 9.28414 21.9886 8.94365 21.9399 7.87705C21.8913 6.81263 21.7223 6.08574 21.475 5.44963C21.2195 4.79206 20.8775 4.23433 20.3216 3.67842C19.7657 3.12247 19.208 2.78051 18.5504 2.52501C17.9143 2.27782 17.1874 2.1088 16.123 2.06014C15.0564 2.01145 14.7159 2 12 2ZM12.0004 3.80176C14.6706 3.80176 14.9868 3.81198 16.0413 3.86007C17.0163 3.90455 17.5458 4.06748 17.8982 4.20444C18.365 4.38582 18.6981 4.60254 19.048 4.95243C19.398 5.30241 19.6147 5.6355 19.796 6.10228C19.933 6.45465 20.0959 6.98418 20.1404 7.95913C20.1885 9.01363 20.1987 9.32988 20.1987 12C20.1987 14.6702 20.1885 14.9864 20.1404 16.0408C20.0959 17.0159 19.933 17.5454 19.796 17.8978C19.6147 18.3645 19.398 18.6976 19.048 19.0476C18.6981 19.3975 18.365 19.6142 17.8982 19.7956C17.5458 19.9325 17.0163 20.0955 16.0413 20.1399C14.987 20.1881 14.6708 20.1982 12.0004 20.1982C9.33008 20.1982 9.01392 20.1881 7.95955 20.1399C6.9846 20.0955 6.4551 19.9325 6.10269 19.7956C5.63591 19.6142 5.30277 19.3975 4.95288 19.0476C4.60299 18.6976 4.38627 18.3645 4.20484 17.8978C4.06793 17.5454 3.90499 17.0159 3.86047 16.0408C3.81239 14.9864 3.8022 14.6702 3.8022 12C3.8022 9.32988 3.81239 9.01363 3.86047 7.95913C3.90499 6.98418 4.06793 6.45465 4.20484 6.10228C4.38627 5.6355 4.60299 5.30241 4.95288 4.95243C5.30277 4.60254 5.63591 4.38582 6.10269 4.20444C6.4551 4.06748 6.9846 3.90455 7.95955 3.86007C9.01409 3.81198 9.3303 3.80176 12.0004 3.80176ZM12.1424 15.4813C10.2986 15.4813 8.80398 13.9867 8.80398 12.1429C8.80398 10.2992 10.2986 8.80453 12.1424 8.80453C13.9861 8.80453 15.4807 10.2992 15.4807 12.1429C15.4807 13.9867 13.9861 15.4813 12.1424 15.4813ZM12.1429 7C9.30256 7 7 9.30256 7 12.1429C7 14.9832 9.30256 17.2857 12.1429 17.2857C14.9832 17.2857 17.2857 14.9832 17.2857 12.1429C17.2857 9.30256 14.9832 7 12.1429 7ZM18.5718 6.57132C18.5718 7.20246 18.0602 7.71418 17.429 7.71418C16.7978 7.71418 16.2861 7.20246 16.2861 6.57132C16.2861 5.94011 16.7978 5.42847 17.429 5.42847C18.0602 5.42847 18.5718 5.94011 18.5718 6.57132Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}
.inline-icon--youtube::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.0716 15.6961V7.80394C23.0716 7.80394 23.0716 4 19.2557 4H4.7433C4.7433 4 0.928711 4 0.928711 7.80394V15.6961C0.928711 15.6961 0.928711 19.5 4.7433 19.5H19.2557C19.2557 19.5 23.0716 19.5 23.0716 15.6961ZM16.2997 11.7611L9.05064 16.005V7.51586L16.2997 11.7611Z' fill='%23111111'/%3E%3C/svg%3E%0A");
}
.inline-icon--youtube-white::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.0716 15.6961V7.80394C23.0716 7.80394 23.0716 4 19.2557 4H4.7433C4.7433 4 0.928711 4 0.928711 7.80394V15.6961C0.928711 15.6961 0.928711 19.5 4.7433 19.5H19.2557C19.2557 19.5 23.0716 19.5 23.0716 15.6961ZM16.2997 11.7611L9.05064 16.005V7.51586L16.2997 11.7611Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}
.inline-icon--whatsapp::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24 11.7038C24 17.8916 18.9454 22.9076 12.709 22.9076C10.7293 22.9076 8.86932 22.4016 7.25114 21.5136L1 23.5L3.03806 17.4888C2.00996 15.8006 1.41783 13.8206 1.41783 11.7038C1.41783 5.51604 6.47298 0.5 12.709 0.5C18.9459 0.5 24 5.51604 24 11.7038ZM12.7341 2.37747C7.55737 2.37747 3.34651 6.58883 3.34651 11.7652C3.34651 13.8193 4.01091 15.7216 5.13477 17.2692L3.96189 20.7557L7.5695 19.6001C9.05172 20.5809 10.8273 21.153 12.7344 21.153C17.9104 21.153 22.122 16.9421 22.122 11.7657C22.122 6.58934 17.9107 2.37747 12.7341 2.37747ZM18.3267 14.2416C18.2568 14.1282 18.0723 14.0597 17.7954 13.9234C17.518 13.7872 16.1549 13.1273 15.9016 13.0367C15.6474 12.9459 15.4622 12.9002 15.2776 13.173C15.0931 13.446 14.5618 14.0597 14.3998 14.2416C14.2381 14.424 14.0766 14.4468 13.7992 14.3103C13.5223 14.1741 12.6294 13.8859 11.5706 12.9573C10.7468 12.2347 10.1904 11.3427 10.0287 11.0694C9.86719 10.7967 10.0118 10.6493 10.1502 10.5136C10.2751 10.3913 10.4277 10.1952 10.5661 10.0361C10.7051 9.87675 10.7511 9.76334 10.843 9.58118C10.9359 9.39927 10.8896 9.24019 10.82 9.10344C10.7509 8.9672 10.1961 7.62558 9.96521 7.07959C9.73437 6.53411 9.50379 6.62494 9.34179 6.62494C9.1803 6.62494 8.99527 6.60211 8.81049 6.60211C8.62572 6.60211 8.32527 6.67036 8.07114 6.9431C7.81726 7.21609 7.10145 7.87574 7.10145 9.2171C7.10145 10.5587 8.09417 11.8549 8.23313 12.0366C8.37159 12.2182 10.15 15.0608 12.9677 16.1525C15.7856 17.2437 15.7856 16.8797 16.2939 16.834C16.8016 16.7886 17.9333 16.1746 18.1652 15.5383C18.3955 14.901 18.3955 14.3553 18.3267 14.2416Z' fill='%23111111'/%3E%3C/svg%3E%0A");
}
.inline-icon--whatsapp-white::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24 11.7038C24 17.8916 18.9454 22.9076 12.709 22.9076C10.7293 22.9076 8.86932 22.4016 7.25114 21.5136L1 23.5L3.03806 17.4888C2.00996 15.8006 1.41783 13.8206 1.41783 11.7038C1.41783 5.51604 6.47298 0.5 12.709 0.5C18.9459 0.5 24 5.51604 24 11.7038ZM12.7341 2.37747C7.55737 2.37747 3.34651 6.58883 3.34651 11.7652C3.34651 13.8193 4.01091 15.7216 5.13477 17.2692L3.96189 20.7557L7.5695 19.6001C9.05172 20.5809 10.8273 21.153 12.7344 21.153C17.9104 21.153 22.122 16.9421 22.122 11.7657C22.122 6.58934 17.9107 2.37747 12.7341 2.37747ZM18.3267 14.2416C18.2568 14.1282 18.0723 14.0597 17.7954 13.9234C17.518 13.7872 16.1549 13.1273 15.9016 13.0367C15.6474 12.9459 15.4622 12.9002 15.2776 13.173C15.0931 13.446 14.5618 14.0597 14.3998 14.2416C14.2381 14.424 14.0766 14.4468 13.7992 14.3103C13.5223 14.1741 12.6294 13.8859 11.5706 12.9573C10.7468 12.2347 10.1904 11.3427 10.0287 11.0694C9.86719 10.7967 10.0118 10.6493 10.1502 10.5136C10.2751 10.3913 10.4277 10.1952 10.5661 10.0361C10.7051 9.87675 10.7511 9.76334 10.843 9.58118C10.9359 9.39927 10.8896 9.24019 10.82 9.10344C10.7509 8.9672 10.1961 7.62558 9.96521 7.07959C9.73437 6.53411 9.50379 6.62494 9.34179 6.62494C9.1803 6.62494 8.99527 6.60211 8.81049 6.60211C8.62572 6.60211 8.32527 6.67036 8.07114 6.9431C7.81726 7.21609 7.10145 7.87574 7.10145 9.2171C7.10145 10.5587 8.09417 11.8549 8.23313 12.0366C8.37159 12.2182 10.15 15.0608 12.9677 16.1525C15.7856 17.2437 15.7856 16.8797 16.2939 16.834C16.8016 16.7886 17.9333 16.1746 18.1652 15.5383C18.3955 14.901 18.3955 14.3553 18.3267 14.2416Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}

h1 .inline-icon span, .h1 .inline-icon span {
  margin-left: var(--space-md);
}

h2 .inline-icon span, .h2 .inline-icon span {
  margin-left: var(--space-sm);
}

h3 .inline-icon span, .h3 .inline-icon span {
  margin-left: var(--space-xs);
}

h4 .inline-icon span, .h4 .inline-icon span {
  margin-left: var(--space-xxs);
}

h5 .inline-icon span, .h5 .inline-icon span {
  margin-left: var(--space-xxxs);
}

:root {
  --zindex-header: 3;
  --zindex-popover: 5;
  --zindex-fixed-element: 10;
  --zindex-overlay: 15;
}

.box {
  display: block;
  width: 100%;
  padding: var(--space-xs);
}
.box--gray {
  background-color: #DBDBDB;
}

/* --------------------------------

Title: Animated Menu Button
Descr: A menu button w/ a morphing icon
Usage: codyhouse.co/license

-------------------------------- */
:root {
  --anim-menu-btn-size: 36px;
  --anim-menu-btn-icon-size: 24px;
  --anim-menu-btn-icon-stroke: 2px;
}

.anim-menu-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--anim-menu-btn-size);
  height: var(--anim-menu-btn-size);
}

.anim-menu-btn__icon {
  position: relative;
  display: block;
  font-size: var(--anim-menu-btn-icon-size);
  width: 1em;
  height: var(--anim-menu-btn-icon-stroke);
  color: inherit;
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  transform: scale(1);
}
.anim-menu-btn__icon::before, .anim-menu-btn__icon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: inherit;
  border-radius: inherit;
}

.anim-menu-btn__icon--close {
  background-size: 100% 100%;
  will-change: transform, background-size;
  transition: transform 0.2s, background-size 0.2s;
}
.anim-menu-btn:active .anim-menu-btn__icon--close {
  transform: scale(0.9);
}
.anim-menu-btn__icon--close::before, .anim-menu-btn__icon--close::after {
  will-change: inherit;
  transition: inherit;
}
.anim-menu-btn__icon--close::before {
  transform: translateY(-0.25em) rotate(0);
}
.anim-menu-btn__icon--close::after {
  transform: translateY(0.25em) rotate(0);
}

.anim-menu-btn--state-b .anim-menu-btn__icon--close {
  background-size: 0% 100%;
}
.anim-menu-btn--state-b .anim-menu-btn__icon--close::before {
  transform: translateY(0) rotate(45deg);
}
.anim-menu-btn--state-b .anim-menu-btn__icon--close::after {
  transform: translateY(0) rotate(-45deg);
}

.anim-menu-btn__icon--arrow-left,
.anim-menu-btn__icon--arrow-right,
.anim-menu-btn__icon--arrow-up,
.anim-menu-btn__icon--arrow-down {
  border-radius: 50em;
  will-change: transform;
  transition: transform 0.2s;
}
.anim-menu-btn:active .anim-menu-btn__icon--arrow-left,
.anim-menu-btn:active .anim-menu-btn__icon--arrow-right,
.anim-menu-btn:active .anim-menu-btn__icon--arrow-up,
.anim-menu-btn:active .anim-menu-btn__icon--arrow-down {
  transform: scale(0.9);
}
.anim-menu-btn__icon--arrow-left::before, .anim-menu-btn__icon--arrow-left::after,
.anim-menu-btn__icon--arrow-right::before,
.anim-menu-btn__icon--arrow-right::after,
.anim-menu-btn__icon--arrow-up::before,
.anim-menu-btn__icon--arrow-up::after,
.anim-menu-btn__icon--arrow-down::before,
.anim-menu-btn__icon--arrow-down::after {
  transform-origin: calc(var(--anim-menu-btn-icon-stroke) / 2) 50%;
  will-change: transform, width;
  transition: transform 0.2s, width 0.2s;
}
.anim-menu-btn__icon--arrow-left::before,
.anim-menu-btn__icon--arrow-right::before,
.anim-menu-btn__icon--arrow-up::before,
.anim-menu-btn__icon--arrow-down::before {
  transform: translateY(-0.25em) rotate(0);
}
.anim-menu-btn__icon--arrow-left::after,
.anim-menu-btn__icon--arrow-right::after,
.anim-menu-btn__icon--arrow-up::after,
.anim-menu-btn__icon--arrow-down::after {
  transform: translateY(0.25em) rotate(0);
}

.anim-menu-btn__icon--arrow-right {
  transform: rotate(180deg);
}
.anim-menu-btn:active .anim-menu-btn__icon--arrow-right {
  transform: rotate(180deg) scale(0.9);
}

.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-left::before, .anim-menu-btn--state-b .anim-menu-btn__icon--arrow-left::after,
.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-right::before,
.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-right::after,
.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-up::before,
.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-up::after,
.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-down::before,
.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-down::after {
  width: 50%;
}
.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-left::before,
.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-right::before,
.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-up::before,
.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-down::before {
  transform: translateY(0) rotate(-45deg);
}
.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-left::after,
.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-right::after,
.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-up::after,
.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-down::after {
  transform: translateY(0) rotate(45deg);
}
.anim-menu-btn--state-b:active .anim-menu-btn__icon--arrow-up {
  transform: rotate(90deg) scale(0.9);
}
.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-up {
  transform: rotate(90deg);
}
.anim-menu-btn--state-b:active .anim-menu-btn__icon--arrow-down {
  transform: rotate(-90deg) scale(0.9);
}
.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-down {
  transform: rotate(-90deg);
}

/* --------------------------------

Title: Dropdown
A hoverable link that toggles the visibility of a dropdown list
Usage: codyhouse.co/license

-------------------------------- */
:root {
  --dropdown-item-padding: var(--space-xxs) var(--space-xs);
}

.dropdown {
  position: relative;
  display: inline-block;
}
@media (min-width: 64.063rem) {
  .dropdown__trigger {
    position: relative;
  }
  .dropdown__trigger::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    height: 4px;
    width: 100%;
  }
}
.dropdown__trigger--is-active::before {
  background-color: #C8D41F;
}
.header__item-submenu .dropdown__trigger--is-active::before {
  content: none;
}
.dropdown__trigger--is-active span,
.dropdown__trigger--is-active span + .icon {
  color: #C8D41F;
}
.dropdown__trigger-icon {
  width: 24px;
  padding: 0;
}
.header__item .dropdown__trigger-icon {
  margin-right: var(--space-xs);
}
.header__item-submenu .dropdown__trigger-icon {
  margin-right: var(--space-xxs);
}
.dropdown__trigger-icon .icon {
  --fill-icon: #3B3B3B;
  color: #3B3B3B;
  transform: rotate(90deg);
  transition: transform 0.25s;
}
.dropdown__trigger-icon[aria-expanded=true] .icon {
  transform: rotate(270deg);
}

.dropdown__menu {
  width: 100%;
  padding: 0;
  z-index: var(--zindex-popover);
  position: absolute;
  left: 0;
  top: calc(100% - var(--space-xxs));
  clip-path: inset(50%);
  transition: all 0.25s;
}
.dropdown__menu--is-visible {
  clip-path: none;
  animation: dropdown-show 0.2s forwards;
}
@media (min-width: 64.063rem) {
  .dropdown__menu--is-visible {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08);
  }
}
.dropdown__menu--is-hidden {
  animation: dropdown-hide 0.2s;
}
@media (min-width: 64.063rem) {
  .dropdown__menu {
    top: 100%;
    width: 280px;
    max-height: calc(100vh - 3 * var(--header-height, 90px));
    overflow-y: auto;
    /* this will hide the scrollbar in mozilla based browsers */
    overflow: -moz-scrollbars-none;
    /* this will hide the scrollbar in internet explorers */
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .dropdown__menu::-webkit-scrollbar {
    width: 0 !important;
  }
}

.dropdown__wrapper:hover > .dropdown__menu,
.dropdown__sub-wrapper:hover > .dropdown__menu {
  clip-path: none;
}

@media (max-width: 64.063rem) {
  .dropdown__sub-wrapper.header__item-submenu.sidenav__item {
    background-color: transparent;
  }
  .dropdown__sub-wrapper.header__item-submenu.sidenav__item .header__link {
    color: #2A2034;
  }
}

@media (max-width: 64.063rem) {
  .dropdown__sub-wrapper.header__item-submenu.sidenav__item--expanded .header__link {
    color: inherit;
  }
}

.dropdown__sub-wrapper .dropdown__item--hover {
  background-color: #FBFBFB;
  color: #C8D41F;
}

.dropdown__item {
  display: block;
  text-decoration: none;
  background-color: #FFFFFF;
  padding: var(--dropdown-item-padding);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropdown__item:hover, .dropdown__item.dropdown__item--hover {
  background-color: #FBFBFB;
  color: #C8D41F;
}

.dropdown__separator {
  height: 1px;
  margin: var(--dropdown-item-padding);
}

.dropdown__sub-wrapper {
  position: relative;
}
.dropdown__sub-wrapper > .dropdown__item {
  position: relative;
  padding-right: calc(var(--space-sm) + 12px);
}
.dropdown__sub-wrapper > .dropdown__item .icon {
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  right: var(--space-xxs);
  top: calc(50% - 6px);
}
.dropdown__sub-wrapper > .dropdown__menu {
  bottom: 0;
  top: calc(var(--space-xxs) * -1);
}
.dropdown__sub-wrapper > .dropdown__menu .header__link-submenu {
  padding-left: var(--space-md);
}
.dropdown__sub-wrapper > .dropdown__menu--is-visible, .dropdown__sub-wrapper > .dropdown__menu--is-hidden {
  top: 100%;
  position: static;
}
.dropdown__sub-wrapper > .dropdown__menu--left {
  top: -100%;
}

.dropdown__sub-wrapper .dropdown__sub-wrapper > .dropdown__menu .header__link-submenu {
  padding-left: var(--space-lg);
}

@keyframes dropdown-show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes dropdown-hide {
  0% {
    clip-path: none;
    opacity: 1;
  }
  100% {
    clip-path: none;
    opacity: 0;
  }
}
/* --------------------------------

Title: Side Navigation
Descr: Vertical side navigation template

-------------------------------- */
:root {
  --sidenav-list-item-height: 48px;
  --sidenav-list-item-padding-x: var(--space-sm);
  --sidenav-list-link-padding: var(--space-sm) var(--space-md);
  --sidenav-icon-size: 16px;
  --sidenav-icon-text-gap: 8px;
  --sidenav-sublist-control-size: var(--space-md);
  --sidenav-sublist-control-margin-right: 4px;
}

@media (max-width: 64.063rem) {
  .sidenav__item .sidenav__list {
    display: none;
    transition: 0.25s;
  }
  .sidenav__item--expanded .sidenav__list {
    display: block;
    position: static;
    clip-path: none;
    height: auto;
  }
}

.sidenav__list .dropdown__sub-wrapper .sidenav__list {
  display: block;
}

.sidenav__list .sidenav__list {
  display: none;
}
.sidenav__list .sidenav__list .sidenav__link {
  padding-left: var(--sidenav-sublist-control-size);
}

.sidenav__list .sidenav__list .sidenav__list .sidenav__link {
  padding-left: var(--space-lg);
}

.sidenav__item {
  position: relative;
  border-top: 1px solid #DBDBDB;
}
.sidenav__item:hover, .sidenav__item:focus {
  background-color: #FBFBFB;
  color: #C8D41F;
}
.sidenav__item:last-of-type {
  border-bottom: 1px solid #DBDBDB;
}
.sidenav__item .sidenav__item {
  border: none;
}
@media (min-width: 64.063rem) {
  .sidenav__item .sidenav__item.dropdown__sub-wrapper .sidenav__list {
    display: block;
  }
}
.sidenav__item .sidenav__item .sidenav__list {
  display: none;
}
.sidenav__item .sidenav__item .sidenav__sublist-control .icon {
  transform: rotate(90deg);
}

.sidenav__item--expanded {
  background-color: #FBFBFB;
}
.sidenav__item--expanded .sidenav__list {
  display: block;
}
.sidenav__item--expanded .sidenav__list .sidenav__link[aria-current=page] {
  font-family: var(--font-primary-bold, "Arial", sans-serif);
}
.sidenav__item--expanded .sidenav__sublist-control .icon {
  transform: rotate(270deg);
}
.sidenav__item--expanded .sidenav__item {
  background-color: #FBFBFB;
}
.sidenav__item--expanded .sidenav__link[aria-current=page] {
  color: #C8D41F;
}
.sidenav__item--expanded .sidenav__item--expanded .sidenav__list {
  display: block;
}
.sidenav__item--expanded .sidenav__item--expanded .sidenav__item .sidenav__list {
  display: none;
}
.sidenav__item--expanded .sidenav__item--expanded .sidenav__item--expanded .sidenav__list {
  display: block;
}
.sidenav__item--expanded .sidenav__item--expanded .sidenav__sublist-control .icon {
  transform: rotate(270deg);
}
.sidenav__item--expanded .sidenav__item--expanded.header__item-submenu .sidenav__list {
  padding-left: var(--space-md);
}
@media (min-width: 64.063rem) {
  .sidenav__item--expanded .sidenav__item--expanded.header__item-submenu .sidenav__list .header__link-submenu {
    width: 100%;
  }
}

.sidenav__link {
  display: flex;
  height: var(--sidenav-list-item-height);
  align-items: center;
  padding: 0 calc(var(--sidenav-list-item-padding-x) + var(--sidenav-sublist-control-size) + var(--sidenav-sublist-control-margin-right)) 0 var(--sidenav-list-item-padding-x);
  text-decoration: none;
  color: #2A2034;
  transition: 0.2s;
}
.sidenav__link[aria-current=page], .sidenav__link--active {
  color: #C8D41F;
}
.sidenav__link:active {
  color: #C8D41F;
}

.sidenav__icon {
  width: var(--sidenav-icon-size);
  height: var(--sidenav-icon-size);
  margin-right: var(--sidenav-icon-text-gap);
}

.sidenav__text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: var(--space-xxs);
}

.sidenav__counter {
  display: inline-block;
  font-size: var(--text-xs);
  padding: var(--space-xxxxs) var(--space-xxs);
  border-radius: 50em;
  margin-left: auto;
}

.sidenav__sublist-control {
  display: block;
  width: var(--sidenav-sublist-control-size);
  height: var(--sidenav-sublist-control-size);
  border-radius: 50%;
  position: absolute;
  right: calc(var(--sidenav-list-item-padding-x) / 4);
  top: calc((var(--sidenav-list-item-height) - var(--sidenav-sublist-control-size)) / 2);
  transition: 0.2s;
}
.sidenav__sublist-control .icon {
  display: block;
  width: 16px;
  height: 16px;
  margin: auto;
  transition: transform 0.2s;
  transform: rotate(90deg);
}
.sidenav__sublist-control:hover .icon {
  cursor: pointer;
}

.sidenav__label {
  padding-right: var(--sidenav-list-item-padding-x);
}

.sidenav__divider {
  width: 100%;
  height: 1px;
}

.sidenav--basic .sidenav__link, .sidenav--basic .sidenav__label {
  padding-left: var(--sidenav-list-item-padding-x);
}

.sidenav--minified {
  --sidenav-list-item-height: auto;
}
.sidenav--minified .sidenav__list .sidenav__list {
  display: none !important;
}
.sidenav--minified .sidenav__link, .sidenav--minified .sidenav__label {
  padding-left: var(--sidenav-list-item-padding-x);
}
.sidenav--minified .sidenav__link {
  flex-direction: column;
  padding-top: var(--space-md);
  padding-bottom: var(--space-md);
}
.sidenav--minified .sidenav__icon {
  margin: 0 0 var(--sidenav-icon-text-gap);
}
.sidenav--minified .sidenav__text {
  padding: 0;
}
.sidenav--minified .sidenav__counter, .sidenav--minified .sidenav__sublist-control {
  display: none;
}

/* --------------------------------

Title: Drawer
Descr: A slide-in panel used to display critical content
Usage: codyhouse.co/license

-------------------------------- */
:root {
  --drawer-width: 320px;
}

@media (max-width: 64.063rem) {
  .drawer {
    position: fixed;
    z-index: var(--zindex-overlay);
    width: 100%;
    max-width: var(--drawer-width);
    height: 100%;
    top: 0;
    right: 0;
    visibility: hidden;
    transition: visibility 0s 0.3s;
  }
  .drawer:focus {
    outline: 1px solid #3B3B3B;
  }
  .drawer--is-visible {
    visibility: visible;
    transition: none;
  }
  .drawer--open-left {
    right: auto;
    left: 0;
  }
  .drawer__content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    transform: translateX(100%);
    transition: transform 0.3s;
  }
  .drawer--open-left .drawer__content {
    transform: translateX(-100%);
  }
  .drawer--is-visible .drawer__content {
    transform: translateX(0);
  }
  .drawer__body {
    height: 100%;
    overflow: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }
  .drawer__close-btn {
    z-index: var(--zindex-fixed-element);
    top: var(--space-xxs);
    right: var(--space-xxs);
    width: 2em;
    height: 2em;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: rgba(182, 204, 167, 0.95);
    transition: 0.2s;
  }
  .drawer__close-btn .icon {
    display: block;
  }
  .drawer__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    padding: var(--space-xs) var(--component-padding);
  }
  .drawer--modal {
    max-width: none;
    background-color: rgba(59, 59, 59, 0);
    transition: background-color 0.3s, visibility 0s 0.3s;
  }
  .drawer--modal.drawer--is-visible {
    background-color: rgba(59, 59, 59, 0.6);
    transition: background-color 0.3s;
  }
  .drawer--modal.drawer--open-left .drawer__content {
    right: auto;
    left: 0;
  }
  .drawer--modal .drawer__content {
    max-width: var(--drawer-width);
  }
}
.container-with-layout {
  background-repeat: no-repeat;
  background-size: cover;
  padding: var(--space-sm);
}
.container-with-layout--overlay {
  box-shadow: inset 0 0 0 100vw rgba(0, 0, 0, 0.5);
}
.container-with-layout--overlay .container-with-layout__bg-video::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.container-with-layout__bg-video {
  display: none;
}
.container-with-layout--video {
  position: relative;
}
.container-with-layout--video .container-with-layout__bg-video {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  z-index: 1;
}
.container-with-layout--video .container-with-layout__bg-video video, .container-with-layout--video .container-with-layout__bg-video iframe {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  max-width: none;
}
@supports (object-fit: cover) {
  .container-with-layout--video .container-with-layout__bg-video video, .container-with-layout--video .container-with-layout__bg-video iframe {
    object-fit: cover;
    height: 100%;
    width: 100%;
  }
}
@supports (object-fit: cover) and (-ms-ime-align: auto) {
  .container-with-layout--video .container-with-layout__bg-video video, .container-with-layout--video .container-with-layout__bg-video iframe {
    height: auto;
    width: auto;
  }
}
.container-with-layout--video .container-with-layout__content {
  position: relative;
  z-index: 2;
}
.container-with-layout--video.aspect-ratio__value--1_1 {
  aspect-ratio: 1/1;
}
.container-with-layout--video.aspect-ratio__value--2_1 {
  aspect-ratio: 2/1;
}
.container-with-layout--video.aspect-ratio__value--3_1 {
  aspect-ratio: 3/1;
}
.container-with-layout--video.aspect-ratio__value--3_2 {
  aspect-ratio: 3/2;
}
.container-with-layout--video.aspect-ratio__value--4_1 {
  aspect-ratio: 4/1;
}
.container-with-layout--video.aspect-ratio__value--4_3 {
  aspect-ratio: 4/3;
}
.container-with-layout--video.aspect-ratio__value--16_9 {
  aspect-ratio: 16/9;
}
.container-with-layout--video.aspect-ratio__value--9_16 {
  aspect-ratio: 9/19;
}
.container-with-layout--overlay .type-textmedia h1, .container-with-layout--overlay .type-textmedia h2, .container-with-layout--overlay .type-textmedia h3, .container-with-layout--overlay .type-textmedia h4, .container-with-layout--overlay .type-textmedia h5, .container-with-layout--overlay .type-textmedia h6,
.container-with-layout--overlay .type-textmedia .h1, .container-with-layout--overlay .type-textmedia .h2, .container-with-layout--overlay .type-textmedia .h3, .container-with-layout--overlay .type-textmedia .h4, .container-with-layout--overlay .type-textmedia .h5, .container-with-layout--overlay .type-textmedia .h6, .container-with-layout--video .type-textmedia h1, .container-with-layout--video .type-textmedia h2, .container-with-layout--video .type-textmedia h3, .container-with-layout--video .type-textmedia h4, .container-with-layout--video .type-textmedia h5, .container-with-layout--video .type-textmedia h6,
.container-with-layout--video .type-textmedia .h1, .container-with-layout--video .type-textmedia .h2, .container-with-layout--video .type-textmedia .h3, .container-with-layout--video .type-textmedia .h4, .container-with-layout--video .type-textmedia .h5, .container-with-layout--video .type-textmedia .h6, .container-with-layout--image .type-textmedia h1, .container-with-layout--image .type-textmedia h2, .container-with-layout--image .type-textmedia h3, .container-with-layout--image .type-textmedia h4, .container-with-layout--image .type-textmedia h5, .container-with-layout--image .type-textmedia h6,
.container-with-layout--image .type-textmedia .h1, .container-with-layout--image .type-textmedia .h2, .container-with-layout--image .type-textmedia .h3, .container-with-layout--image .type-textmedia .h4, .container-with-layout--image .type-textmedia .h5, .container-with-layout--image .type-textmedia .h6 {
  color: #FFFFFF;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
}
.container-with-layout--overlay .text-media__text,
.container-with-layout--overlay .blockquote__text,
.container-with-layout--overlay .blockquote__author,
.container-with-layout--overlay .box-icon__title,
.container-with-layout--overlay .box-icon__text, .container-with-layout--video .text-media__text,
.container-with-layout--video .blockquote__text,
.container-with-layout--video .blockquote__author,
.container-with-layout--video .box-icon__title,
.container-with-layout--video .box-icon__text, .container-with-layout--image .text-media__text,
.container-with-layout--image .blockquote__text,
.container-with-layout--image .blockquote__author,
.container-with-layout--image .box-icon__title,
.container-with-layout--image .box-icon__text {
  color: #FFFFFF;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
}
.container-with-layout--overlay .text-media__text a, .container-with-layout--overlay .text-media__text a:visited, .container-with-layout--overlay .text-media__text a:active,
.container-with-layout--overlay .blockquote__text a,
.container-with-layout--overlay .blockquote__text a:visited,
.container-with-layout--overlay .blockquote__text a:active,
.container-with-layout--overlay .blockquote__author a,
.container-with-layout--overlay .blockquote__author a:visited,
.container-with-layout--overlay .blockquote__author a:active,
.container-with-layout--overlay .box-icon__title a,
.container-with-layout--overlay .box-icon__title a:visited,
.container-with-layout--overlay .box-icon__title a:active,
.container-with-layout--overlay .box-icon__text a,
.container-with-layout--overlay .box-icon__text a:visited,
.container-with-layout--overlay .box-icon__text a:active, .container-with-layout--video .text-media__text a, .container-with-layout--video .text-media__text a:visited, .container-with-layout--video .text-media__text a:active,
.container-with-layout--video .blockquote__text a,
.container-with-layout--video .blockquote__text a:visited,
.container-with-layout--video .blockquote__text a:active,
.container-with-layout--video .blockquote__author a,
.container-with-layout--video .blockquote__author a:visited,
.container-with-layout--video .blockquote__author a:active,
.container-with-layout--video .box-icon__title a,
.container-with-layout--video .box-icon__title a:visited,
.container-with-layout--video .box-icon__title a:active,
.container-with-layout--video .box-icon__text a,
.container-with-layout--video .box-icon__text a:visited,
.container-with-layout--video .box-icon__text a:active, .container-with-layout--image .text-media__text a, .container-with-layout--image .text-media__text a:visited, .container-with-layout--image .text-media__text a:active,
.container-with-layout--image .blockquote__text a,
.container-with-layout--image .blockquote__text a:visited,
.container-with-layout--image .blockquote__text a:active,
.container-with-layout--image .blockquote__author a,
.container-with-layout--image .blockquote__author a:visited,
.container-with-layout--image .blockquote__author a:active,
.container-with-layout--image .box-icon__title a,
.container-with-layout--image .box-icon__title a:visited,
.container-with-layout--image .box-icon__title a:active,
.container-with-layout--image .box-icon__text a,
.container-with-layout--image .box-icon__text a:visited,
.container-with-layout--image .box-icon__text a:active {
  text-decoration: underline;
  color: #FFFFFF;
}
.container-with-layout--overlay .text-media__text a:hover, .container-with-layout--overlay .text-media__text a:focus, .container-with-layout--overlay .text-media__text a:visited:hover, .container-with-layout--overlay .text-media__text a:visited:focus, .container-with-layout--overlay .text-media__text a:active:hover, .container-with-layout--overlay .text-media__text a:active:focus,
.container-with-layout--overlay .blockquote__text a:hover,
.container-with-layout--overlay .blockquote__text a:focus,
.container-with-layout--overlay .blockquote__text a:visited:hover,
.container-with-layout--overlay .blockquote__text a:visited:focus,
.container-with-layout--overlay .blockquote__text a:active:hover,
.container-with-layout--overlay .blockquote__text a:active:focus,
.container-with-layout--overlay .blockquote__author a:hover,
.container-with-layout--overlay .blockquote__author a:focus,
.container-with-layout--overlay .blockquote__author a:visited:hover,
.container-with-layout--overlay .blockquote__author a:visited:focus,
.container-with-layout--overlay .blockquote__author a:active:hover,
.container-with-layout--overlay .blockquote__author a:active:focus,
.container-with-layout--overlay .box-icon__title a:hover,
.container-with-layout--overlay .box-icon__title a:focus,
.container-with-layout--overlay .box-icon__title a:visited:hover,
.container-with-layout--overlay .box-icon__title a:visited:focus,
.container-with-layout--overlay .box-icon__title a:active:hover,
.container-with-layout--overlay .box-icon__title a:active:focus,
.container-with-layout--overlay .box-icon__text a:hover,
.container-with-layout--overlay .box-icon__text a:focus,
.container-with-layout--overlay .box-icon__text a:visited:hover,
.container-with-layout--overlay .box-icon__text a:visited:focus,
.container-with-layout--overlay .box-icon__text a:active:hover,
.container-with-layout--overlay .box-icon__text a:active:focus, .container-with-layout--video .text-media__text a:hover, .container-with-layout--video .text-media__text a:focus, .container-with-layout--video .text-media__text a:visited:hover, .container-with-layout--video .text-media__text a:visited:focus, .container-with-layout--video .text-media__text a:active:hover, .container-with-layout--video .text-media__text a:active:focus,
.container-with-layout--video .blockquote__text a:hover,
.container-with-layout--video .blockquote__text a:focus,
.container-with-layout--video .blockquote__text a:visited:hover,
.container-with-layout--video .blockquote__text a:visited:focus,
.container-with-layout--video .blockquote__text a:active:hover,
.container-with-layout--video .blockquote__text a:active:focus,
.container-with-layout--video .blockquote__author a:hover,
.container-with-layout--video .blockquote__author a:focus,
.container-with-layout--video .blockquote__author a:visited:hover,
.container-with-layout--video .blockquote__author a:visited:focus,
.container-with-layout--video .blockquote__author a:active:hover,
.container-with-layout--video .blockquote__author a:active:focus,
.container-with-layout--video .box-icon__title a:hover,
.container-with-layout--video .box-icon__title a:focus,
.container-with-layout--video .box-icon__title a:visited:hover,
.container-with-layout--video .box-icon__title a:visited:focus,
.container-with-layout--video .box-icon__title a:active:hover,
.container-with-layout--video .box-icon__title a:active:focus,
.container-with-layout--video .box-icon__text a:hover,
.container-with-layout--video .box-icon__text a:focus,
.container-with-layout--video .box-icon__text a:visited:hover,
.container-with-layout--video .box-icon__text a:visited:focus,
.container-with-layout--video .box-icon__text a:active:hover,
.container-with-layout--video .box-icon__text a:active:focus, .container-with-layout--image .text-media__text a:hover, .container-with-layout--image .text-media__text a:focus, .container-with-layout--image .text-media__text a:visited:hover, .container-with-layout--image .text-media__text a:visited:focus, .container-with-layout--image .text-media__text a:active:hover, .container-with-layout--image .text-media__text a:active:focus,
.container-with-layout--image .blockquote__text a:hover,
.container-with-layout--image .blockquote__text a:focus,
.container-with-layout--image .blockquote__text a:visited:hover,
.container-with-layout--image .blockquote__text a:visited:focus,
.container-with-layout--image .blockquote__text a:active:hover,
.container-with-layout--image .blockquote__text a:active:focus,
.container-with-layout--image .blockquote__author a:hover,
.container-with-layout--image .blockquote__author a:focus,
.container-with-layout--image .blockquote__author a:visited:hover,
.container-with-layout--image .blockquote__author a:visited:focus,
.container-with-layout--image .blockquote__author a:active:hover,
.container-with-layout--image .blockquote__author a:active:focus,
.container-with-layout--image .box-icon__title a:hover,
.container-with-layout--image .box-icon__title a:focus,
.container-with-layout--image .box-icon__title a:visited:hover,
.container-with-layout--image .box-icon__title a:visited:focus,
.container-with-layout--image .box-icon__title a:active:hover,
.container-with-layout--image .box-icon__title a:active:focus,
.container-with-layout--image .box-icon__text a:hover,
.container-with-layout--image .box-icon__text a:focus,
.container-with-layout--image .box-icon__text a:visited:hover,
.container-with-layout--image .box-icon__text a:visited:focus,
.container-with-layout--image .box-icon__text a:active:hover,
.container-with-layout--image .box-icon__text a:active:focus {
  color: #FFFFFF;
}
.container-with-layout--overlay .text-media__text a:focus, .container-with-layout--overlay .text-media__text a:visited:focus, .container-with-layout--overlay .text-media__text a:active:focus,
.container-with-layout--overlay .blockquote__text a:focus,
.container-with-layout--overlay .blockquote__text a:visited:focus,
.container-with-layout--overlay .blockquote__text a:active:focus,
.container-with-layout--overlay .blockquote__author a:focus,
.container-with-layout--overlay .blockquote__author a:visited:focus,
.container-with-layout--overlay .blockquote__author a:active:focus,
.container-with-layout--overlay .box-icon__title a:focus,
.container-with-layout--overlay .box-icon__title a:visited:focus,
.container-with-layout--overlay .box-icon__title a:active:focus,
.container-with-layout--overlay .box-icon__text a:focus,
.container-with-layout--overlay .box-icon__text a:visited:focus,
.container-with-layout--overlay .box-icon__text a:active:focus, .container-with-layout--video .text-media__text a:focus, .container-with-layout--video .text-media__text a:visited:focus, .container-with-layout--video .text-media__text a:active:focus,
.container-with-layout--video .blockquote__text a:focus,
.container-with-layout--video .blockquote__text a:visited:focus,
.container-with-layout--video .blockquote__text a:active:focus,
.container-with-layout--video .blockquote__author a:focus,
.container-with-layout--video .blockquote__author a:visited:focus,
.container-with-layout--video .blockquote__author a:active:focus,
.container-with-layout--video .box-icon__title a:focus,
.container-with-layout--video .box-icon__title a:visited:focus,
.container-with-layout--video .box-icon__title a:active:focus,
.container-with-layout--video .box-icon__text a:focus,
.container-with-layout--video .box-icon__text a:visited:focus,
.container-with-layout--video .box-icon__text a:active:focus, .container-with-layout--image .text-media__text a:focus, .container-with-layout--image .text-media__text a:visited:focus, .container-with-layout--image .text-media__text a:active:focus,
.container-with-layout--image .blockquote__text a:focus,
.container-with-layout--image .blockquote__text a:visited:focus,
.container-with-layout--image .blockquote__text a:active:focus,
.container-with-layout--image .blockquote__author a:focus,
.container-with-layout--image .blockquote__author a:visited:focus,
.container-with-layout--image .blockquote__author a:active:focus,
.container-with-layout--image .box-icon__title a:focus,
.container-with-layout--image .box-icon__title a:visited:focus,
.container-with-layout--image .box-icon__title a:active:focus,
.container-with-layout--image .box-icon__text a:focus,
.container-with-layout--image .box-icon__text a:visited:focus,
.container-with-layout--image .box-icon__text a:active:focus {
  outline-color: #FFFFFF;
}
.container-with-layout--image:not(.container-with-layout--overlay) .type-textmedia h1, .container-with-layout--image:not(.container-with-layout--overlay) .type-textmedia h2, .container-with-layout--image:not(.container-with-layout--overlay) .type-textmedia h3, .container-with-layout--image:not(.container-with-layout--overlay) .type-textmedia h4, .container-with-layout--image:not(.container-with-layout--overlay) .type-textmedia h5, .container-with-layout--image:not(.container-with-layout--overlay) .type-textmedia h6,
.container-with-layout--image:not(.container-with-layout--overlay) .type-textmedia .h1, .container-with-layout--image:not(.container-with-layout--overlay) .type-textmedia .h2, .container-with-layout--image:not(.container-with-layout--overlay) .type-textmedia .h3, .container-with-layout--image:not(.container-with-layout--overlay) .type-textmedia .h4, .container-with-layout--image:not(.container-with-layout--overlay) .type-textmedia .h5, .container-with-layout--image:not(.container-with-layout--overlay) .type-textmedia .h6 {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6), 0 2px 4px rgba(0, 0, 0, 0.8);
}
.container-with-layout--image:not(.container-with-layout--overlay) .text-media__text,
.container-with-layout--image:not(.container-with-layout--overlay) .blockquote__text,
.container-with-layout--image:not(.container-with-layout--overlay) .blockquote__author,
.container-with-layout--image:not(.container-with-layout--overlay) .box-icon__title,
.container-with-layout--image:not(.container-with-layout--overlay) .box-icon__text {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6), 0 2px 4px rgba(0, 0, 0, 0.8);
}
.container-with-layout--image:not(.container-with-layout--overlay) .text-media__text a, .container-with-layout--image:not(.container-with-layout--overlay) .text-media__text a:visited, .container-with-layout--image:not(.container-with-layout--overlay) .text-media__text a:active,
.container-with-layout--image:not(.container-with-layout--overlay) .blockquote__text a,
.container-with-layout--image:not(.container-with-layout--overlay) .blockquote__text a:visited,
.container-with-layout--image:not(.container-with-layout--overlay) .blockquote__text a:active,
.container-with-layout--image:not(.container-with-layout--overlay) .blockquote__author a,
.container-with-layout--image:not(.container-with-layout--overlay) .blockquote__author a:visited,
.container-with-layout--image:not(.container-with-layout--overlay) .blockquote__author a:active,
.container-with-layout--image:not(.container-with-layout--overlay) .box-icon__title a,
.container-with-layout--image:not(.container-with-layout--overlay) .box-icon__title a:visited,
.container-with-layout--image:not(.container-with-layout--overlay) .box-icon__title a:active,
.container-with-layout--image:not(.container-with-layout--overlay) .box-icon__text a,
.container-with-layout--image:not(.container-with-layout--overlay) .box-icon__text a:visited,
.container-with-layout--image:not(.container-with-layout--overlay) .box-icon__text a:active {
  text-decoration: underline;
  color: #FFFFFF;
}
.container-with-layout--image:not(.container-with-layout--overlay) .text-media__text a:hover, .container-with-layout--image:not(.container-with-layout--overlay) .text-media__text a:focus, .container-with-layout--image:not(.container-with-layout--overlay) .text-media__text a:visited:hover, .container-with-layout--image:not(.container-with-layout--overlay) .text-media__text a:visited:focus, .container-with-layout--image:not(.container-with-layout--overlay) .text-media__text a:active:hover, .container-with-layout--image:not(.container-with-layout--overlay) .text-media__text a:active:focus,
.container-with-layout--image:not(.container-with-layout--overlay) .blockquote__text a:hover,
.container-with-layout--image:not(.container-with-layout--overlay) .blockquote__text a:focus,
.container-with-layout--image:not(.container-with-layout--overlay) .blockquote__text a:visited:hover,
.container-with-layout--image:not(.container-with-layout--overlay) .blockquote__text a:visited:focus,
.container-with-layout--image:not(.container-with-layout--overlay) .blockquote__text a:active:hover,
.container-with-layout--image:not(.container-with-layout--overlay) .blockquote__text a:active:focus,
.container-with-layout--image:not(.container-with-layout--overlay) .blockquote__author a:hover,
.container-with-layout--image:not(.container-with-layout--overlay) .blockquote__author a:focus,
.container-with-layout--image:not(.container-with-layout--overlay) .blockquote__author a:visited:hover,
.container-with-layout--image:not(.container-with-layout--overlay) .blockquote__author a:visited:focus,
.container-with-layout--image:not(.container-with-layout--overlay) .blockquote__author a:active:hover,
.container-with-layout--image:not(.container-with-layout--overlay) .blockquote__author a:active:focus,
.container-with-layout--image:not(.container-with-layout--overlay) .box-icon__title a:hover,
.container-with-layout--image:not(.container-with-layout--overlay) .box-icon__title a:focus,
.container-with-layout--image:not(.container-with-layout--overlay) .box-icon__title a:visited:hover,
.container-with-layout--image:not(.container-with-layout--overlay) .box-icon__title a:visited:focus,
.container-with-layout--image:not(.container-with-layout--overlay) .box-icon__title a:active:hover,
.container-with-layout--image:not(.container-with-layout--overlay) .box-icon__title a:active:focus,
.container-with-layout--image:not(.container-with-layout--overlay) .box-icon__text a:hover,
.container-with-layout--image:not(.container-with-layout--overlay) .box-icon__text a:focus,
.container-with-layout--image:not(.container-with-layout--overlay) .box-icon__text a:visited:hover,
.container-with-layout--image:not(.container-with-layout--overlay) .box-icon__text a:visited:focus,
.container-with-layout--image:not(.container-with-layout--overlay) .box-icon__text a:active:hover,
.container-with-layout--image:not(.container-with-layout--overlay) .box-icon__text a:active:focus {
  color: #FFFFFF;
}
.container-with-layout--image:not(.container-with-layout--overlay) .text-media__text a:focus, .container-with-layout--image:not(.container-with-layout--overlay) .text-media__text a:visited:focus, .container-with-layout--image:not(.container-with-layout--overlay) .text-media__text a:active:focus,
.container-with-layout--image:not(.container-with-layout--overlay) .blockquote__text a:focus,
.container-with-layout--image:not(.container-with-layout--overlay) .blockquote__text a:visited:focus,
.container-with-layout--image:not(.container-with-layout--overlay) .blockquote__text a:active:focus,
.container-with-layout--image:not(.container-with-layout--overlay) .blockquote__author a:focus,
.container-with-layout--image:not(.container-with-layout--overlay) .blockquote__author a:visited:focus,
.container-with-layout--image:not(.container-with-layout--overlay) .blockquote__author a:active:focus,
.container-with-layout--image:not(.container-with-layout--overlay) .box-icon__title a:focus,
.container-with-layout--image:not(.container-with-layout--overlay) .box-icon__title a:visited:focus,
.container-with-layout--image:not(.container-with-layout--overlay) .box-icon__title a:active:focus,
.container-with-layout--image:not(.container-with-layout--overlay) .box-icon__text a:focus,
.container-with-layout--image:not(.container-with-layout--overlay) .box-icon__text a:visited:focus,
.container-with-layout--image:not(.container-with-layout--overlay) .box-icon__text a:active:focus {
  outline-color: #FFFFFF;
}
.container-with-layout--fixed {
  background-attachment: fixed;
}
.container-with-layout--color-brand-1 {
  background-color: #C8D41F;
}
.container-with-layout--color-brand-1-l-3 {
  background-color: #FBFBDB;
}
.container-with-layout--color-brand-2 {
  background-color: #B6CCA7;
}
.container-with-layout--color-lightgray {
  background-color: #FBFBFB;
}

.container-with-layout--height-0 {
  min-height: 0vh;
}

.container-with-layout--height-1 {
  min-height: 1vh;
}

.container-with-layout--height-2 {
  min-height: 2vh;
}

.container-with-layout--height-3 {
  min-height: 3vh;
}

.container-with-layout--height-4 {
  min-height: 4vh;
}

.container-with-layout--height-5 {
  min-height: 5vh;
}

.container-with-layout--height-6 {
  min-height: 6vh;
}

.container-with-layout--height-7 {
  min-height: 7vh;
}

.container-with-layout--height-8 {
  min-height: 8vh;
}

.container-with-layout--height-9 {
  min-height: 9vh;
}

.container-with-layout--height-10 {
  min-height: 10vh;
}

.container-with-layout--height-11 {
  min-height: 11vh;
}

.container-with-layout--height-12 {
  min-height: 12vh;
}

.container-with-layout--height-13 {
  min-height: 13vh;
}

.container-with-layout--height-14 {
  min-height: 14vh;
}

.container-with-layout--height-15 {
  min-height: 15vh;
}

.container-with-layout--height-16 {
  min-height: 16vh;
}

.container-with-layout--height-17 {
  min-height: 17vh;
}

.container-with-layout--height-18 {
  min-height: 18vh;
}

.container-with-layout--height-19 {
  min-height: 19vh;
}

.container-with-layout--height-20 {
  min-height: 20vh;
}

.container-with-layout--height-21 {
  min-height: 21vh;
}

.container-with-layout--height-22 {
  min-height: 22vh;
}

.container-with-layout--height-23 {
  min-height: 23vh;
}

.container-with-layout--height-24 {
  min-height: 24vh;
}

.container-with-layout--height-25 {
  min-height: 25vh;
}

.container-with-layout--height-26 {
  min-height: 26vh;
}

.container-with-layout--height-27 {
  min-height: 27vh;
}

.container-with-layout--height-28 {
  min-height: 28vh;
}

.container-with-layout--height-29 {
  min-height: 29vh;
}

.container-with-layout--height-30 {
  min-height: 30vh;
}

.container-with-layout--height-31 {
  min-height: 31vh;
}

.container-with-layout--height-32 {
  min-height: 32vh;
}

.container-with-layout--height-33 {
  min-height: 33vh;
}

.container-with-layout--height-34 {
  min-height: 34vh;
}

.container-with-layout--height-35 {
  min-height: 35vh;
}

.container-with-layout--height-36 {
  min-height: 36vh;
}

.container-with-layout--height-37 {
  min-height: 37vh;
}

.container-with-layout--height-38 {
  min-height: 38vh;
}

.container-with-layout--height-39 {
  min-height: 39vh;
}

.container-with-layout--height-40 {
  min-height: 40vh;
}

.container-with-layout--height-41 {
  min-height: 41vh;
}

.container-with-layout--height-42 {
  min-height: 42vh;
}

.container-with-layout--height-43 {
  min-height: 43vh;
}

.container-with-layout--height-44 {
  min-height: 44vh;
}

.container-with-layout--height-45 {
  min-height: 45vh;
}

.container-with-layout--height-46 {
  min-height: 46vh;
}

.container-with-layout--height-47 {
  min-height: 47vh;
}

.container-with-layout--height-48 {
  min-height: 48vh;
}

.container-with-layout--height-49 {
  min-height: 49vh;
}

.container-with-layout--height-50 {
  min-height: 50vh;
}

.container-with-layout--height-51 {
  min-height: 51vh;
}

.container-with-layout--height-52 {
  min-height: 52vh;
}

.container-with-layout--height-53 {
  min-height: 53vh;
}

.container-with-layout--height-54 {
  min-height: 54vh;
}

.container-with-layout--height-55 {
  min-height: 55vh;
}

.container-with-layout--height-56 {
  min-height: 56vh;
}

.container-with-layout--height-57 {
  min-height: 57vh;
}

.container-with-layout--height-58 {
  min-height: 58vh;
}

.container-with-layout--height-59 {
  min-height: 59vh;
}

.container-with-layout--height-60 {
  min-height: 60vh;
}

.container-with-layout--height-61 {
  min-height: 61vh;
}

.container-with-layout--height-62 {
  min-height: 62vh;
}

.container-with-layout--height-63 {
  min-height: 63vh;
}

.container-with-layout--height-64 {
  min-height: 64vh;
}

.container-with-layout--height-65 {
  min-height: 65vh;
}

.container-with-layout--height-66 {
  min-height: 66vh;
}

.container-with-layout--height-67 {
  min-height: 67vh;
}

.container-with-layout--height-68 {
  min-height: 68vh;
}

.container-with-layout--height-69 {
  min-height: 69vh;
}

.container-with-layout--height-70 {
  min-height: 70vh;
}

.container-with-layout--height-71 {
  min-height: 71vh;
}

.container-with-layout--height-72 {
  min-height: 72vh;
}

.container-with-layout--height-73 {
  min-height: 73vh;
}

.container-with-layout--height-74 {
  min-height: 74vh;
}

.container-with-layout--height-75 {
  min-height: 75vh;
}

.container-with-layout--height-76 {
  min-height: 76vh;
}

.container-with-layout--height-77 {
  min-height: 77vh;
}

.container-with-layout--height-78 {
  min-height: 78vh;
}

.container-with-layout--height-79 {
  min-height: 79vh;
}

.container-with-layout--height-80 {
  min-height: 80vh;
}

.container-with-layout--height-81 {
  min-height: 81vh;
}

.container-with-layout--height-82 {
  min-height: 82vh;
}

.container-with-layout--height-83 {
  min-height: 83vh;
}

.container-with-layout--height-84 {
  min-height: 84vh;
}

.container-with-layout--height-85 {
  min-height: 85vh;
}

.container-with-layout--height-86 {
  min-height: 86vh;
}

.container-with-layout--height-87 {
  min-height: 87vh;
}

.container-with-layout--height-88 {
  min-height: 88vh;
}

.container-with-layout--height-89 {
  min-height: 89vh;
}

.container-with-layout--height-90 {
  min-height: 90vh;
}

.container-with-layout--height-91 {
  min-height: 91vh;
}

.container-with-layout--height-92 {
  min-height: 92vh;
}

.container-with-layout--height-93 {
  min-height: 93vh;
}

.container-with-layout--height-94 {
  min-height: 94vh;
}

.container-with-layout--height-95 {
  min-height: 95vh;
}

.container-with-layout--height-96 {
  min-height: 96vh;
}

.container-with-layout--height-97 {
  min-height: 97vh;
}

.container-with-layout--height-98 {
  min-height: 98vh;
}

.container-with-layout--height-99 {
  min-height: 99vh;
}

.container-with-layout--height-100 {
  min-height: 100vh;
}

/* --------------------------------

Title: Autocomplete
Descr: Autocomplete plugin for input elements

-------------------------------- */
:root {
  --autocomplete-dropdown-vertical-gap: 0;
  --autocomplete-dropdown-max-height: 220px;
  --autocomplete-dropdown-scrollbar-width: 6px;
}

.autocomplete__loader {
  --circle-loader-v1-size: 1em;
  --circle-loader-v1-stroke-width: 2px;
}

.autocomplete:not(.autocomplete--searching) .autocomplete__loader {
  display: none;
}

.autocomplete__results {
  position: absolute;
  width: 100%;
  left: 0;
  top: calc(100% + var(--autocomplete-dropdown-vertical-gap));
  transform: translateY(4px);
  background-color: #FFFFFF;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0s 0.3s, transform 0.3s ease-in;
  overflow: hidden;
  z-index: 777;
}
.autocomplete--results-visible .autocomplete__results {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s, transform 0.3s ease-out;
  transform: translateY(0);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.autocomplete__list {
  max-height: var(--autocomplete-dropdown-max-height);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid #3B3B3B;
  border-radius: 0 0 2px 2px;
}
.autocomplete__list::-webkit-scrollbar {
  width: var(--autocomplete-dropdown-scrollbar-width);
}
.autocomplete__list::-webkit-scrollbar-track {
  background-color: #FBFBFB;
}
.autocomplete__list::-webkit-scrollbar-thumb {
  background-color: #DBDBDB;
}

.autocomplete__item {
  cursor: pointer;
}
.autocomplete__item:hover, .autocomplete__item:focus {
  background-color: #FBFBFB;
  color: #C8D41F;
}
.autocomplete__item:focus {
  outline: 1px solid #DBDBDB;
}

/* --------------------------------

Title: Menu
Descr: Application menu that provides access to a set of functionalities

-------------------------------- */
.menu {
  --menu-vertical-gap: 4px;
  --menu-item-padding: var(--space-xxs) var(--space-sm);
  list-style: none;
  width: 220px;
  position: fixed;
  background-color: #FFFFFF;
  padding: var(--space-xxs) 0;
  z-index: var(--zindex-popover);
  user-select: none;
  margin-top: var(--menu-vertical-gap);
  margin-bottom: var(--menu-vertical-gap);
  overflow: auto;
  --space-unit: 1rem;
  --space-xxxxs: calc(0.125 * 1rem);
  --space-xxxs: calc(0.25 * 1rem);
  --space-xxs: calc(0.375 * 1rem);
  --space-xs: calc(0.5 * 1rem);
  --space-sm: calc(0.75 * 1rem);
  --space-md: calc(1.25 * 1rem);
  --space-lg: calc(2 * 1rem);
  --space-xl: calc(3.25 * 1rem);
  --space-xxl: calc(5.25 * 1rem);
  --space-xxxl: calc(8.5 * 1rem);
  --space-xxxxl: calc(13.75 * 1rem);
  --component-padding: var(--space-md);
  --text-xs: calc((1rem / 1.2) / 1.2);
  --text-sm: calc(var(--text-xs) * 1.2);
  --text-md: calc(var(--text-sm) * 1.2 * 1.2);
  --text-lg: calc(var(--text-md) * 1.2);
  --text-xl: calc(var(--text-lg) * 1.2);
  --text-xxl: calc(var(--text-xl) * 1.2);
  --text-xxxl: calc(var(--text-xxl) * 1.2);
  --text-xxxxl: calc(var(--text-xxxl) * 1.2);
  font-size: 1rem;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.2s, opacity 0.2s;
}

.menu--is-visible {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.2s;
}

.menu--overlay {
  z-index: var(--zindex-overlay);
}

.menu__content {
  display: block;
  display: flex;
  align-items: center;
  text-decoration: none;
  padding: var(--menu-item-padding, var(--space-xxs) var(--space-sm));
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.menu__content:focus {
  outline: 1px solid #3B3B3B;
}

.menu__label {
  padding: var(--menu-item-padding, var(--space-xxs) var(--space-sm));
  font-size: var(--text-sm);
}

.menu__separator {
  height: 1px;
  margin: var(--menu-item-padding, var(--space-xxs) var(--space-sm));
}

.menu__icon {
  margin-right: var(--space-xxs);
}

/* --------------------------------

Title: Menu Bar
Descr: Application menu with a list of common actions that users can perform

-------------------------------- */
:root {
  --menu-bar-button-size: 2.5em;
  --menu-bar-icon-size: 1em;
  --menu-bar-horizontal-gap: var(--space-xxs);
  --menu-bar-vertical-gap: 4px;
  --menu-bar-label-size: var(--text-xs);
}

.menu-bar {
  list-style: none;
  display: inline-flex;
  align-items: center;
}

.menu-bar__item {
  position: relative;
  display: inline-block;
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--menu-bar-button-size);
  width: var(--menu-bar-button-size);
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.2s;
  outline: 0;
}
.menu-bar__item:not(:last-child) {
  margin-right: var(--menu-bar-horizontal-gap);
}
.menu-bar__item:hover > .menu-bar__label, .menu-bar__item.menu-control--active > .menu-bar__label {
  clip-path: none;
  height: auto;
  width: auto;
}

.menu-bar__item--trigger {
  display: none;
}

.menu-bar__icon {
  display: block;
  font-size: var(--menu-bar-icon-size);
  transition: color 0.2s;
}

.menu-bar__label {
  position: absolute;
  z-index: var(--zindex-popover);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(var(--menu-bar-vertical-gap));
  padding: var(--space-xxs) var(--space-xs);
  color: #FFFFFF;
  font-size: var(--menu-bar-label-size);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  pointer-events: none;
  user-select: none;
}

.menu-bar--collapsed .menu-bar__item--hide {
  display: none;
}
.menu-bar--collapsed .menu-bar__item--trigger {
  display: inline-block;
  display: flex;
}

.menu-bar {
  opacity: 0;
}
.menu-bar::before {
  display: none;
  content: "c";
}

.menu-bar--loaded {
  opacity: 1;
}

@media (min-width: 0) {
  .menu-bar--expanded\@xs::before {
    content: "e";
  }
}

@media (min-width: 40rem) {
  .menu-bar--expanded\@sm::before {
    content: "e";
  }
}

@media (min-width: 64.063rem) {
  .menu-bar--expanded\@md::before {
    content: "e";
  }
}

@media (min-width: 92rem) {
  .menu-bar--expanded\@lg::before {
    content: "e";
  }
}

/* --------------------------------

Title: Thumbnail Slideshow
Descr: Show a collection of items one at a time with additional preview images for easier selection

-------------------------------- */
:root {
  --thumbslide-thumbnail-auto-size: 120px;
  --thumbslide-thumbnail-grid-gap: var(--space-xxs);
}

.thumbslide .slideshow {
  --slideshow-fade-transition-duration: 0.3s;
  --slideshow-slide-transition-duration: 0.3s;
}

.thumbslide__nav {
  display: flex;
  overflow: hidden;
  padding: var(--thumbslide-thumbnail-grid-gap) 0;
  position: relative;
}
.thumbslide__nav::after, .thumbslide__nav::before {
  content: "";
  position: absolute;
  z-index: 2;
  height: 80%;
  width: 0;
  top: 10%;
  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.9);
  pointer-events: none;
  transition: opacity 0.2s;
  opacity: 0;
}
.thumbslide__nav::before {
  left: 0;
}
.thumbslide__nav::after {
  right: 0;
}

.thumbslide__nav--scroll-end::after {
  opacity: 1;
}

.thumbslide__nav--scroll-start::before {
  opacity: 1;
}

.thumbslide__nav-list {
  position: relative;
  z-index: 1;
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  padding-left: var(--space-xxxs);
  will-change: transform;
  transition: transform 0.5s;
  height: 80px;
}
.thumbslide__nav-list:hover .thumbslide__nav-item {
  opacity: 0.6;
}
@media (min-width: 40rem) {
  .thumbslide__nav-list {
    padding-left: var(--space-xxxxs);
  }
}

.thumbslide__nav-list--dragging {
  cursor: grabbing;
}

.thumbslide__nav-list--no-transition {
  transition: none;
}

.thumbslide__nav-item {
  float: left;
  flex-shrink: 0;
  width: var(--thumbslide-thumbnail-auto-size);
  margin-right: var(--thumbslide-thumbnail-grid-gap);
  transition: opacity 0.3s, transform 0.3s;
  will-change: transform, opacity;
  backface-visibility: hidden;
  user-select: none;
  height: 100%;
}
.thumbslide__nav-item a,
.thumbslide__nav-item img {
  display: block;
  pointer-events: none;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.thumbslide__nav-item a:focus {
  outline: 2px solid;
}
.thumbslide__nav-item:hover {
  opacity: 1 !important;
  cursor: pointer;
}

.thumbslide__nav-item--active {
  position: relative;
  opacity: 1 !important;
}
.thumbslide__nav-item--active::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  outline: 4px solid black;
}

.thumbslide__caption {
  background-color: rgba(255, 255, 255, 0.85);
  padding: var(--component-padding);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.thumbslide--top {
  display: flex;
  flex-direction: column;
}
.thumbslide--top .slideshow {
  order: 1;
}

.thumbslide--vertical {
  display: flex;
}
@media not all and (min-width: 40rem) {
  .thumbslide--vertical {
    --thumbslide-thumbnail-auto-size: 50px;
  }
}

.thumbslide--vertical .slideshow {
  display: inline-block;
  flex-grow: 1;
}

.thumbslide--vertical .thumbslide__nav-wrapper {
  float: right;
  width: var(--thumbslide-thumbnail-auto-size);
  flex-shrink: 0;
}

.thumbslide--vertical .thumbslide__nav {
  padding: 0 var(--thumbslide-thumbnail-grid-gap);
  width: 100%;
  height: 100%;
}
.thumbslide--vertical .thumbslide__nav::after, .thumbslide--vertical .thumbslide__nav::before {
  width: 80%;
  height: 0;
  left: 10%;
}
.thumbslide--vertical .thumbslide__nav::before {
  top: 0;
}
.thumbslide--vertical .thumbslide__nav::after {
  top: auto;
  bottom: 0;
}

.thumbslide--vertical .thumbslide__nav-list {
  flex-direction: column;
  position: absolute;
  top: 0;
}

.thumbslide--vertical .thumbslide__nav-item {
  margin-right: 0;
  margin-bottom: var(--thumbslide-thumbnail-grid-gap);
}
.thumbslide--vertical .thumbslide__nav-item img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.thumbslide--left .slideshow {
  order: 1;
}

.powermail_progressbar {
  margin-top: var(--space-xxs);
  width: 100%;
  height: 5px;
  border: 1px solid #EEEEEE;
}
.powermail_progressbar.disable {
  display: none;
}
.powermail_progressbar > .powermail_progress {
  background: #C8D41F;
  width: 0%;
  max-width: 100%;
  animation: progress 2.5s 1 forwards;
}
.powermail_progressbar > .powermail_progress > .powermail_progress_inner {
  height: 5px;
  width: 100%;
  overflow: hidden;
  opacity: 0.25;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
  filter: alpha(opacity=25);
}

@keyframes progress {
  to {
    width: 100%;
  }
}
#kesearch_results .result-list-item {
  margin: 0;
}

.kesearch_searchbox .kesearchbox.form-control-wrapper {
  height: 40px;
  margin: 0;
}
@media (min-width: 64.063rem) {
  .kesearch_searchbox .kesearchbox.form-control-wrapper {
    height: initial;
  }
}
.kesearch_searchbox .kesearchbox .clearer {
  display: none !important;
}
.kesearch_searchbox .kesearchbox .form-control-icon {
  top: 10px;
}
.kesearch_searchbox #ke_search_sword.searchbox_input.form-control {
  padding-right: calc(var(--form-control-padding-x) + 1em + var(--space-xxs));
  padding-top: calc(var(--space-xxs) + 3px);
  padding-bottom: calc(var(--space-xxs) + 3px);
  width: 100%;
}

.skip-link {
  padding: var(--space-sm) var(--space-md);
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: var(--zindex-overlay);
  background-color: #FFFFFF;
  box-shadow: 0 1.2px 1.9px -1px rgba(0, 0, 0, 0.014), 0 3.3px 5.3px -1px rgba(0, 0, 0, 0.038), 0 8.5px 12.7px -1px rgba(0, 0, 0, 0.085), 0 30px 42px -1px rgba(0, 0, 0, 0.15);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  clip-path: inset(50%);
}
.skip-link:focus, .skip-link.skip-link--focus {
  clip-path: none;
  outline: 3px solid rgba(59, 59, 59, 0.2);
}

#skiplink-main-content {
  scroll-margin-top: calc(var(--header-height) * 5);
}

:root {
  --btn-font-size: 18px;
  --btn-font-size-sm: 1em;
  --btn-font-size-lg: 2em;
  --btn-font-size-xs: 0.813em;
  --btn-padding-x: var(--space-md);
  --btn-padding-y: var(--space-xs);
}

.btn {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border-radius: 2px;
  cursor: pointer;
  color: #B6CCA7;
  font-family: var(--font-primary-bold, "Arial", sans-serif);
  font-size: var(--btn-font-size, 1em);
  padding-top: var(--btn-padding-y, 0.5em);
  padding-bottom: var(--btn-padding-y, 0.5em);
  padding-left: var(--btn-padding-x, 0.75em);
  padding-right: var(--btn-padding-x, 0.75em);
  transition: 0.25s;
}
.btn span + svg {
  margin-left: var(--space-xxs);
  --fill-icon: currentColor;
}
.btn svg + span {
  margin-left: var(--space-xxs);
}
.btn[disabled], .btn:disabled {
  cursor: not-allowed;
}
.btn--sm {
  font-size: var(--btn-font-size-sm);
}
.btn--lg {
  font-size: var(--btn-font-size-lg);
}
.btn--xs {
  font-size: var(--btn-font-size-xs);
}
.btn--padding-xxs {
  --btn-padding-x: var(--space-xxs);
  --btn-padding-y: var(--space-xxxs);
}
.btn--padding-xs {
  --btn-padding-x: var(--space-xs);
  --btn-padding-y: var(--space-xxs);
}
.btn--padding-sm {
  --btn-padding-x: calc(var(--space-md) - 0.2em);
  --btn-padding-y: var(--space-xs);
}
.btn--padding-md {
  --btn-padding-x: var(--space-md);
  --btn-padding-y: var(--space-sm);
}
.btn--padding-lg {
  --btn-padding-x: var(--space-lg);
  --btn-padding-y: var(--space-md);
}
.btn--icon {
  padding: var(--btn-padding-y, 0.5em);
}
.btn--icon-filled {
  background-color: #C8D41F;
  --fill-icon: #FFFFFF;
}
.btn--icon-filled:hover, .btn--icon-filled:focus, .btn--icon-filled:active {
  background-color: #3B3B3B;
}
.btn--primary {
  background-color: #C8D41F;
  color: #FFFFFF;
  border: 1px solid transparent;
  outline: 0;
}
.btn--primary:hover, .btn--primary:focus {
  background-color: #95AD16;
}
.btn--primary:focus {
  box-shadow: 0px 0px 0px 4px rgba(149, 173, 22, 0.44);
}
.btn--primary:active {
  background-color: #95AD16;
  box-shadow: none;
}
.btn--primary[disabled], .btn--primary:disabled {
  background-color: #FBFBDB;
  color: #DEE45B;
}
.btn--secondary {
  background-color: #BBBBBB;
  color: #FFFFFF;
  border: 1px solid transparent;
  outline: 0;
}
.btn--secondary:hover, .btn--secondary:focus {
  background-color: #9B9B9B;
}
.btn--secondary:focus {
  box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.3);
}
.btn--secondary:active {
  background-color: #5B5B5B;
  box-shadow: none;
}
.btn--secondary[disabled], .btn--secondary:disabled {
  background-color: #DBDBDB;
}
.btn--secondary-white {
  background-color: #FFFFFF;
  color: #3B3B3B;
  border: 1px solid transparent;
  outline: 0;
}
.btn--secondary-white:hover, .btn--secondary-white:focus {
  background-color: #DBDBDB;
}
.btn--secondary-white:focus {
  box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.3);
}
.btn--secondary-white:active {
  background-color: #BBBBBB;
  box-shadow: none;
}
.btn--secondary-white[disabled], .btn--secondary-white:disabled {
  background-color: #9B9B9B;
  color: #BBBBBB;
}
.btn--outline-primary {
  background-color: transparent;
  color: #C8D41F;
  border: 1px solid #C8D41F;
  outline: 0;
  transition: 0.25s;
}
.btn--outline-primary:focus {
  background-color: transparent;
  box-shadow: 0px 0px 0px 4px #EFF19A;
}
.btn--outline-primary[disabled], .btn--outline-primary:disabled {
  border-color: #BBBBBB;
  color: #BBBBBB;
}
.btn--outline-white {
  background-color: transparent;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  transition: 0.25s;
}
.btn--outline-white:hover, .btn--outline-white:focus {
  background-color: #9B9B9B;
}
.btn--outline-white:focus {
  box-shadow: 0px 0px 0px 4px #9B9B9B;
}
.btn--outline-white:active {
  background-color: #7B7B7B;
  box-shadow: none;
}
.btn--outline-white[disabled], .btn--outline-white:disabled {
  border-color: rgba(255, 255, 255, 0.3);
  background-color: transparent;
  color: rgba(255, 255, 255, 0.3);
}
.btn-group {
  column-gap: var(--space-xs);
}

.btn {
  border-radius: 4px;
}
.btn--primary {
  color: #3B3B3B;
}
.btn--secondary {
  background-color: #3B3B3B;
}
.btn--secondary:hover, .btn--secondary:focus {
  background-color: #7B7B7B;
}

:root {
  --btns-button-radius: 0;
}

.btn-group {
  --space-unit: 2rem;
  --space-xxxxs: calc(0.125 * 2rem);
  --space-xxxs: calc(0.25 * 2rem);
  --space-xxs: calc(0.375 * 2rem);
  --space-xs: calc(0.5 * 2rem);
  --space-sm: calc(0.75 * 2rem);
  --space-md: calc(1.25 * 2rem);
  --space-lg: calc(2 * 2rem);
  --space-xl: calc(3.25 * 2rem);
  --space-xxl: calc(5.25 * 2rem);
  --space-xxxl: calc(8.5 * 2rem);
  --space-xxxxl: calc(13.75 * 2rem);
  --component-padding: var(--space-md);
  display: inline-block;
  display: flex;
  overflow-x: auto;
  column-gap: 0;
}
.btn-group > * {
  display: inline-block;
}
.btn-group > *:first-child, .btn-group *:first-child .btns__btn {
  border-radius: var(--btns-button-radius) 0 0 var(--btns-button-radius);
}
.btn-group > *:last-child, .btn-group *:last-child .btns__btn {
  border-radius: 0 var(--btns-button-radius) var(--btns-button-radius) 0;
}
.btn-group__btn {
  background-color: #FFFFFF;
  padding: var(--space-xxxs) var(--space-sm);
  color: #C8D41F;
  font-size: 0.875em;
  text-decoration: none;
  white-space: nowrap;
  border: 1px solid #C8D41F;
}
.btn-group__btn:hover, .btn-group__btn:focus {
  background-color: #DEE45B;
}
.btn-group__btn:focus {
  box-shadow: 0px 0px 0px 4px rgba(222, 228, 91, 0.44);
  outline: 2px solid #3B3B3B;
  outline-offset: -2px;
}
.btn-group__btn:active, .btn-group__btn.ajaxlink--active {
  background-color: #C8D41F;
}
.btn-group__btn:active, .btn-group__btn.ajaxlink--active {
  color: #FFFFFF;
  box-shadow: none;
}
.btn-group__btn[disabled], .btn-group__btn:disabled {
  cursor: not-allowed;
  background-color: #DEE45B;
  color: rgba(200, 212, 31, 0.4);
}

.btn-group__btn {
  background-color: #FFFFFF;
  color: #7B7B7B;
  border: 1px solid #C8D41F;
}
.btn-group__btn:not(:last-child) {
  border-right: 0;
}
.btn-group__btn:hover, .btn-group__btn:focus {
  background-color: #DEE45B;
}
.btn-group__btn:focus {
  box-shadow: 0px 0px 0px 4px #DEE45B;
  outline: 4px solid #DEE45B;
}
.btn-group__btn:active, .btn-group__btn.ajaxlink--active {
  background-color: #C8D41F;
}
.btn-group__btn:active, .btn-group__btn.ajaxlink--active {
  color: #2A2034;
}
.btn-group__btn[disabled], .btn-group__btn:disabled {
  background-color: #DEE45B;
  color: #FFFFFF;
}

.divider-horizontal {
  margin: var(--space-xxxs) auto;
  display: flex;
  text-align: center;
  align-items: center;
  width: 100%;
}
.divider-horizontal::before, .divider-horizontal::after {
  content: "";
  display: inline-block;
  height: 1px;
  width: 20px;
  flex-grow: 1;
  background: #BBBBBB;
  vertical-align: middle;
}

.divider-vertical {
  margin: auto var(--space-xxxs);
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  height: 100%;
}
.divider-vertical::before, .divider-vertical::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 20px;
  flex-grow: 1;
  background: #BBBBBB;
  vertical-align: middle;
}

/* ========================================================================================= */
/* COMPONENT - TAG */
/* ========================================================================================= */
.tag {
  --gap: var(--space-xs);
}
.tag__list {
  margin: 0 0 calc(-1 * var(--gap, var(--space-xs))) calc(-1 * var(--gap, var(--space-xs)));
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}

/* ========================================================================================= */
/* COMPONENT - TAG ITEM */
/* ========================================================================================= */
.tag__item {
  position: relative;
  margin: 0 0 var(--gap, var(--space-xs)) var(--gap, var(--space-xs));
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #FBFBFB;
  transition: color 0.25s ease-out;
}
.tag__item--bg-white {
  background-color: #FFFFFF;
}
.tag__link {
  display: block;
  padding: var(--space-xxxs) var(--space-xs);
  text-decoration: none;
  font-family: var(--font-primary-medium, "Arial", sans-serif);
  font-size: var(--text-xxs);
  color: #2A2034;
  transition: background-color 0.25s ease-out;
}
.tag__link:hover {
  color: #C8D41F;
}
.tag__link.ajaxlink--active {
  background-color: #C8D41F;
  color: #FFFFFF;
}
.tag__link.ajaxlink--active:hover {
  color: #FFFFFF;
}
.tag__close {
  background-color: transparent;
  border: 1px solid transparent;
  cursor: pointer;
}
.tag__close .btn {
  padding: var(--space-xxs);
  cursor: pointer;
}

.tag__link {
  font-size: var(--text-xxxs);
  padding-right: 0;
}
.tag__close .btn--sm .icon {
  width: 0.8125em;
  height: 0.8125em;
}

:root {
  --checkbox-size: 1.25em;
  --checkbox-translate-y: -0.15em;
  --checkbox-gap: var(--space-xxs);
  --checkbox-border-width: 1px;
  --checkbox-line-height: var(--body-line-height);
  --checkbox-marker-size: 10px;
}

.checkbox {
  position: absolute;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0;
  height: 0;
  width: 0;
  pointer-events: none;
}

.checkbox + label {
  display: inline-block;
  line-height: var(--checkbox-line-height);
  user-select: none;
  cursor: pointer;
}

.checkbox + label::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  border-width: var(--checkbox-border-width);
  border-color: #3B3B3B;
  border-style: solid;
  border-radius: 2px;
  margin-right: var(--checkbox-gap);
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.2s, border 0.2s;
}

@supports (grid-area: auto) {
  .checkbox + label::before {
    position: relative;
    top: var(--checkbox-translate-y);
  }
}
.checkbox:checked + label::before {
  background-color: #C8D41F;
  box-shadow: none;
  border-color: #C8D41F;
  transition: transform 0.2s;
}

.checkbox:active + label::before {
  transform: scale(0.8);
  transition: transform 0.2s;
}

.checkbox:checked:active + label::before {
  transform: none;
  transition: none;
}

.checkbox:checked + label::before {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.315 7.859L.133 4.44a.506.506 0 010-.683l.643-.683a.437.437 0 01.642 0l2.219 2.391L8.58.141a.437.437 0 01.643 0l.643.685a.504.504 0 010 .682l-5.91 6.35a.437.437 0 01-.642 0z' fill='%23fff'/%3E%3C/svg%3E");
  background-size: var(--checkbox-marker-size);
}

.checkbox:checked:disabled + label::before {
  background-color: #FBFBFB;
  border-color: #DBDBDB;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.315 7.859L.133 4.44a.506.506 0 010-.683l.643-.683a.437.437 0 01.642 0l2.219 2.391L8.58.141a.437.437 0 01.643 0l.643.685a.504.504 0 010 .682l-5.91 6.35a.437.437 0 01-.642 0z' fill='%23ADADAD'/%3E%3C/svg%3E");
  background-size: var(--checkbox-marker-size);
}

.checkbox:checked:active + label::before,
.checkbox:focus + label::before {
  border-color: #3B3B3B;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.checkbox:disabled + label {
  pointer-events: none;
  color: #BBBBBB;
}

.checkbox:disabled + label::before {
  background-color: #FBFBFB;
  border-color: #DBDBDB;
}

.checkbox[aria-invalid=true] + label {
  color: #A65059;
}

.checkbox[aria-invalid=true] + label::before {
  border-color: #F2838F;
  color: #F2838F;
  background-color: #F4D3CD;
}
.checkbox[aria-invalid=true] + label::before:focus {
  box-shadow: 0 4px 4px rgba(242, 131, 143, 0.2);
}

.checkbox[aria-invalid=true]:checked + label::before {
  border-color: #F2838F;
  background-color: #F4D3CD;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.315 7.859L.133 4.44a.506.506 0 010-.683l.643-.683a.437.437 0 01.642 0l2.219 2.391L8.58.141a.437.437 0 01.643 0l.643.685a.504.504 0 010 .682l-5.91 6.35a.437.437 0 01-.642 0z' fill='%23A65059'/%3E%3C/svg%3E");
}

.checkbox--bg + label {
  padding: var(--space-xxxxs) var(--space-xxxs);
  transition: background 0.2s;
}

.checkbox--bg:active + label,
.checkbox--bg:focus + label {
  background-color: rgba(0, 0, 0, 0.1);
}

:root {
  --radio-size: 1.25em;
  --radio-translate-y: 0.15em;
  --radio-gap: var(--space-xxs);
  --radio-border-width: 1px;
  --radio-line-height: var(--body-line-height);
  --radio-marker-size: 12px;
}

.radio {
  position: absolute;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0;
  height: 0;
  width: 0;
  pointer-events: none;
}

.radio + label {
  display: inline-block;
  display: inline-flex;
  align-items: baseline;
  line-height: var(--radio-line-height);
  user-select: none;
  cursor: pointer;
}

.radio + label::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
  width: var(--radio-size);
  height: var(--radio-size);
  border-width: var(--radio-border-width);
  border-color: #BBBBBB;
  border-style: solid;
  margin-right: var(--radio-gap);
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.2s, border 0.2s;
}

@supports (grid-area: auto) {
  .radio + label::before {
    position: relative;
    top: var(--radio-translate-y);
  }
}
.radio + label::before {
  border-radius: 50%;
}

.radio:checked + label::before {
  background-color: #FFFFFF;
  box-shadow: none;
  border-color: #C8D41F;
  transition: transform 0.2s;
}

.radio:active + label::before {
  transform: scale(0.8);
  transition: transform 0.2s;
}

.radio:checked:active + label::before {
  transform: none;
  transition: none;
}

.radio:checked + label::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='%23ffffff'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23C8D41F'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
  background-size: var(--radio-marker-size);
}

.radio:checked:active + label::before,
.radio:checked:focus + label::before {
  border-color: #C8D41F;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.radio:focus + label::before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  border-color: #3B3B3B;
}

.radio:disabled + label {
  pointer-events: none;
  color: #BBBBBB;
}

.radio:disabled + label::before {
  background-color: #FBFBFB;
}

.radio:checked:disabled + label::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='%23ffffff'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23ADADAD'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
  border-color: #BBBBBB;
}

.radio[aria-invalid=true] + label {
  color: #F2838F;
}

.radio[aria-invalid=true] + label::before {
  border-color: #F2838F;
  color: #F2838F;
  background-color: #F4D3CD;
}
.radio[aria-invalid=true] + label::before:focus {
  box-shadow: 0 4px 4px rgba(242, 131, 143, 0.2);
}

.radio[aria-invalid=true] + label {
  color: #F2838F;
}

.radio[aria-invalid=true]:checked + label::before {
  border-color: #F2838F;
  background-color: #F4D3CD;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='%23ffffff'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23F2838F'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
}

.radio--bg + label {
  padding: var(--space-xxxxs) var(--space-xxxs);
  transition: background 0.2s;
}

.radio--bg:active + label,
.radio--bg:focus + label {
  background-color: rgba(0, 0, 0, 0.1);
}

.radio:checked + label::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg class='nc-icon-wrapper' fill='%23ffffff'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23C8D41F'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
}

:root {
  --select-icon-size: var(--space-sm);
  --select-icon-right-margin: var(--space-xs);
  --select-dropdown-gap: 4px;
}
@media (min-width: 64.063rem) {
  :root {
    --select-icon-size: var(--space-xs);
  }
}

.select {
  position: relative;
}
.autocomplete--results-visible .select--autocomplete .select__input {
  border-bottom: 0;
  border-radius: 2px 2px 0 0;
  box-shadow: none;
}

.select__input {
  width: 100%;
  height: 100%;
  padding-right: calc(var(--select-icon-size) + var(--select-icon-right-margin)) !important;
  color: #2A2034;
  appearance: none;
}
.select__input:required:invalid {
  color: #868686;
}
.select__input:hover {
  cursor: pointer;
}
.select__input:disabled:hover {
  cursor: not-allowed;
}

.select__icon {
  width: var(--select-icon-size);
  height: var(--select-icon-size);
  pointer-events: none;
  position: absolute;
  right: var(--select-icon-right-margin);
  top: 50%;
  transform: translateY(-50%);
}

.select__button {
  width: 100%;
}

.select-wrapper {
  display: flex;
  align-items: center;
}
.select-wrapper .select__icon {
  top: auto;
  transform: inherit;
}

.select__dropdown {
  position: absolute;
  left: 0;
  top: 100%;
  min-width: 200px;
  max-height: 1px;
  padding: var(--space-xxs) 0;
  z-index: var(--zindex-popover);
  margin-top: var(--select-dropdown-gap);
  margin-bottom: var(--select-dropdown-gap);
  overflow: auto;
  --space-unit: 1rem;
  --space-xxxxs: calc(0.125 * 1rem);
  --space-xxxs: calc(0.25 * 1rem);
  --space-xxs: calc(0.375 * 1rem);
  --space-xs: calc(0.5 * 1rem);
  --space-sm: calc(0.75 * 1rem);
  --space-md: calc(1.25 * 1rem);
  --space-lg: calc(2 * 1rem);
  --space-xl: calc(3.25 * 1rem);
  --space-xxl: calc(5.25 * 1rem);
  --space-xxxl: calc(8.5 * 1rem);
  --space-xxxxl: calc(13.75 * 1rem);
  --component-padding: var(--space-md);
  --text-xs: calc((1rem / 1.2) / 1.2);
  --text-sm: calc(var(--text-xs) * 1.2);
  --text-md: calc(var(--text-sm) * 1.2 * 1.2);
  --text-lg: calc(var(--text-md) * 1.2);
  --text-xl: calc(var(--text-lg) * 1.2);
  --text-xxl: calc(var(--text-xl) * 1.2);
  --text-xxxl: calc(var(--text-xxl) * 1.2);
  --text-xxxxl: calc(var(--text-xxxl) * 1.2);
  font-size: 1rem;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.2s, opacity 0.2s;
}

.select__dropdown--right {
  right: 0;
  left: auto;
}

.select__dropdown--up {
  bottom: 100%;
  top: auto;
}

.select__button[aria-expanded=true] + .select__dropdown {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.2s;
}

.select__list {
  list-style: none !important;
}

.select__list:not(:first-of-type) {
  padding-top: var(--space-xxs);
}

.select__list:not(:last-of-type) {
  padding-bottom: var(--space-xxs);
}

.select__item {
  display: block;
  padding: var(--space-xs) var(--space-lg) var(--space-xs) var(--space-md);
  width: 100%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.select__item--optgroup {
  font-size: var(--text-sm);
}

.select__item--option {
  cursor: pointer;
  outline: 0;
}
.select__item--option:focus {
  background-color: rgba(0, 0, 0, 0.1);
}
.select__item--option[aria-selected=true] {
  background-color: #B6CCA7;
  color: #FFFFFF;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.select__item--option[aria-selected=true]::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 16px;
  width: 16px;
  right: var(--space-sm);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolyline stroke-width='1.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round' points='1,9 5,13 15,3 '/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.pagination__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.pagination__list > li {
  display: inline-block;
}
.pagination--split .pagination__list {
  width: 100%;
}
.pagination--split .pagination__list > *:first-child {
  margin-right: auto;
}
.pagination--split .pagination__list > *:first-child .pagination__item {
  padding-left: var(--space-xs);
}
.pagination--split .pagination__list > *:last-child {
  margin-left: auto;
}
.pagination--split .pagination__list > *:last-child .pagination__item {
  padding-right: var(--space-xs);
}
.pagination__item {
  display: inline-block;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  line-height: 1;
  margin: 0 var(--space-xxxxs);
  padding-top: var(--space-xxs);
  padding-bottom: var(--space-xxs);
  padding-left: calc(1.5 * var(--space-xs));
  padding-right: calc(1.5 * var(--space-xs));
  text-decoration: none;
  height: 100%;
  color: #2A2034;
  transition: background-color 0.2s ease, transform 0.2s ease, color 0.2s ease;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 64.063rem) {
  .pagination__item {
    padding-top: var(--space-xs);
    padding-bottom: var(--space-xs);
    padding-left: calc(1.355 * var(--space-xs));
    padding-right: calc(1.355 * var(--space-xs));
  }
}
.pagination__item:hover:not(.pagination__item--selected):not(.pagination__item--ellipsis) {
  color: #C8D41F;
}
.pagination__item:hover:not(.pagination__item--selected):not(.pagination__item--ellipsis) .icon {
  margin-left: var(--space-xs);
  --fill-icon: #C8D41F;
}
.pagination__item:active {
  transform: translateY(2px);
}
.pagination__item--selected {
  background-color: #C8D41F;
  color: #FFFFFF;
}
.pagination__item--disabled {
  opacity: 0.5;
  pointer-events: none;
}

.breadcrumb__item {
  display: inline-block;
  display: inline-flex;
  align-items: center;
}
.breadcrumb__item[aria-current=page] {
  color: #BBBBBB;
  font-size: var(--text-xxs);
}
.breadcrumb__item:not(:first-child):not(:last-child):not(.breadcrumb__item--dots) {
  display: none;
}
@media (min-width: 40rem) {
  .breadcrumb__item:not(:first-child):not(:last-child):not(.breadcrumb__item--dots) {
    display: inline-block;
    display: inline-flex;
  }
}
.breadcrumb__item:last-child .breadcrumb__separator {
  display: none;
}
@media (min-width: 40rem) {
  .breadcrumb__item--dots {
    display: none;
  }
}
.breadcrumb__separator {
  margin-left: var(--space-sm);
  margin-right: var(--space-xs);
  color: #C8D41F;
}
.breadcrumb__link {
  padding: 0 var(--space-xxxxs);
  color: #2A2034;
  text-decoration: none;
  font-size: var(--text-xxs);
}
.breadcrumb__link:focus {
  outline-offset: -1px;
}

.breadcrumb__item[aria-current=page] {
  font-size: var(--text-xxxs);
}
.breadcrumb__separator {
  margin-left: var(--space-xxs);
  margin-right: var(--space-xxxs);
}
.breadcrumb__link {
  font-size: var(--text-xxxs);
}

.media__caption {
  margin-top: var(--space-xs);
  font-size: var(--text-xxs);
  font-family: var(--font-primary-italic, "Arial", sans-serif);
  text-align: left;
}
.media > figure > picture > img {
  height: auto;
}

.blockquote {
  --space-unit: 2rem;
  --space-xxxxs: calc(0.125 * 2rem);
  --space-xxxs: calc(0.25 * 2rem);
  --space-xxs: calc(0.375 * 2rem);
  --space-xs: calc(0.5 * 2rem);
  --space-sm: calc(0.75 * 2rem);
  --space-md: calc(1.25 * 2rem);
  --space-lg: calc(2 * 2rem);
  --space-xl: calc(3.25 * 2rem);
  --space-xxl: calc(5.25 * 2rem);
  --space-xxxl: calc(8.5 * 2rem);
  --space-xxxxl: calc(13.75 * 2rem);
  --component-padding: var(--space-md);
  display: inline-block;
  text-align: left;
  border-left: var(--space-xxxs) solid #C8D41F;
}
.blockquote__content {
  position: relative;
  padding-left: var(--space-sm);
}
.blockquote__text {
  margin-bottom: var(--space-xs);
  font-size: var(--text-md);
  line-height: 1.2;
  font-family: var(--font-primary-bold, "Arial", sans-serif);
  color: #2A2034;
}
@media (min-width: 64.063rem) {
  .blockquote__text {
    font-size: 36px;
  }
}
.blockquote__author {
  color: #868686;
}
.blockquote__quote-open {
  display: none;
}
.blockquote--center {
  max-width: var(--max-width-sm, 48rem);
  border-left: none;
}
.blockquote--center .blockquote__content {
  padding-left: 0;
  margin: auto;
  text-align: center;
}
.blockquote--center .blockquote__content::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  display: block;
  background-color: #C8D41F;
  height: var(--space-xxxs);
  width: 50%;
}
@media (min-width: 40rem) {
  .blockquote--center .blockquote__content::before {
    width: 200px;
  }
}
.blockquote--center .blockquote__text {
  padding-top: var(--space-sm);
  font-size: var(--text-lg);
}
@media (min-width: 40rem) {
  .blockquote--center .blockquote__text {
    font-size: var(--text-xl);
  }
}
.blockquote--center .blockquote__author {
  margin-bottom: var(--space-xs);
}
.blockquote--white .blockquote__author,
.blockquote--white .blockquote__text {
  color: #FFFFFF;
}
.blockquote--white .blockquote__content::before {
  background-color: #FFFFFF;
}

.blockquote__author {
  color: #7B7B7B;
}

.brand {
  height: 100%;
}
.brand__link {
  font-size: 0;
  height: 100%;
}
.brand__link img {
  height: 100%;
  max-width: 100%;
}

.brand {
  height: 100%;
}
.brand__link {
  font-size: 0;
  height: 100%;
  display: flex;
  align-items: center;
}
.brand__link img {
  height: 100%;
  max-width: none;
}
@media (max-width: 64.063rem) {
  .brand__link img {
    max-width: 100%;
  }
}

:root {
  --header-height: 64px;
  --transition-duration: .25s;
}
@media (min-width: 64.063rem) {
  :root {
    --header-height: 90px;
  }
}

.header {
  position: relative;
  height: var(--header-height);
  background-color: #FFFFFF;
}
.header__inner {
  padding: var(--space-xxs) 0;
  display: flex;
  align-items: center;
  height: 100%;
  background-color: #FFFFFF;
}
.header__logo {
  height: 100%;
}
@media (min-width: 40rem) {
  .header__logo {
    max-width: none;
  }
  .header__logo img {
    height: 100%;
  }
}
.header__legend {
  display: none;
  padding: var(--space-sm);
  font-family: var(--font-primary-bold, "Arial", sans-serif);
  color: #3B3B3B;
}
@media (min-width: 40rem) {
  .header__legend {
    display: block;
  }
}
.header__nav {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 320px;
  height: 100vh;
  background-color: #FFFFFF;
  display: none;
  align-items: center;
  justify-content: space-between;
  flex: 1 1 auto;
}
.header__nav--is-visible {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.header__nav > * {
  height: 100%;
}
@media (max-width: 64.063rem) {
  .header__nav {
    padding: 0 var(--space-md);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    justify-content: flex-start;
    padding-bottom: var(--space-lg);
  }
}
@media (min-width: 64.063rem) {
  .header__nav {
    position: static;
    top: auto;
    right: auto;
    background-color: transparent;
    width: auto;
    height: 100%;
    max-height: none;
    overflow: visible;
    overscroll-behavior: auto;
    display: flex;
    flex-shrink: 0;
    margin-left: auto;
    flex-grow: 0;
  }
}
.header__toggle {
  position: relative;
  z-index: var(--zindex-overlay);
}
.header__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 0 1 auto;
  height: 100%;
  margin-left: auto;
}
@media (min-width: 64.063rem) {
  .header__actions {
    display: flex;
    flex-shrink: 0;
    flex-grow: 0;
    margin-left: 0;
  }
}
@media (max-width: 64.063rem) {
  .header__actions .header__link {
    margin-left: auto;
  }
}
.header__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-xs);
  text-decoration: none;
  font-family: var(--font-primary-bold, "Arial", sans-serif);
  font-size: var(--text-xs);
  text-align: center;
  background-color: #C8D41F;
  color: #FFFFFF;
  flex: 1 1 auto;
  height: 100%;
  transition: var(--transition-duration);
}
.header__cta:hover {
  color: #FFFFFF;
}
.header__btn {
  --fill-icon: #3B3B3B;
  color: #3B3B3B;
  padding: var(--space-xs) var(--space-md);
  transition: var(--transition-duration);
}
.header__btn:hover {
  color: #3B3B3B;
}
.header__label {
  padding: calc(var(--space-md) + 1.1px) var(--space-md);
  display: flex;
  align-items: center;
  height: var(--header-height);
  font-family: var(--font-primary-bold, "Arial", sans-serif);
  font-size: var(--text-sm);
  text-transform: uppercase;
}
@media (min-width: 64.063rem) {
  .header__label {
    display: none;
  }
}
.header__list {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 64.063rem) {
  .header__list .sidenav__item {
    border: none;
  }
}
.header__list .sidenav__item:hover {
  background-color: transparent;
}
@media (max-width: 64.063rem) {
  .header__list {
    height: auto;
  }
  .header__list .sidenav__item--expanded {
    background-color: #FFFFFF;
  }
  .header__list .sidenav__item--expanded .header__link {
    color: #C8D41F;
  }
}
@media (min-width: 64.063rem) {
  .header__list {
    flex-direction: row;
    margin: 0 var(--space-xs) 0 var(--space-md);
    box-shadow: none;
  }
}
.header__item {
  display: flex;
  flex-wrap: wrap;
}
.header__item-submenu.sidenav__item {
  width: 100%;
}
.header__item-submenu.sidenav__item .header__link {
  display: flex;
  justify-content: space-between;
  flex: 1;
}
@media (max-width: 64.063rem) {
  .header__item {
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #eeeeee;
  }
  .header__item:first-of-type {
    border-top: none;
  }
  .header__item:last-of-type {
    border-bottom: none;
  }
  .header__item .header__item {
    border: none;
  }
  .header__item-submenu {
    background-color: #FFFFFF;
  }
  .header__item-submenu.sidenav__item .header__link {
    padding-left: var(--space-md);
  }
}
@media (min-width: 92rem) {
  .header__item {
    display: block;
  }
}
.header__content {
  padding: var(--space-xs) 0;
}
.header__content a, .header__content a:visited {
  text-decoration: none;
  color: #2A2034;
}
.header__link {
  display: flex;
  align-items: center;
  padding: var(--space-xxs) var(--space-xs);
  color: #2A2034;
  text-decoration: none;
  transition: color var(--transition-duration);
}
.header__link--active {
  color: #C8D41F;
}
.header__link-submenu-icon {
  transform: rotate(90deg);
}
@media (max-width: 64.063rem) {
  .header__link-submenu-icon {
    display: none;
  }
}
.header__link:hover {
  color: #C8D41F;
}
.header__link:hover .icon {
  --fill-icon: currentColor;
}
.header__link:focus, .header__link-submenu:focus {
  outline-offset: -2px;
}
.header__link-submenu {
  color: #3B3B3B;
}
@media (min-width: 64.063rem) {
  .header__link-submenu {
    width: 100%;
  }
  .header__link-submenu--active {
    background-color: #FBFBFB;
  }
}
.header__link-submenu--active {
  color: #C8D41F;
}
@media (max-width: 64.063rem) {
  .header__link {
    padding: var(--space-xs) 0;
    flex: 1;
  }
  .header__link-submenu {
    padding-left: var(--sidenav-sublist-control-size);
    flex: 1;
  }
  .header__link-submenu:hover {
    color: #C8D41F;
  }
}
@media (min-width: 64.063rem) {
  .header__link {
    height: 100%;
  }
}
.header__social {
  --fill-icon: #3B3B3B;
}
.pre-header .header__social {
  --fill-icon: #DBDBDB;
}
.header__social > li:not(:last-of-type) {
  margin-right: var(--space-sm);
}
.pre-header .header__social > li:not(:last-of-type) {
  margin-right: 0;
}

.pre-header {
  background-color: #3B3B3B;
}
.pre-header > * :focus {
  outline-color: #FFFFFF;
}
.pre-header__inner {
  --fill-icon: #DBDBDB;
  color: #DBDBDB;
  padding: var(--space-xxs) 0;
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: space-between;
  color: #BBBBBB;
}
.pre-header__content {
  padding: 0;
  font-size: var(--text-xxs);
}
.pre-header__content a, .pre-header__content a:visited {
  text-decoration: none;
  color: #DBDBDB;
}
.pre-header__content a:focus, .pre-header__content a:visited:focus {
  outline-color: #FFFFFF;
  outline-style: solid;
  color: #DBDBDB;
}
.pre-header__content a:hover, .pre-header__content a:visited:hover {
  color: #DBDBDB;
}

.header-wrapper {
  position: sticky;
  top: 0;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08);
  z-index: var(--zindex-fixed-element);
}

.header {
  position: relative;
  height: var(--header-height);
  background-color: #FFFFFF;
}
@media (min-width: 64.063rem) {
  .header {
    --header-height: 64px;
  }
}
.header-wrapper {
  background-color: #FFFFFF;
  box-shadow: none;
}
@media (max-width: 64.063rem) {
  .header-wrapper {
    border-bottom: 1px solid #DBDBDB;
  }
}
.header__inner {
  padding: var(--space-xxxxs) 0;
  justify-content: space-between;
  background-color: #FFFFFF;
}
@media (max-width: 64.063rem) {
  .header__inner {
    padding: var(--space-xxxs) 0;
  }
}
@media (min-width: 64.063rem) {
  .header__inner.container {
    border-bottom: 1px solid #DBDBDB;
  }
}
.header__logo {
  height: 100%;
}
@media (min-width: 40rem) {
  .header__logo {
    max-width: none;
  }
  .header__logo img {
    height: 100%;
    display: flex;
  }
}
@media (max-width: 64.063rem) {
  .header__logo {
    max-width: 108px;
  }
}
@media (max-width: 40rem) {
  .header__logo {
    max-width: 90px;
  }
}
.header__legend {
  display: none;
  padding: var(--space-sm);
  font-family: var(--font-primary-bold);
  color: #3B3B3B;
}
@media (min-width: 40rem) {
  .header__legend {
    display: block;
  }
}
.header__nav {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 320px;
  height: 100vh;
  background-color: #FFFFFF;
  display: none;
  align-items: center;
  justify-content: space-between;
  flex: 1 1 auto;
}
.header__nav--is-visible {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.header__nav > * {
  height: 100%;
}
@media (max-width: 64.063rem) {
  .header__nav {
    padding: 0 var(--space-md);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    justify-content: flex-start;
    padding-bottom: var(--space-lg);
  }
}
@media (min-width: 64.063rem) {
  .header__nav {
    position: static;
    top: auto;
    right: auto;
    background-color: transparent;
    width: auto;
    height: 100%;
    max-height: none;
    overflow: visible;
    overscroll-behavior: auto;
    display: flex;
    flex-shrink: 0;
    margin-left: auto;
    flex-grow: 0;
  }
}
.header__toggle {
  position: relative;
  z-index: var(--zindex-overlay);
}
.header__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 0 1 auto;
  height: 100%;
  margin-left: auto;
}
@media (min-width: 64.063rem) {
  .header__actions {
    display: flex;
    flex-shrink: 0;
    flex-grow: 0;
    margin-left: 0;
    padding: var(--space-xxxxs) 0;
  }
}
@media (max-width: 64.063rem) {
  .header__actions .header__link {
    margin-left: auto;
  }
}
.header__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-xs) var(--space-sm);
  text-decoration: none;
  font-family: var(--font-primary-bold);
  font-size: var(--text-xxs);
  text-align: center;
  background-color: #C8D41F;
  color: #FFFFFF;
  flex: 1 1 auto;
  height: 100%;
  transition: var(--transition-duration);
  border-radius: 4px;
}
.header__cta:hover {
  color: #FFFFFF;
}
.header__btn {
  --fill-icon: #3B3B3B;
  color: #3B3B3B;
  padding: var(--space-xs) var(--space-md);
  transition: var(--transition-duration);
}
.header__btn:hover {
  color: #3B3B3B;
}
.header__label {
  padding: calc(var(--space-md) + 1.1px) var(--space-md);
  display: flex;
  align-items: center;
  height: var(--header-height);
  font-family: var(--font-primary-bold);
  font-size: var(--text-sm);
  text-transform: uppercase;
}
@media (min-width: 64.063rem) {
  .header__label {
    display: none;
  }
}
.header__list {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 64.063rem) {
  .header__list .sidenav__item {
    border: none;
  }
}
.header__list .sidenav__item:hover {
  background-color: transparent;
}
@media (max-width: 64.063rem) {
  .header__list {
    height: auto;
  }
  .header__list .sidenav__item--expanded {
    background-color: #FFFFFF;
  }
  .header__list .sidenav__item--expanded .header__link {
    color: #C8D41F;
  }
}
@media (min-width: 64.063rem) {
  .header__list {
    flex-direction: row;
    margin: 0 var(--space-xs) 0 var(--space-md);
    box-shadow: none;
  }
}
.header__item {
  display: flex;
  flex-wrap: wrap;
}
.header__item-submenu.sidenav__item {
  width: 100%;
}
.header__item-submenu.sidenav__item .header__link {
  display: flex;
  justify-content: space-between;
  flex: 1;
}
@media (max-width: 64.063rem) {
  .header__item {
    align-items: center;
    justify-content: space-between;
    padding: var(--space-xxxs) 0;
    border-top: 1px solid #eeeeee;
  }
  .header__item:first-of-type {
    border-top: none;
    margin-top: 1rem;
  }
  .header__item:nth-child(2) {
    border-top: none;
  }
  .header__item:last-of-type {
    border-bottom: none;
  }
  .header__item .header__item {
    border: none;
  }
  .header__item-submenu {
    background-color: #FFFFFF;
  }
  .header__item-submenu.sidenav__item .header__link {
    padding-left: var(--space-md);
  }
}
@media (min-width: 92rem) {
  .header__item {
    display: block;
  }
}
.header__content {
  padding: var(--space-xxxxs) 0;
}
.header__content a, .header__content a:visited {
  text-decoration: none;
  color: #2A2034;
}
.header__link {
  display: flex;
  align-items: center;
  padding: var(--space-xxs) var(--space-xs);
  font-family: var(--font-primary-medium);
  color: #2A2034;
  text-decoration: none;
  transition: color var(--transition-duration);
}
.header__link--active {
  color: #C8D41F;
}
.header__link-submenu-icon {
  transform: rotate(90deg);
}
@media (max-width: 64.063rem) {
  .header__link-submenu-icon {
    display: none;
  }
}
.header__link:hover {
  color: #C8D41F;
}
.header__link:hover .icon {
  --fill-icon: currentColor;
}
.header__link:focus, .header__link-submenu:focus {
  outline-offset: -2px;
}
.header__link-submenu {
  color: #3B3B3B;
  font-family: var(--font-primary);
}
@media (min-width: 64.063rem) {
  .header__link-submenu {
    width: 100%;
  }
  .header__link-submenu--active {
    background-color: #FBFBFB;
  }
}
.header__link-submenu--active {
  color: #C8D41F;
}
.header__link-submenu a:hover {
  color: #C8D41F;
}
@media (max-width: 64.063rem) {
  .header__link {
    padding: var(--space-xs) 0;
    flex: 1;
  }
  .header__link-submenu {
    padding-left: var(--sidenav-sublist-control-size);
    flex: 1;
  }
  .header__link-submenu:hover {
    color: #C8D41F;
  }
}
@media (min-width: 64.063rem) {
  .header__link {
    height: 100%;
  }
}
.header__social {
  --fill-icon: #3B3B3B;
}
.pre-header .header__social {
  --fill-icon: #3B3B3B;
}
.header__social > li:not(:last-of-type) {
  margin-right: var(--space-sm);
}
.pre-header .header__social > li:not(:last-of-type) {
  margin-right: 0;
}

.pre-header {
  background-color: #FFFFFF;
}
.pre-header > * :focus {
  outline-color: #3B3B3B;
}
.pre-header__inner {
  --fill-icon: #DBDBDB;
  color: #DBDBDB;
  padding: 0;
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: end;
  color: #BBBBBB;
}
.pre-header__content {
  padding: 0 var(--space-xs);
  font-size: var(--text-xxxs);
}
.pre-header__content a, .pre-header__content a:visited {
  text-decoration: none;
  color: #3B3B3B;
}
.pre-header__content a:focus, .pre-header__content a:visited:focus {
  outline-color: #FFFFFF;
  outline-style: solid;
  color: #DBDBDB;
}
.pre-header__content a:hover, .pre-header__content a:visited:hover {
  color: #DBDBDB;
}

.sharebar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.sharebar__list {
  display: flex;
  flex-wrap: wrap;
}
.sharebar__list > li:not(:last-child) {
  margin-right: var(--space-xxxs);
}
.sharebar__title {
  font-family: var(--font-primary-bold, "Arial", sans-serif);
  margin-right: var(--space-xxs);
}
.sharebar__btn {
  border-radius: 2px;
  border: 1px solid #DBDBDB;
}
.sharebar__btn .icon {
  transition: opacity 0.25s;
  opacity: 0.4;
}
.sharebar__btn:hover .icon, .sharebar__btn:focus .icon {
  opacity: 1;
}

.sharebar__list > li:not(:last-child) {
  margin-right: 0;
}
.sharebar__title {
  font-family: var(--font-primary);
}
.sharebar__btn {
  border-radius: 0;
  border: none;
}
.sharebar__btn .icon {
  opacity: 1;
}

.footer {
  padding: var(--space-lg) 0 var(--space-md);
  background-color: #3B3B3B;
  color: #FFFFFF;
}
.footer a:focus {
  outline: 1px solid #FFFFFF;
}
.footer__section {
  margin-bottom: var(--space-lg);
  color: #868686;
}
.footer__section-title {
  margin-bottom: var(--space-xxs);
  font-size: var(--text-xs);
  color: #FFFFFF;
}
.footer__link {
  color: #868686;
  text-decoration: none;
  font-size: var(--text-xxs);
  transition: text-decoration 0.25s;
}
.footer__link:hover {
  text-decoration: underline;
}
.footer__social {
  display: flex;
  flex-wrap: wrap;
}
.footer__social .btn {
  --fill-icon: white;
  transition: background-color 0.25s;
}
.footer__social .btn:hover {
  background-color: #7B7B7B;
}
.footer__legal {
  margin-bottom: var(--space-md);
  color: #868686;
}
.footer__legal a {
  display: inline-block;
  color: #868686;
  text-decoration: none;
  transition: text-decoration 0.25s;
}
.footer__legal a:active, .footer__legal a:visited {
  color: #868686;
}
.footer__legal a:hover {
  color: #868686;
  text-decoration: underline;
}
.footer__legal a:hover, .footer__legal a:focus {
  color: #868686;
}
.footer__legal a:not(:last-child) {
  margin-right: var(--space-sm);
}
.footer__copyright {
  color: #AEC79E;
}
.footer__bottom {
  margin-top: var(--space-lg);
  padding-top: var(--space-md);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  border-top: 1px solid #60824A;
}
@media (min-width: 40rem) {
  .footer__bottom {
    margin-top: 0;
    align-items: center;
    flex-direction: row-reverse;
  }
}

.footer__section {
  color: #BBBBBB;
}
.footer__link {
  color: #BBBBBB;
}

/* --------------------------------

Title: Slideshow
Descr: Show a collection of items one at a time
Usage: codyhouse.co/license

-------------------------------- */
:root {
  --slideshow-height: 480px;
  --slideshow-fade-transition-duration: 0.25s;
  --slideshow-slide-transition-duration: 0.35s;
  --slideshow-prx-transition-duration: 0.5s;
  --slideshow-btn-width: 3em;
  --slideshow-btn-height: 3em;
  --slideshow-btn-icon-size: 1.5em;
  --slideshow-btn-offset: 0;
}
@media (min-width: 64.063rem) {
  :root {
    --slideshow-height: 640px;
  }
}

.slideshow__item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--slideshow-height);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  outline: 0;
}
.slideshow__item > .width-100\%.height-100\% > * {
  height: 100%;
  display: flex;
  align-items: center;
}

.slideshow--ratio-16\:9 .slideshow__item {
  height: 0;
  padding-bottom: 56.25%;
}

.slideshow--ratio-4\:3 .slideshow__item {
  height: 0;
  padding-bottom: 75%;
}

.slideshow--ratio-1\:1 .slideshow__item {
  height: 0;
  padding-bottom: 100%;
}

.slideshow {
  overflow: hidden;
  position: relative;
  z-index: 1;
  min-height: var(--slideshow-height);
}

.slideshow__content {
  overflow: hidden;
}

.slideshow__item {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  visibility: hidden;
}

.slideshow__item--selected {
  position: relative;
  z-index: 3;
  visibility: visible;
}

.slideshow--transition-fade .slideshow__item {
  opacity: 0;
  transition: opacity 0s var(--slideshow-fade-transition-duration), visibility 0s var(--slideshow-fade-transition-duration);
}

.slideshow--transition-fade .slideshow__item--selected {
  opacity: 1;
  transition: opacity var(--slideshow-fade-transition-duration);
}

.slideshow--transition-slide .slideshow__item {
  animation-duration: var(--slideshow-slide-transition-duration);
  animation-fill-mode: forwards;
  animation-timing-function: ease-out;
}
.slideshow--transition-slide .slideshow__item > * {
  visibility: hidden;
}

.slideshow--transition-slide .slideshow__item--selected > * {
  visibility: visible;
}

.slideshow--transition-slide .slideshow__item--slide-in-left {
  animation-name: slide-in-left;
}

.slideshow--transition-slide .slideshow__item--slide-in-right {
  animation-name: slide-in-right;
}

.slideshow--transition-slide .slideshow__item--slide-out-left {
  animation-name: slide-out-left;
}

.slideshow--transition-slide .slideshow__item--slide-out-right {
  animation-name: slide-out-right;
}

.slideshow--transition-slide .slideshow__item--slide-out-left,
.slideshow--transition-slide .slideshow__item--slide-out-right {
  z-index: 2;
}
.slideshow--transition-slide .slideshow__item--slide-out-left.slideshow__item--selected,
.slideshow--transition-slide .slideshow__item--slide-out-right.slideshow__item--selected {
  z-index: 3;
}
.slideshow--transition-slide .slideshow__item--slide-out-left > *,
.slideshow--transition-slide .slideshow__item--slide-out-right > * {
  visibility: visible;
}

@keyframes slide-in-left {
  0% {
    visibility: visible;
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-in-right {
  0% {
    visibility: visible;
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-out-left {
  0% {
    visibility: visible;
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes slide-out-right {
  0% {
    visibility: visible;
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.slideshow--transition-prx .slideshow__item {
  animation-duration: var(--slideshow-prx-transition-duration);
  animation-fill-mode: forwards;
  animation-timing-function: ease-out;
}
.slideshow--transition-prx .slideshow__item > * {
  visibility: hidden;
}

.slideshow--transition-prx .slideshow__item--selected > * {
  visibility: visible;
}

.slideshow--transition-prx .slideshow__item--prx-in-left {
  animation-name: prx-in-left;
}

.slideshow--transition-prx .slideshow__item--prx-in-right {
  animation-name: prx-in-right;
}

.slideshow--transition-prx .slideshow__item--prx-out-left {
  animation-name: prx-out-left;
}

.slideshow--transition-prx .slideshow__item--prx-out-right {
  animation-name: prx-out-right;
}

.slideshow--transition-prx .slideshow__item--prx-out-left,
.slideshow--transition-prx .slideshow__item--prx-out-right {
  z-index: 2;
}
.slideshow--transition-prx .slideshow__item--prx-out-left.slideshow__item--selected,
.slideshow--transition-prx .slideshow__item--prx-out-right.slideshow__item--selected {
  z-index: 3;
}
.slideshow--transition-prx .slideshow__item--prx-out-left > *,
.slideshow--transition-prx .slideshow__item--prx-out-right > * {
  visibility: visible;
}

@keyframes prx-in-left {
  0% {
    visibility: visible;
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes prx-in-right {
  0% {
    visibility: visible;
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes prx-out-left {
  0% {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }
  100% {
    opacity: 0.3;
    transform: translateX(40%);
  }
}
@keyframes prx-out-right {
  0% {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }
  100% {
    opacity: 0.3;
    transform: translateX(-40%);
  }
}
.slideshow[data-swipe=on] .slideshow__content {
  user-select: none;
}
.slideshow[data-swipe=on] .slideshow__content img {
  pointer-events: none;
}

.slideshow__control {
  display: none;
}

.slideshow[data-controls=hover] .slideshow__control {
  opacity: 0;
  transition: opacity 0.3s;
}

.slideshow[data-controls=hover]:hover .slideshow__control {
  opacity: 1;
}

.slideshow[data-swipe=on] .slideshow__control {
  display: none;
}
.thumbslide .slideshow[data-swipe=on] .slideshow__control {
  display: block;
}

.slideshow__control {
  display: block;
  position: absolute;
  z-index: 4;
  top: 50%;
  transform: translateY(-50%);
}
.slideshow__control:first-of-type {
  left: var(--slideshow-btn-offset);
}
.slideshow__control:last-of-type {
  right: var(--slideshow-btn-offset);
}

@media (min-width: 64.063rem) {
  .slideshow[data-swipe=on] .slideshow__control {
    display: block;
  }
}
.slideshow__btn {
  --fill-icon: #FFFFFF;
  display: inline-flex;
  background-color: #3B3B3B;
  height: var(--slideshow-btn-height);
  width: var(--slideshow-btn-width);
  cursor: pointer;
  transition: background 0.2s, transform 0.2s;
}
.slideshow__btn:hover {
  background-color: #9B9B9B;
}
.slideshow__btn:focus {
  outline-offset: 2px;
  outline-color: #FFFFFF;
}
.slideshow__btn:focus:not(:focus-visible) {
  outline: 1px solid #FFFFFF;
}
.slideshow:not(.slideshow--is-animating) .slideshow__btn:active {
  transform: translateY(2px);
}
.slideshow__btn .icon {
  display: block;
  width: var(--slideshow-btn-icon-size);
  height: var(--slideshow-btn-icon-size);
  margin: 0 auto;
  transition: color 0.2s;
  color: var(--color-white, #FFFFFF);
}

.slideshow__navigation {
  width: 100%;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
}

.slideshow__nav-item {
  display: inline-block;
  margin: 0 var(--space-xxxs);
}
.slideshow__nav-item button {
  display: block;
  position: relative;
  font-size: 8px;
  color: #FFFFFF;
  height: 1em;
  width: 1em;
  border-radius: 50%;
  background-color: #BBBBBB;
  cursor: pointer;
  transition: background 0.3s;
}
.slideshow__nav-item button::before {
  content: "";
  position: absolute;
  top: calc(50% - 0.5em);
  left: calc(50% - 0.5em);
  height: 1em;
  width: 1em;
  font-size: 14px;
  border-radius: inherit;
  border: 1px solid;
  opacity: 0;
  transform: scale(0);
  transition: 0.3s;
}
.slideshow__nav-item button:focus {
  outline-offset: 2px;
}
.slideshow__nav-item button:focus::before {
  opacity: 1;
  transform: scale(1);
}
.slideshow__nav-item--selected {
  color: #3B3B3B;
}

.slideshow__nav-item--selected button {
  background-color: #3B3B3B;
}

@media (min-width: 64.063rem) {
  .slideshow__navigation {
    height: 40px;
  }
  .slideshow__nav-item button {
    font-size: 12px;
  }
  .slideshow__nav-item button::before {
    font-size: 16px;
  }
}
/* --------------------------------

Title: Progress Bar
Descr: Display the current progress of a task

-------------------------------- */
.progress-bar {
  width: 300px;
  font-family: var(--font-primary-bold, "Arial", sans-serif);
}
.progress-bar__text {
  display: inline-block;
  margin-bottom: var(--space-xxxxs);
  text-transform: uppercase;
  color: #FFFFFF;
}
.progress-bar__bg {
  position: relative;
  height: 16px;
  background-color: #DBDBDB;
  flex-grow: 1;
  overflow: hidden;
}
.progress-bar__fill {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0%;
  background-color: #B6CCA7;
}
.progress-bar__value {
  flex-shrink: 0;
}

.progress-bar[data-animation=on]:not(.progress-bar--init) .progress-bar__fill, .progress-bar[data-animation=on]:not(.progress-bar--init) .progress-bar__value,
.progress-bar--color-update:not(.progress-bar--init) .progress-bar__fill,
.progress-bar--color-update:not(.progress-bar--init) .progress-bar__value {
  opacity: 0;
}

.progress-bar--color-update {
  --progress-bar-color-1: 30;
  --progress-bar-color-2: 65;
  --progress-bar-color-3: 100;
}
.progress-bar--color-update.progress-bar--init .progress-bar__fill {
  transition: background-color 0.3s;
}

.progress-bar__bg {
  background-color: #DBDBDB;
}
.progress-bar__fill {
  background-color: #95AD16;
}

:root {
  --banner-cta-get-involved-height: 480px;
}
@media (min-width: 64.063rem) {
  :root {
    --banner-cta-get-involved-height: 640px;
  }
}

.herobanner {
  position: relative;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  height: var(--banner-cta-get-involved-height);
  transition: 0.25s;
  z-index: 1;
}
.herobanner::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(59, 59, 59, 0.6);
}
.slideshow__item .herobanner {
  height: 100%;
  width: 100%;
}
.herobanner__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.herobanner__video {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.herobanner__video .media-wrapper {
  padding-bottom: 0;
  height: auto;
  position: static;
}
.herobanner__video video {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.herobanner__content {
  position: relative;
  padding: var(--space-sm);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  z-index: 2;
}
.herobanner__title {
  margin-bottom: var(--space-xxs);
  padding: var(--space-xxxs) var(--space-xs);
  font-family: var(--font-primary-bold, "Arial", sans-serif);
  font-size: var(--text-xxl);
  line-height: var(--line-height-xxl);
  text-align: center;
  background-color: transparent;
  color: #FFFFFF;
}
.herobanner__text {
  color: #FFFFFF;
  text-align: center;
}
@media (min-width: 64.063rem) {
  .herobanner__text {
    font-size: var(--text-sm);
  }
}
.herobanner__text a, .herobanner__text a:visited, .herobanner__text a:active {
  text-decoration: underline;
  color: #FFFFFF;
}
.herobanner__text a:hover, .herobanner__text a:focus, .herobanner__text a:visited:hover, .herobanner__text a:visited:focus, .herobanner__text a:active:hover, .herobanner__text a:active:focus {
  color: #FFFFFF;
}
.herobanner__text a:focus, .herobanner__text a:visited:focus, .herobanner__text a:active:focus {
  outline-color: #FFFFFF;
}
.herobanner__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: var(--space-md);
  margin-left: calc(-1 * var(--space-sm));
  margin-bottom: calc(-1 * var(--space-sm));
}
.herobanner__actions:empty {
  display: none;
  margin: 0;
}
.herobanner__actions > .btn {
  margin-left: calc(var(--space-sm));
  margin-bottom: calc(var(--space-sm));
}

:root {
  --herobanner-carousel-height: 480px;
}
@media (min-width: 64.063rem) {
  :root {
    --herobanner-carousel-height: 624px;
  }
}

.hero-carousel {
  height: var(--herobanner-carousel-height);
}
.hero-carousel__content, .hero-carousel__item {
  height: 100%;
}
.hero-carousel__item {
  z-index: 1;
}
.hero-carousel__item::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(59, 59, 59, 0.6);
}
.hero-carousel__title {
  padding: var(--space-xs);
  background-color: #FFFFFF;
  text-transform: uppercase;
}
@media (min-width: 64.063rem) {
  .hero-carousel__title {
    margin-bottom: var(--space-xs);
  }
}

:root {
  --heromedia-carousel-height: 480px;
  --heromedia-image-height: 480px;
}
@media (min-width: 64.063rem) {
  :root {
    --heromedia-carousel-height: 572px;
    --heromedia-image-height: 572px;
  }
}

.hero-media-carousel {
  height: var(--heromedia-carousel-height);
  padding-left: 0;
}
.hero-media-carousel__content, .hero-media-carousel__item {
  height: auto;
}
@media (min-width: 64.063rem) {
  .hero-media-carousel__content, .hero-media-carousel__item {
    height: var(--heromedia-carousel-height);
  }
}
.hero-media-carousel__item {
  z-index: 1;
}
.hero-media-carousel__item::after {
  display: none;
}
.hero-media-carousel__title {
  padding: var(--space-xs);
  margin-bottom: var(--space-md);
  background-color: #FFFFFF;
  text-transform: uppercase;
}
@media (min-width: 64.063rem) {
  .hero-media-carousel__title {
    margin-bottom: var(--space-md);
  }
}
.hero-media-carousel__content .herobanner__image {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
  object-fit: cover;
  width: 100%;
  height: var(--heromedia-image-height);
  overflow: hidden;
}
.hero-media-carousel__content .herobanner__image:before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  display: inline-block;
}
.hero-media-carousel__content .herobanner__image img {
  position: absolute;
  top: 50%;
  left: 50%;
  object-fit: cover;
  transform: translate(-50%, -50%);
  z-index: -1;
  width: 100%;
  min-height: var(--heromedia-image-height);
}
.hero-media-carousel__content .herobanner__contentwrapper {
  background-color: transparent;
  padding: var(--space-xs) var(--space-sm);
  height: 100%;
  width: auto;
  max-width: calc(100% - 84px);
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (min-width: 64.063rem) {
  .hero-media-carousel__content .herobanner__contentwrapper {
    width: auto;
    max-width: 90%;
    padding: var(--space-xxs) var(--space-xs);
  }
}
.hero-media-carousel__content .herobanner__content {
  max-width: 100%;
  width: 100%;
  height: 100%;
}
@media (min-width: 64.063rem) {
  .hero-media-carousel__content .herobanner__content {
    padding: 0;
  }
}
.hero-media-carousel__content .herobanner__title {
  color: #FFFFFF;
  padding: 0;
  text-shadow: 0px 3px 10px rgba(17, 17, 17, 0.32);
  font-size: var(--text-xl);
  line-height: var(--line-height-xl);
  margin-bottom: var(--space-md);
}
@media (max-width: 40rem) {
  .hero-media-carousel__content .herobanner__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: calc(2 * var(--body-line-height) * var(--line-height-multiplier, 1) * 1em);
  }
}
.hero-media-carousel__content .herobanner__link {
  color: #2A2034;
}
@media (min-width: 64.063rem) {
  .hero-media-carousel.slideshow {
    min-height: var(--heromedia-carousel-height);
    height: var(--heromedia-carousel-height);
  }
}
.hero-media-carousel.slideshow .slideshow__control {
  bottom: auto;
  transform: none;
  z-index: 100;
}
.hero-media-carousel.slideshow .slideshow__control .slideshow__btn {
  --fill-icon: #2A2034;
  background-color: rgba(255, 255, 255, 0.64);
  border-radius: 0;
}
.hero-media-carousel.slideshow .slideshow__control .slideshow__btn:hover {
  background-color: #C8D41F;
}
.hero-media-carousel.slideshow .slideshow__item {
  width: 100%;
  height: calc(var(--heromedia-image-height) + 105px);
}
@media (min-width: 64.063rem) {
  .hero-media-carousel.slideshow .slideshow__item {
    height: var(--heromedia-carousel-height);
  }
}
.hero-media-carousel.slideshow .slideshow__item--selected {
  left: 0;
  z-index: 99;
}
@media (min-width: 64.063rem) {
  .hero-media-carousel.slideshow .slideshow__item--selected + .slideshow__item {
    left: 82%;
    visibility: visible;
  }
}
@media (min-width: 64.063rem) {
  .hero-media-carousel.slideshow .slideshow__item--selected + .slideshow__item img {
    visibility: visible;
  }
}
.hero-media-carousel.slideshow .slideshow__navigation {
  position: absolute;
  bottom: 0;
  z-index: 200;
}
.hero-media-carousel.slideshow .slideshow__nav-item {
  margin: 0 var(--space-xxxxs);
}
.hero-media-carousel.slideshow .slideshow__nav-item button {
  font-size: 9px;
  background-color: #FFFFFF;
  opacity: 0.6;
}
.hero-media-carousel.slideshow .slideshow__nav-item--selected button {
  background-color: #C8D41F;
  opacity: 1;
}
.hero-media-carousel.slideshow[data-swipe=on] .slideshow__control {
  display: block;
}

.banner-action {
  background-color: #C8D41F;
}
.banner-action--v2 {
  background-color: #B6CCA7;
}
.banner-action__content {
  padding: var(--space-xxxl) 0;
  text-align: center;
}
.banner-action__content > * {
  margin-bottom: var(--space-sm);
}
.banner-action__content > *:first-child {
  margin-top: 0;
}
.banner-action__content > *:last-child {
  margin-bottom: 0;
}
@media (min-width: 64.063rem) {
  .banner-action__content {
    padding: var(--space-md) 0;
  }
}
.banner-action__title {
  color: #FFFFFF;
  font-size: var(--text-md);
  line-height: var(--line-height-md);
}
.banner-action__text {
  color: #FFFFFF;
}
@media (min-width: 64.063rem) {
  .banner-action__text {
    font-size: var(--text-sm);
    line-height: var(--line-height-sm);
  }
}
.banner-action__text a, .banner-action__text a:visited, .banner-action__text a:active {
  text-decoration: underline;
  color: #FFFFFF;
}
.banner-action__text a:hover, .banner-action__text a:focus, .banner-action__text a:visited:hover, .banner-action__text a:visited:focus, .banner-action__text a:active:hover, .banner-action__text a:active:focus {
  color: #FFFFFF;
}
.banner-action__text a:focus, .banner-action__text a:visited:focus, .banner-action__text a:active:focus {
  outline-color: #FFFFFF;
}

.banner-catalogue {
  padding: var(--space-md) var(--space-xs);
  background-color: #FBFBDB;
}
.banner-catalogue .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 64.063rem) {
  .banner-catalogue .container {
    flex-direction: row;
  }
}
.banner-catalogue__content-left {
  padding-left: 34px;
}
@media (min-width: 64.063rem) {
  .banner-catalogue__content-left {
    padding-left: 100px;
  }
}
.banner-catalogue__content-middle {
  text-align: center;
  padding: 3% 0;
}
@media (min-width: 64.063rem) {
  .banner-catalogue__content-middle {
    padding: 0 3%;
    text-align: right;
  }
}
.banner-catalogue__content-middle img {
  filter: drop-shadow(0px 8px 16px rgba(17, 17, 17, 0.24));
  width: auto;
  max-width: initial;
}
@media (min-width: 64.063rem) {
  .banner-catalogue__content-right {
    padding-right: 2%;
  }
}
@media (max-width: 64.063rem) {
  .banner-catalogue__content-right {
    display: flex;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
  }
}
@media (max-width: 40rem) {
  .banner-catalogue__content-right {
    justify-content: space-around;
  }
}
.banner-catalogue__title {
  color: inherit;
  font-family: var(--font-primary-bold);
  font-size: var(--text-xl);
  line-height: var(--line-height-xl);
  position: relative;
}
@media (min-width: 64.063rem) {
  .banner-catalogue__title {
    font-size: var(--text-xl);
    line-height: var(--line-height-xl);
  }
}
.banner-catalogue__title:before {
  content: "";
  width: 24px;
  height: 6px;
  border-radius: 6px;
  background-color: black;
  position: absolute;
  left: -34px;
  top: calc(var(--line-height-xl) / 2 + 6px);
}
@media (min-width: 64.063rem) {
  .banner-catalogue__title:before {
    width: 80px;
    left: -100px;
  }
}
.banner-catalogue__smalltext {
  color: #2A2034;
  font-size: var(--text-xxs);
  line-height: var(--line-height-xs);
  padding-top: var(--space-xs);
  max-width: 190px;
}
@media (max-width: 64.063rem) {
  .banner-catalogue__smalltext {
    padding-left: var(--space-md);
  }
}
.banner-catalogue .button-download {
  border: 2px solid #2A2034;
  border-radius: 16px;
  color: #2A2034;
  text-decoration: none;
  padding: var(--space-xs) var(--space-sm);
  display: inline-flex;
  flex-direction: column;
}
.banner-catalogue .button-download__title {
  font-family: var(--font-primary-bold);
  font-size: var(--text-sm);
}
.banner-catalogue .button-download__datafile {
  font-family: var(--font-primary-bold);
  font-size: var(--text-xxxs);
}

.banner-popup {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: var(--zindex-overlay);
  max-width: 400px;
  background-color: #FFFFFF;
  box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.25);
}
@media (min-width: 40rem) {
  .banner-popup {
    bottom: var(--space-sm);
    right: var(--space-sm);
  }
  .banner-popup--bottom-left {
    bottom: var(--space-sm);
    left: var(--space-sm);
    right: auto;
  }
  .banner-popup--top-left {
    top: var(--space-sm);
    left: var(--space-sm);
    bottom: auto;
    right: auto;
  }
  .banner-popup--top-right {
    top: var(--space-sm);
    right: var(--space-sm);
    bottom: auto;
    left: auto;
  }
}
.banner-popup__content {
  padding: var(--space-md) 0;
  max-height: 100vh;
  overflow-y: auto;
}
.banner-popup__delete {
  position: absolute;
  right: 0;
  background-color: transparent;
  border: 1px solid transparent;
  cursor: pointer;
}
.banner-popup__delete .btn {
  padding: var(--space-xxs);
  cursor: pointer;
}
.banner-popup__title {
  margin: var(--space-xs) 0;
}

.banner-phaser {
  background-color: #C8D41F;
}
.banner-phaser--hidden {
  display: none;
}
.banner-phaser__content {
  padding: var(--space-xxs) 0;
  background-color: transparent;
}
.banner-phaser__content-container {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
}
@media (min-width: 64.063rem) {
  .banner-phaser__content-container {
    flex-direction: row;
    align-items: center;
  }
}
.banner-phaser__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 64.063rem) {
  .banner-phaser__text {
    flex-direction: row;
  }
}
.banner-phaser__title {
  color: #FFFFFF;
}
@media (min-width: 64.063rem) {
  .banner-phaser__title {
    margin-left: var(--space-xs);
  }
}
.banner-phaser__badge {
  font-family: var(--font-primary-bold, "Arial", sans-serif);
  padding: var(--space-xxxs) var(--space-xxs);
  background-color: #FFFFFF;
  text-transform: uppercase;
}
@media (max-width: 64.063rem) {
  .banner-phaser__badge {
    margin-bottom: var(--space-xs);
  }
}
.banner-phaser__delete {
  --fill-icon: #FFFFFF;
  position: static;
  right: auto;
  margin-left: auto;
}
@media (max-width: 64.063rem) {
  .banner-phaser__delete {
    position: absolute;
    top: var(--space-xs);
    right: var(--space-xs);
    align-self: baseline;
  }
}
.banner-phaser .link {
  font-family: var(--font-primary-bold, "Arial", sans-serif);
}
.banner-phaser--bottom {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: var(--zindex-fixed-element);
}

.banner-action--v2 {
  background-color: #67840E;
}
.banner-action--v2 .banner-action__title {
  color: #FFFFFF;
}
.banner-action--v2 .banner-action__text {
  color: #FFFFFF;
}
.banner-action__title {
  color: #2A2034;
}
.banner-action__text {
  color: #2A2034;
}
@media (min-width: 64.063rem) {
  .banner-action__text {
    font-size: var(--text-sm);
    line-height: var(--line-height-md);
  }
}

/* --------------------------------

Title: Avatar
Descr: A user profile image component

-------------------------------- */
:root {
  --avatar-sm: 2em;
  --avatar-md: 3.5em;
  --avatar-lg: 5em;
}

.avatar {
  font-size: 5em;
  position: relative;
}
.avatar__figure {
  position: relative;
  width: 1em;
  height: 0;
  padding-bottom: 1em;
  border-radius: 50%;
  overflow: hidden;
  background-color: #3B3B3B;
}
.avatar__img, .avatar__placeholder {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  object-fit: cover;
}
.avatar__placeholder {
  fill: transparent;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.5em;
  height: 0.5em;
}
.avatar--btn {
  cursor: pointer;
}
.avatar--sm {
  font-size: var(--avatar-sm);
}
.avatar--md {
  font-size: var(--avatar-md);
}
.avatar--lg {
  font-size: var(--avatar-lg);
}

.section-h2__title {
  position: relative;
}
.section-h2__title::before {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 56px;
  height: 3.5px;
  background-color: #C8D41F;
}
@media (min-width: 64.063rem) {
  .section-h2__title::before {
    bottom: -16px;
    width: 80px;
    height: 4.5px;
  }
}

.section-h2__title {
  text-align: left;
  left: 0;
  padding-left: 40px;
  top: calc(50% - 24px);
}
@media (min-width: 64.063rem) {
  .section-h2__title {
    top: calc(50% - 24px);
    padding-left: 56px;
  }
}
.section-h2__title::before {
  transform: none;
  left: 0;
  top: calc(50% - 2px);
  width: 20px;
  height: 4px;
}
@media (min-width: 64.063rem) {
  .section-h2__title::before {
    width: 40px;
    height: 6px;
    top: calc(50% - 3px + 1px);
  }
}

.section-h3__title {
  position: relative;
}
.section-h3__title::before {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 56px;
  height: 3.5px;
  background-color: #B6CCA7;
}
@media (min-width: 64.063rem) {
  .section-h3__title::before {
    bottom: -16px;
    width: 80px;
    height: 4.5px;
  }
}

:root {
  --banner-content-bg-height: 300px;
  --banner-content-block-height: 300px;
}
@media (min-width: 64.063rem) {
  :root {
    --banner-content-bg-height: 600px;
    --banner-content-block-height: 600px;
  }
}

.banner-content {
  position: relative;
}
.banner-content__bg {
  min-height: var(--banner-content-bg-height);
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-content__content {
  position: relative;
  padding: var(--space-md);
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  background-color: #C8D41F;
  min-height: var(--banner-content-block-height);
}
.banner-content__title {
  margin-bottom: var(--space-sm);
  font-size: var(--text-xl);
  line-height: var(--line-height-xl);
  background-color: transparent;
  color: #FFFFFF;
}
.banner-content__text {
  margin-bottom: var(--space-md);
  color: #FFFFFF;
}
@media (min-width: 64.063rem) {
  .banner-content__text {
    font-size: var(--text-xs);
  }
}
.banner-content__text a, .banner-content__text a:visited, .banner-content__text a:active {
  text-decoration: underline;
  color: #FFFFFF;
}
.banner-content__text a:hover, .banner-content__text a:focus, .banner-content__text a:visited:hover, .banner-content__text a:visited:focus, .banner-content__text a:active:hover, .banner-content__text a:active:focus {
  color: #FFFFFF;
}
.banner-content__text a:focus, .banner-content__text a:visited:focus, .banner-content__text a:active:focus {
  outline-color: #FFFFFF;
}
.banner-content__actions {
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(-1 * var(--space-sm));
  margin-bottom: calc(-1 * var(--space-sm));
}
.banner-content__actions > .btn {
  margin-left: calc(var(--space-sm));
  margin-bottom: calc(var(--space-sm));
}
@media (min-width: 40rem) {
  .banner-content--image-right .grid > *:first-child {
    order: 1;
  }
}

.banner-content__title {
  font-size: var(--text-lg);
  line-height: var(--line-height-lg);
  color: #2A2034;
}
.banner-content__text {
  color: #2A2034;
}
@media (min-width: 64.063rem) {
  .banner-content__text {
    font-size: var(--text-sm);
    line-height: var(--line-height-md);
  }
}
.banner-content__text a, .banner-content__text a:visited, .banner-content__text a:active {
  text-decoration: underline;
  color: #2A2034;
}
.banner-content__text a:hover, .banner-content__text a:focus, .banner-content__text a:visited:hover, .banner-content__text a:visited:focus, .banner-content__text a:active:hover, .banner-content__text a:active:focus {
  color: #2A2034;
}
.banner-content__text a:focus, .banner-content__text a:visited:focus, .banner-content__text a:active:focus {
  outline-color: #2A2034;
}

/* --------------------------------

Title: Table
Descr: Basic table template

-------------------------------- */
.table {
  --space-unit: 1rem;
  --space-xxxxs: calc(0.125 * 1rem);
  --space-xxxs: calc(0.25 * 1rem);
  --space-xxs: calc(0.375 * 1rem);
  --space-xs: calc(0.5 * 1rem);
  --space-sm: calc(0.75 * 1rem);
  --space-md: calc(1.25 * 1rem);
  --space-lg: calc(2 * 1rem);
  --space-xl: calc(3.25 * 1rem);
  --space-xxl: calc(5.25 * 1rem);
  --space-xxxl: calc(8.5 * 1rem);
  --space-xxxxl: calc(13.75 * 1rem);
  --component-padding: var(--space-md);
  position: relative;
  z-index: 1;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.table::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}
.table::-webkit-scrollbar-track {
  background-color: #FBFBFB;
}
.table::-webkit-scrollbar-thumb {
  background-color: #DBDBDB;
  border-radius: 20px;
}
.table__table {
  width: 100%;
}
.table__header {
  background-color: #C8D41F;
}
.table__header .table__cell {
  color: #FFFFFF;
  font-family: var(--font-primary-bold, "Arial", sans-serif);
}
.table__body .table__row {
  transition: 0.2s;
}
.table__body .table__row:nth-child(even) {
  background-color: #FBFBFB;
}
.table__body .table__cell[scope=row] {
  background-color: #C8D41F;
  color: #FFFFFF;
  font-family: var(--font-primary-bold, "Arial", sans-serif);
}
.table__cell {
  padding: var(--space-md);
}
@media (max-width: 64.063rem) {
  .table__cell {
    white-space: nowrap;
  }
}
.table__footer .table__cell[scope=row] {
  background-color: #C8D41F;
  color: #FFFFFF;
  font-family: var(--font-primary-bold, "Arial", sans-serif);
}
.table__table--bordered {
  border: 1px solid #C8D41F;
}
.table__table--bordered .table__header {
  background-color: #FBFBDB;
  border-bottom: 1px solid #C8D41F;
}
.table__table--bordered .table__header .table__cell {
  color: #3B3B3B;
}
.table__table--bordered .table__header .table__cell:not(:last-child) {
  border-right: 1px solid #C8D41F;
}
.table__table--bordered .table__row:nth-child(odd):not(:first-child) {
  background-color: #FFFFFF;
}
.table__table--bordered .table__body .table__row .table__cell {
  border-bottom: 1px solid #C8D41F;
}
.table__table--bordered .table__body .table__row .table__cell:not(:last-child) {
  border-right: 1px solid #C8D41F;
}
.table__table--bordered .table__body .table__cell[scope=row] {
  background-color: #C8D41F;
  color: #FFFFFF;
  font-family: var(--font-primary-bold, "Arial", sans-serif);
}
.table__table--bordered .table__footer {
  background-color: #DBDBDB;
}
.table__table--bordered .table__footer .table__cell:not(:last-child) {
  border-right: 1px solid #C8D41F;
}

/* --------------------------------

Title: Alert
Descr: Feedback message

-------------------------------- */
.alert {
  padding: var(--space-xs) var(--space-sm);
  background-color: #EDF9FC;
  border-left: 8px solid #7CD1EF;
  position: absolute;
  clip-path: inset(50%);
}
.alert__link {
  color: inherit;
  text-decoration: underline;
}
.alert__close-btn {
  display: inline-block;
  flex-shrink: 0;
  margin-left: var(--space-sm);
  cursor: pointer;
}
.alert__close-btn .icon {
  display: block;
}
.alert--success {
  background-color: #DFEEC8;
  border-color: #B9DF90;
}
.alert--error {
  background-color: #F4D3CD;
  border-color: #F2838F;
}
.alert--warning {
  background-color: #FFEFCE;
  border-color: #FFDD87;
}
.alert--is-visible {
  position: static;
  clip-path: none;
}

.message-cookies {
  --space-unit: 1rem;
  --space-xxxxs: calc(0.125 * 1rem);
  --space-xxxs: calc(0.25 * 1rem);
  --space-xxs: calc(0.375 * 1rem);
  --space-xs: calc(0.5 * 1rem);
  --space-sm: calc(0.75 * 1rem);
  --space-md: calc(1.25 * 1rem);
  --space-lg: calc(2 * 1rem);
  --space-xl: calc(3.25 * 1rem);
  --space-xxl: calc(5.25 * 1rem);
  --space-xxxl: calc(8.5 * 1rem);
  --space-xxxxl: calc(13.75 * 1rem);
  --component-padding: var(--space-md);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: var(--zindex-fixed-element);
  background-color: #3B3B3B;
  transition: opacity 0.35s, visibility 0.35s;
}
.message-cookies__banner {
  padding: var(--space-md) 0;
  transition: transform 0.35s;
}
@media (min-width: 40rem) {
  .message-cookies__banner {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .message-cookies__banner > * {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.message-cookies__text {
  margin-bottom: var(--space-md);
  color: #FFFFFF;
}
@media (min-width: 64.063rem) {
  .message-cookies__text {
    margin-right: var(--space-md);
    margin-bottom: 0;
  }
}
.message-cookies__text a {
  color: #FFFFFF;
}
.message-cookies__text a:hover, .message-cookies__text a:active, .message-cookies__text a:visited {
  outline: 0;
  color: #FFFFFF;
}
.message-cookies__text a:focus {
  outline: 1px solid white;
}
.message-cookies--hide {
  opacity: 0;
  visibility: hidden;
}
.message-cookies--hide .message-cookies__banner {
  transform: translateY(-20%);
}

/* --------------------------------

Title: Circle Loader
More Info: https://codyhouse.co/ds/components/app/circle-loader

-------------------------------- */
:root {
  --circle-loader-v1-size: 48px;
  --circle-loader-v1-stroke-width: 4px;
}

.circle-loader {
  margin: var(--space-xs) 0;
  display: inline-block;
}

@supports (animation-name: this) {
  .circle-loader--v1 {
    transform: rotate(45deg);
    will-change: transform;
    animation: circle-loader-1 0.75s infinite ease-in-out;
  }
  .circle-loader--v1 .circle-loader__circle {
    width: var(--circle-loader-v1-size);
    height: var(--circle-loader-v1-size);
    border-width: var(--circle-loader-v1-stroke-width);
    border-style: solid;
    border-color: rgba(200, 212, 31, 0.2);
    border-radius: 50%;
  }
  .circle-loader--v1 .circle-loader__circle::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-width: inherit;
    border-style: inherit;
    border-color: transparent;
    border-top-color: #C8D41F;
    border-radius: inherit;
  }
}
@keyframes circle-loader-1 {
  0% {
    transform: rotate(45deg);
  }
  100% {
    transform: rotate(405deg);
  }
}
.message {
  --space-unit: 1rem;
  --space-xxxxs: calc(0.125 * 1rem);
  --space-xxxs: calc(0.25 * 1rem);
  --space-xxs: calc(0.375 * 1rem);
  --space-xs: calc(0.5 * 1rem);
  --space-sm: calc(0.75 * 1rem);
  --space-md: calc(1.25 * 1rem);
  --space-lg: calc(2 * 1rem);
  --space-xl: calc(3.25 * 1rem);
  --space-xxl: calc(5.25 * 1rem);
  --space-xxxl: calc(8.5 * 1rem);
  --space-xxxxl: calc(13.75 * 1rem);
  --component-padding: var(--space-md);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: var(--zindex-fixed-element);
  background-color: #60824A;
  transition: opacity 0.35s, visibility 0.35s;
}
.message__banner {
  padding: var(--space-md) 0;
  transition: transform 0.35s;
}
.message__title {
  margin-bottom: var(--space-sm);
  color: #FFFFFF;
}
.message__text {
  margin-bottom: var(--space-md);
  color: #FFFFFF;
}
.message__hide-control {
  --fill-icon: #FFFFFF;
  position: absolute;
  top: var(--space-sm);
  right: var(--space-sm);
}
.message--hide {
  opacity: 0;
  visibility: hidden;
}
.message--hide .message__banner {
  transform: translateY(-20%);
}

.message {
  background-color: #FBFBDB;
}
.message__title {
  color: #2A2034;
}
.message__text {
  color: #2A2034;
}
.message__hide-control {
  --fill-icon: #2A2034;
}

/* --------------------------------

Title: Accordion
Descr: Create stacked sections of content and allow the user to expand/collapse them

-------------------------------- */
:root {
  --accordion-border-width: 1px;
  --accordion-border-color: #DBDBDB;
  --accordion-icon-size: 1em;
  --accordion-icon-stroke-width: 1.5px;
}

.accordion__item {
  border-style: solid;
  border-color: var(--accordion-border-color);
  border-bottom-width: var(--accordion-border-width);
}
.accordion__item:first-child {
  border-top-width: 0;
}
.accordion__item--is-open .accordion__item-title {
  color: #2A2034;
}
.accordion__item--is-open > .accordion__header > .accordion__icon-arrow .icon__group > *:first-child {
  transform: translateY(-3px) rotate(-90deg);
}
.accordion__item--is-open > .accordion__header > .accordion__icon-arrow .icon__group > *:last-child {
  transform: translateY(-3px) rotate(90deg);
}
.accordion__item--is-open > .accordion__header > .accordion__icon-arrow-v2 .icon__group {
  transform: rotate(-90deg);
}
.accordion__item--is-open > .accordion__header > .accordion__icon-arrow-v2 .icon__group > *:first-child, .accordion__item--is-open > .accordion__header > .accordion__icon-arrow-v2 .icon__group *:last-child {
  stroke-dashoffset: 0;
  transform: translateY(0px);
}
.accordion__item--is-open > .accordion__header > .accordion__icon-plus .icon__group {
  transform: rotate(0);
}
.accordion__item--is-open > .accordion__header > .accordion__icon-plus .icon__group > *:first-child {
  transform: rotate(0);
}
.accordion__item--is-open > .accordion__panel {
  display: block;
}
.accordion__item-title {
  font-size: var(--text-xs);
  color: #868686;
}
.accordion__header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  cursor: pointer;
}
.accordion__header .icon {
  font-size: var(--accordion-icon-size);
}
.accordion__header .icon__group {
  stroke-width: var(--accordion-icon-stroke-width);
}
.accordion__header:hover, .accordion__header:focus {
  color: #C8D41F;
}
.accordion__header:hover .accordion__item-title, .accordion__header:focus .accordion__item-title {
  color: #C8D41F;
}
.accordion__icon-arrow .icon__group, .accordion__icon-arrow-v2 .icon__group, .accordion__icon-plus .icon__group {
  will-change: transform;
  transform-origin: 8px 8px;
}
.accordion__icon-arrow .icon__group > *, .accordion__icon-arrow-v2 .icon__group > *, .accordion__icon-plus .icon__group > * {
  transform-origin: 8px 8px;
}
.accordion__icon-arrow .icon__group > *, .accordion__icon-arrow-v2 .icon__group > * {
  stroke-dasharray: 17;
  transform: translateY(3px);
}
.accordion__icon-arrow .icon__group > *:first-child, .accordion__icon-arrow-v2 .icon__group > *:first-child {
  stroke-dashoffset: 8.5;
}
.accordion__icon-arrow .icon__group > *:last-child, .accordion__icon-arrow-v2 .icon__group > *:last-child {
  stroke-dashoffset: 8.5;
}
.accordion__icon-plus .icon__group {
  transform: rotate(-90deg);
}
.accordion__icon-plus .icon__group > *:first-child {
  transform: rotate(-90deg);
}
.accordion__panel {
  display: none;
  will-change: height;
  transform: translateZ(0px);
}
.accordion[data-animation=on] .accordion__item--is-open .accordion__panel > * {
  animation: accordion-entry-animation 0.25s;
}
.accordion[data-animation=on] .accordion__icon-arrow .icon__group,
.accordion[data-animation=on] .accordion__icon-arrow-v2 .icon__group,
.accordion[data-animation=on] .accordion__icon-plus .icon__group {
  transition: transform 0.25s;
}
.accordion[data-animation=on] .accordion__icon-arrow .icon__group > *,
.accordion[data-animation=on] .accordion__icon-arrow-v2 .icon__group > *,
.accordion[data-animation=on] .accordion__icon-plus .icon__group > * {
  transition: transform 0.25s, stroke-dashoffset 0.25s;
}
@keyframes accordion-entry-animation {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0px);
  }
}

/* --------------------------------

Title: Tabs
Descr: A list of content sections (panels), accessible one at a time using control labels

-------------------------------- */
:root {
  --tabs-border-width: 1px;
  --tabs-radius: 0;
  --tabs-control-gap: 2px;
  --tabs-control-radius: 0;
}

.tabs {
  padding: 0;
  border: none;
  background-color: transparent;
}
.tabs__controls {
  display: flex;
  overflow-x: auto;
  margin-bottom: 0;
}
@media (max-width: 64.063rem) {
  .tabs__controls {
    overflow-y: hidden;
  }
}
.tabs__controls li {
  margin-top: 0;
  margin-left: calc(-1 * var(--tabs-border-width));
  margin-right: var(--tabs-control-gap);
  margin-bottom: 0;
}
.tabs__controls li:first-child {
  margin-left: 0;
}
.tabs__controls li:first-child a {
  border-radius: var(--tabs-radius) var(--tabs-control-radius) 0 0;
}
.tabs__controls li:last-child a {
  border-radius: var(--tabs-control-radius) var(--tabs-radius) 0 0;
}
.tabs__control {
  position: relative;
  text-decoration: none;
  display: inline-flex;
  background-color: #FFFFFF;
  padding: var(--space-xs) var(--space-sm);
  white-space: nowrap;
  color: #3B3B3B;
  height: 100%;
  border: var(--tabs-border-width) solid transparent;
  border-right: var(--tabs-border-width) solid #DBDBDB;
  border-bottom-width: 0;
  border-radius: var(--tabs-control-radius) var(--tabs-control-radius) 0 0;
  transition: background-color 0.25s;
}
.tabs__control::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: calc(-1 * var(--tabs-border-width));
  width: 100%;
  height: var(--tabs-border-width);
  background-color: #FFFFFF;
  z-index: 1;
  border-right: 1px solid #DBDBDB;
}
.tabs__control:focus {
  outline: 2px solid #3B3B3B;
}
.tabs__control:hover {
  background-color: #67840E;
  color: #FFFFFF;
}
.tabs__control[aria-selected=true] {
  border-color: #DBDBDB;
  border-bottom: none;
  background-color: #C8D41F;
  color: #FFFFFF;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.tabs__control[aria-disabled=true] {
  background-color: #FBFBFB;
  color: #BBBBBB;
}
.tabs__panels {
  border: var(--tabs-border-width) solid #DBDBDB;
  border-radius: 0 var(--tabs-radius) var(--tabs-radius) var(--tabs-radius);
  background-color: #FFFFFF;
}
.tabs__panel {
  margin-bottom: 0;
  padding: var(--space-sm);
}
.tabs--vertical {
  display: flex;
}
.tabs--vertical .tabs__controls {
  flex-direction: column;
  min-width: fit-content;
}
.tabs--vertical .tabs__controls li:last-child a {
  border-radius: var(--tabs-control-radius) var(--tabs-radius) 0 0;
  border-bottom: 2px solid #DBDBDB;
}
.tabs--vertical .tabs__control {
  width: 100%;
  border-right-width: 0;
  border-bottom: var(--tabs-border-width) solid #DBDBDB;
}
.tabs--vertical .tabs__control[aria-selected=true] {
  border-left: 2px solid #DBDBDB;
}
.tabs--vertical .tabs__control::after {
  height: 0;
}
.tabs--vertical .tabs__control span {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 100%;
  overflow-x: hidden;
}
.tabs--vertical li:last-child .tabs__control {
  border-bottom-width: 0;
}
.tabs--vertical li:last-child .tabs__control::after {
  height: var(--tabs-border-width);
}
.tabs--vertical .tabs__panels {
  display: flex;
  width: 100%;
}
.tabs--vertical .tabs__panel {
  width: 100%;
}

:root {
  --box-feature-bg-height: 300px;
  --box-feature-block-height: 300px;
}
@media (min-width: 64.063rem) {
  :root {
    --box-feature-bg-height: 450px;
    --box-feature-block-height: 450px;
  }
}

.box-feature {
  position: relative;
}
.box-feature__bg {
  min-height: var(--box-feature-bg-height);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.box-feature__content {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: transparent;
  min-height: var(--box-feature-block-height);
}
@media (min-width: 64.063rem) {
  .box-feature__content {
    justify-content: center;
  }
}
.box-feature--no-height-fixed {
  --box-feature-bg-height: 0;
  --box-feature-block-height: 0;
}
.box-feature__title {
  margin-bottom: var(--space-xxs);
  background-color: transparent;
}
.box-feature__actions {
  margin-top: var(--space-xs);
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(-1 * var(--space-sm));
  margin-bottom: calc(-1 * var(--space-sm));
}
.box-feature__actions > .btn {
  margin-left: calc(var(--space-sm));
  margin-bottom: calc(var(--space-sm));
}
.box-feature .colored-side {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.box-icon {
  position: relative;
}
.box-icon a {
  display: flex;
}
.box-icon__content {
  position: relative;
  padding: var(--space-xxs);
  display: inline-flex;
  justify-content: center;
  height: 100%;
}
.box-icon__title {
  margin-bottom: var(--space-xxs);
  background-color: transparent;
}
.box-icon__text {
  margin-bottom: var(--space-xs);
  color: #2A2034;
}
.box-icon__actions {
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(-1 * var(--space-sm));
  margin-bottom: calc(-1 * var(--space-sm));
}
.box-icon__actions > .btn {
  margin-left: calc(var(--space-sm));
  margin-bottom: calc(var(--space-sm));
}
.box-icon__icon-wrapper {
  margin-right: var(--space-xs);
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  --fill-icon: #3B3B3B;
}
.box-icon__icon-wrapper > * {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.box-icon__icon-wrapper.icon--color-primary {
  --fill-icon: #C8D41F;
}
.box-icon__icon-wrapper.icon--color-secondary {
  --fill-icon: #B6CCA7;
}
.box-icon__icon-wrapper.icon--color-white {
  --fill-icon: #FFFFFF;
}
.box-icon__icon-wrapper.icon--color-darkgrey {
  --fill-icon: #3B3B3B;
}
.box-icon--vertical .box-icon__content {
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.box-icon--vertical .box-icon__icon-wrapper {
  margin-right: 0;
  margin-bottom: var(--space-xs);
  width: 60px;
  height: 60px;
}
.box-icon--icon-right .box-icon__title-wrapper {
  padding-bottom: var(--space-sm);
  position: relative;
  display: flex;
  align-items: center;
}
.box-icon--icon-right .box-icon__title-wrapper::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background-color: #BBBBBB;
}
.box-icon--icon-right .box-icon__link:hover .box-icon__title-wrapper:before,
.box-icon--icon-right .box-icon__link:focus .box-icon__title-wrapper:before {
  background-color: #C8D41F;
}
.box-icon--icon-right .box-icon__link:hover .box-icon__image,
.box-icon--icon-right .box-icon__link:focus .box-icon__image {
  --fill-icon: #C8D41F;
}
.box-icon--icon-right .box-icon__title {
  margin-right: var(--space-xs);
  margin-bottom: 0;
  font-family: var(--font-primary-bold, "Arial", sans-serif);
}
.box-icon--icon-right img {
  max-height: 25px;
}
.box-icon--icon-right .box-icon__content {
  display: block;
  height: auto;
}
.box-icon--icon-right .box-icon__text {
  margin-top: var(--space-sm);
}

.box-icon__icon-wrapper {
  --fill-icon: #C8D41F;
}

:root {
  --card-category-bg-height: 137px;
  --card-category-block-height: 192px;
}
@media (min-width: 64.063rem) {
  :root {
    --card-category-bg-height: 200px;
    --card-category-block-height: 280px;
  }
}

.card-category {
  position: relative;
  height: 100%;
  border: 1px solid #DBDBDB;
  border-radius: 4px;
  transition: box-shadow 0.3s ease-out;
}
.card-category:hover {
  box-shadow: 0px 8px 16px rgba(17, 17, 17, 0.24);
}
.card-category a {
  z-index: 1;
}
.card-category__bg {
  background-position: center;
  background-size: cover;
}
.card-category__content {
  padding: var(--space-sm);
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
}
.card-category__title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: calc(2 * var(--body-line-height) * var(--line-height-multiplier, 1) * 1em);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: var(--space-xxxs);
  max-width: var(--max-width-xxs);
  font-size: var(--text-xs);
  line-height: var(--line-height-sm);
  text-align: center;
  background-color: transparent;
}
@media (min-width: 64.063rem) {
  .card-category__title {
    font-size: var(--text-sm);
  }
}
.card-category__title a {
  position: static;
}
.card-category__title a::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.card-category__title a, .card-category__title a:visited, .card-category__title a:active {
  text-decoration: none;
  color: #3B3B3B;
  outline-offset: -1px;
  transition: text-decoration 0.3s ease-out;
}
.card-category__title a:hover, .card-category__title a:focus, .card-category__title a:visited:hover, .card-category__title a:visited:focus, .card-category__title a:active:hover, .card-category__title a:active:focus {
  color: #3B3B3B;
}
.card-category__title a:hover, .card-category__title a:visited:hover, .card-category__title a:active:hover {
  text-decoration: underline;
}
.card-category__title a:focus, .card-category__title a:visited:focus, .card-category__title a:active:focus {
  outline-offset: -1px;
  outline-style: solid;
  outline-color: black;
}

.card-file {
  position: relative;
  height: 100%;
  border: 1px solid #DBDBDB;
  transition: box-shadow 0.3s ease-out;
}
.card-file:hover {
  box-shadow: 0px 8px 16px rgba(17, 17, 17, 0.24);
}
.card-file--news {
  border: none;
  transition: none;
}
.card-file--news:hover {
  box-shadow: none;
}
.card-file--news .card-file__content {
  padding: 0;
}
.card-file a {
  z-index: 1;
}
.card-file__content {
  display: flex;
  padding: var(--space-xs);
}
.card-file__icon {
  display: flex;
  margin-right: var(--space-xs);
}
.card-file__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.card-file__text > *:last-child {
  margin-bottom: 0;
}
.card-file__title {
  margin-bottom: var(--space-xxxs);
  max-width: var(--max-width-xxs);
}
.card-file__title a::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.card-file__title a, .card-file__title a:visited, .card-file__title a:active {
  text-decoration: none;
  color: #2A2034;
  transition: text-decoration 0.3s ease-out;
}
.card-file__title a:hover, .card-file__title a:focus, .card-file__title a:visited:hover, .card-file__title a:visited:focus, .card-file__title a:active:hover, .card-file__title a:active:focus {
  color: #2A2034;
  text-decoration: underline;
}
.card-file__date {
  display: block;
  margin-bottom: var(--space-xxs);
  font-size: var(--text-xxs);
  color: #868686;
}
.card-file__description {
  margin-bottom: var(--space-xs);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: calc(3 * var(--body-line-height) * var(--line-height-multiplier, 1) * 1em);
}

:root {
  --banner-cta-get-involved-height: 430px;
}
@media (min-width: 64.063rem) {
  :root {
    --banner-cta-get-involved-height: 624px;
  }
}

.card-section {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  min-height: var(--banner-cta-get-involved-height);
  transition: 0.25s;
  z-index: 1;
  transition: box-shadow 0.3s ease-out;
}
.card-section::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(59, 59, 59, 0.3);
}
.card-section:hover {
  box-shadow: 0px 8px 16px rgba(17, 17, 17, 0.24);
}
.card-section--overlay .card-section__bg::before {
  content: "";
  box-shadow: inset 0 0 0 100vw rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.card-section a {
  z-index: 1;
}
.card-section__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.card-section__content {
  padding: var(--space-sm);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  z-index: 2;
}
.card-section__title {
  margin-bottom: var(--space-xxxxs);
  padding: var(--space-xxxs) var(--space-xs);
  text-align: center;
  font-size: var(--text-xl);
  background-color: transparent;
  color: #FFFFFF;
}
.card-section__title a {
  position: static;
}
.card-section__title a::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.card-section__title a, .card-section__title a:visited, .card-section__title a:active {
  text-decoration: none;
  color: #FFFFFF;
}
.card-section__title a:hover, .card-section__title a:focus, .card-section__title a:visited:hover, .card-section__title a:visited:focus, .card-section__title a:active:hover, .card-section__title a:active:focus {
  color: #FFFFFF;
}
.card-section__title a:focus, .card-section__title a:visited:focus, .card-section__title a:active:focus {
  outline-color: #FFFFFF;
}
.card-section__text {
  margin-bottom: var(--space-xs);
  font-size: var(--text-xs);
  color: #FFFFFF;
  text-align: center;
}
.card-section__text a, .card-section__text a:visited, .card-section__text a:active {
  text-decoration: underline;
  color: #FFFFFF;
}
.card-section__text a:hover, .card-section__text a:focus, .card-section__text a:visited:hover, .card-section__text a:visited:focus, .card-section__text a:active:hover, .card-section__text a:active:focus {
  color: #FFFFFF;
}
.card-section__text a:focus, .card-section__text a:visited:focus, .card-section__text a:active:focus {
  outline-color: #FFFFFF;
}

:root {
  --card-news-bg-height: 200px;
  --card-news-block-height: 300px;
}
@media (min-width: 64.063rem) {
  :root {
    --card-news-bg-height: 250px;
    --card-news-block-height: 450px;
  }
}

.card-news {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  border: 1px solid #DBDBDB;
  transition: box-shadow 0.3s ease-out;
}
.card-news:hover {
  box-shadow: 0px 8px 16px rgba(17, 17, 17, 0.24);
}
.card-news a {
  z-index: 1;
}
.card-news--horizontal {
  flex-direction: row;
  border: none;
}
.card-news--horizontal:hover {
  box-shadow: none;
}
@media (max-width: 64.063rem) {
  .card-news--horizontal {
    --card-news-bg-height: 150px;
  }
  .card-news--horizontal .card-news__bg {
    background-position-y: top;
    background-repeat: no-repeat;
    background-size: 100%;
  }
}
.card-news--horizontal .card-news__bg {
  min-height: var(--card-news-bg-height);
}
.card-news--horizontal .card-news__bg-wrapper img {
  height: auto;
}
.card-news--horizontal .card-news__bg-wrapper.is-hidden + .card-news__content-wrapper .card-news__content {
  padding: 0 0 var(--space-sm) 0;
}
.card-news--horizontal .card-news__bg-wrapper.is-hidden + .card-news__content-wrapper .card-news__content .card-news__title {
  max-width: initial;
}
.card-news--horizontal .card-news__content-wrapper {
  display: block;
}
.card-news--horizontal .card-news__content {
  padding-top: 0;
  justify-content: flex-start;
}
.card-news--search-result {
  display: inline-flex;
  border: none;
}
.card-news--search-result:hover {
  box-shadow: none;
}
.card-news--search-result .card-news__bg-wrapper {
  display: none;
}
.card-news--search-result .card-news__content {
  padding-top: 0;
  padding-left: 0;
}
.card-news__bg {
  background-position: center;
  background-size: cover;
}
.card-news__content {
  padding: var(--space-sm);
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.card-news__content-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.card-news__title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: calc(2 * var(--body-line-height) * var(--line-height-multiplier, 1) * 1em);
  margin-bottom: var(--space-xxxs);
  max-width: var(--max-width-xxs);
  font-size: var(--text-sm);
  line-height: var(--line-height-sm);
  background-color: transparent;
}
.card-news__title a {
  position: static;
}
.card-news__title a::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.card-news__title a, .card-news__title a:visited, .card-news__title a:active {
  text-decoration: none;
  color: #2A2034;
  outline-offset: -1px;
  transition: text-decoration 0.3s ease-out;
}
.card-news__title a:hover, .card-news__title a:focus, .card-news__title a:visited:hover, .card-news__title a:visited:focus, .card-news__title a:active:hover, .card-news__title a:active:focus {
  color: #2A2034;
}
.card-news__title a:hover, .card-news__title a:visited:hover, .card-news__title a:active:hover {
  text-decoration: underline;
}
.card-news__title a:focus, .card-news__title a:visited:focus, .card-news__title a:active:focus {
  outline-offset: -1px;
  outline-style: solid;
  outline-color: black;
}
.card-news__date {
  display: block;
  margin-bottom: var(--space-xxs);
  font-size: 0.875em;
  color: #868686;
}
.card-news__text {
  margin-bottom: var(--space-xs);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: calc(3 * var(--body-line-height) * var(--line-height-multiplier, 1) * 1em);
}
.card-news__actions {
  display: flex;
  flex-wrap: wrap;
  margin-top: auto;
}

.type-icti_base_card_service {
  height: 100%;
}

.card-news:hover {
  border-color: #BBBBBB;
}
.card-news a {
  color: #67840E;
}
.card-news a.btn--secondary {
  color: #FFFFFF;
}
.card-news__title a {
  color: #2A2034;
}

:root {
  --card-product-bg-height: 137px;
  --card-product-block-height: 192px;
}
@media (min-width: 64.063rem) {
  :root {
    --card-product-bg-height: 200px;
    --card-product-block-height: 280px;
  }
}

.card-product {
  position: relative;
  height: 100%;
  border: 1px solid #DBDBDB;
  transition: box-shadow 0.3s ease-out;
}
.card-product:hover {
  box-shadow: 0px 8px 16px rgba(17, 17, 17, 0.24);
}
.card-product a {
  z-index: 1;
}
.card-product__bg {
  background-position: center;
  background-size: cover;
}
.card-product__content {
  padding: var(--space-sm);
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.card-product__title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: calc(2 * var(--body-line-height) * var(--line-height-multiplier, 1) * 1em);
  margin-bottom: var(--space-xxxs);
  max-width: var(--max-width-xxs);
  font-size: var(--text-xs);
  line-height: var(--line-height-sm);
  text-align: left;
  background-color: transparent;
}
@media (min-width: 64.063rem) {
  .card-product__title {
    font-size: var(--text-xs);
  }
}
.card-product__title a {
  position: static;
}
.card-product__title a::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.card-product__title a, .card-product__title a:visited, .card-product__title a:active {
  text-decoration: none;
  color: #3B3B3B;
  outline-offset: -1px;
  transition: text-decoration 0.3s ease-out;
}
.card-product__title a:hover, .card-product__title a:focus, .card-product__title a:visited:hover, .card-product__title a:visited:focus, .card-product__title a:active:hover, .card-product__title a:active:focus {
  color: #3B3B3B;
}
.card-product__title a:hover, .card-product__title a:visited:hover, .card-product__title a:active:hover {
  text-decoration: underline;
}
.card-product__title a:focus, .card-product__title a:visited:focus, .card-product__title a:active:focus {
  outline-offset: -1px;
  outline-style: solid;
  outline-color: black;
}
.card-product div[class*=media-wrapper] > .isNew {
  top: 0;
  background-color: #C8D41F;
  z-index: 4;
  width: auto;
  height: auto;
  right: 1rem;
  left: auto;
  top: 1rem;
  border-radius: 1rem;
  font-family: var(--font-primary-medium);
  font-size: var(--text-xxxs);
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: var(--space-xxxs) var(--space-xs);
}

/* --------------------------------

Title: Tooltip
Descr: A popup displaying additional text information

-------------------------------- */
:root {
  --tooltip-triangle-size: 12px;
}

.tooltip-trigger {
  white-space: nowrap;
  border-bottom: 1px dotted #3B3B3B;
  cursor: help;
}

.tooltip {
  display: inline-block;
  position: absolute;
  z-index: var(--zindex-popover);
  padding: var(--space-xs);
  border-radius: 2px;
  max-width: 200px;
  background-color: #3B3B3B;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.24);
  color: #FFFFFF;
  font-size: var(--text-xxs);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: opacity 0.2s, visibility 0.2s;
}
.tooltip a {
  color: inherit;
  text-decoration: underline;
}
@supports (clip-path: inset(50%)) {
  .tooltip::before {
    content: "";
    position: absolute;
    background-color: inherit;
    border: inherit;
    width: var(--tooltip-triangle-size);
    height: var(--tooltip-triangle-size);
    clip-path: polygon(0% 0%, 100% 100%, 100% 100%, 0% 100%);
  }
}
.tooltip:not(.tooltip--sticky) {
  pointer-events: none;
}
.tooltip--lg {
  max-width: 350px;
  padding: var(--space-xs);
}
.tooltip--top::before, .tooltip--bottom::before {
  left: calc(15% - var(--tooltip-triangle-size) / 2);
}
.tooltip--top::before {
  bottom: calc(var(--tooltip-triangle-size) * -0.5);
  transform: rotate(-45deg);
}
.tooltip--bottom::before {
  top: calc(var(--tooltip-triangle-size) * -0.5);
  transform: rotate(135deg);
}
.tooltip--left::before, .tooltip--right::before {
  top: calc(50% - var(--tooltip-triangle-size) / 2);
}
.tooltip--left::before {
  right: calc(var(--tooltip-triangle-size) * -0.5);
  transform: rotate(-135deg);
}
.tooltip--right::before {
  left: calc(var(--tooltip-triangle-size) * -0.5);
  transform: rotate(45deg);
}
.tooltip--is-hidden {
  visibility: hidden;
  opacity: 0;
}

/* --------------------------------

Title: Popover
Descr: A pop-up box controlled by a trigger element

-------------------------------- */
:root {
  --popover-width: 275px;
  --popover-vertical-gap: 12px;
  --popover-viewport-gap: 20px;
  --popover-triangle-size: 12px;
}

.popover {
  position: fixed;
  width: var(--popover-width);
  z-index: var(--zindex-popover);
  margin-top: var(--popover-vertical-gap);
  margin-bottom: var(--popover-vertical-gap);
  padding: var(--space-xxs);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.24);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.2s, opacity 0.2s;
}
@supports (clip-path: inset(50%)) {
  .popover::before {
    content: "";
    position: absolute;
    background-color: #FFFFFF;
    border: inherit;
    left: calc(5% - var(--popover-triangle-size) / 2);
    top: calc(-1 * var(--popover-triangle-size) / 2);
    width: var(--popover-triangle-size);
    height: var(--popover-triangle-size);
    clip-path: polygon(0% 0%, 100% 100%, 100% 100%, 0% 100%);
    transform: rotate(135deg);
  }
}
.popover__text {
  font-size: var(--text-xxs);
}
.popover__item {
  display: flex;
  align-items: center;
  padding: var(--space-xxs);
  background-color: #FFFFFF;
}
.popover__item .icon {
  margin-right: var(--space-xxs);
}
.popover__item:hover, .popover__item:focus-within {
  background-color: #FBFBFB;
}
.popover__item:hover .popover__link, .popover__item:focus-within .popover__link {
  color: #C8D41F;
}
.popover__link {
  color: #3B3B3B;
  text-decoration: none;
}
.popover--is-visible {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.2s;
}
.popover--list {
  padding: 0;
}

/* --------------------------------

Title: Modal Window
Descr: A modal dialog used to display critical information

-------------------------------- */
.modal {
  position: fixed;
  z-index: var(--zindex-overlay);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(59, 59, 59, 0.75);
}
.modal:not(.modal--is-visible) {
  pointer-events: none;
  background-color: transparent;
}
.modal--is-visible {
  opacity: 1;
  visibility: visible;
}
.modal__content {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  max-height: 100%;
  background-color: #FFFFFF;
}
.modal__close-btn {
  display: flex;
  flex-shrink: 0;
  border-radius: 50%;
  transition: 0.2s;
  cursor: pointer;
}
.modal__close-btn .icon {
  display: block;
  margin: auto;
}
.modal__close-btn--outer {
  width: 3.2em;
  height: 3.2em;
  position: fixed;
  top: var(--space-sm);
  right: var(--space-sm);
  z-index: var(--zindex-fixed-element);
}
.modal__close-btn--inner {
  width: 2em;
  height: 2em;
}
.modal__close-btn--inner .icon {
  color: inherit;
}

:root {
  --modal-transition-duration: 0.2s;
}

.modal--animate-fade {
  --modal-transition-duration: 0.2s;
  transition: opacity var(--modal-transition-duration), background-color var(--modal-transition-duration), visibility 0s var(--modal-transition-duration);
}
.modal--animate-fade.modal--is-visible {
  transition: opacity var(--modal-transition-duration), background-color var(--modal-transition-duration), visibility 0s;
}

.modal--animate-scale,
.modal--animate-translate-up,
.modal--animate-translate-down,
.modal--animate-translate-right,
.modal--animate-translate-left {
  --modal-transition-duration: 0.2s;
  transition: opacity var(--modal-transition-duration), visibility 0s var(--modal-transition-duration);
}
.modal--animate-scale .modal__content,
.modal--animate-translate-up .modal__content,
.modal--animate-translate-down .modal__content,
.modal--animate-translate-right .modal__content,
.modal--animate-translate-left .modal__content {
  will-change: transform;
  transition: transform var(--modal-transition-duration) ease-out;
}
.modal--animate-scale.modal--is-visible,
.modal--animate-translate-up.modal--is-visible,
.modal--animate-translate-down.modal--is-visible,
.modal--animate-translate-right.modal--is-visible,
.modal--animate-translate-left.modal--is-visible {
  transition: opacity var(--modal-transition-duration), visibility 0s;
}
.modal--animate-scale.modal--is-visible .modal__content,
.modal--animate-translate-up.modal--is-visible .modal__content,
.modal--animate-translate-down.modal--is-visible .modal__content,
.modal--animate-translate-right.modal--is-visible .modal__content,
.modal--animate-translate-left.modal--is-visible .modal__content {
  transform: scale(1);
}

.modal--animate-slide-up,
.modal--animate-slide-down,
.modal--animate-slide-right,
.modal--animate-slide-left {
  --modal-transition-duration: 0.3s;
  transition: opacity 0s var(--modal-transition-duration), background-color var(--modal-transition-duration), visibility 0s var(--modal-transition-duration);
}
.modal--animate-slide-up .modal__content,
.modal--animate-slide-down .modal__content,
.modal--animate-slide-right .modal__content,
.modal--animate-slide-left .modal__content {
  will-change: transform;
  transition: transform var(--modal-transition-duration) ease-out;
}
.modal--animate-slide-up.modal--is-visible,
.modal--animate-slide-down.modal--is-visible,
.modal--animate-slide-right.modal--is-visible,
.modal--animate-slide-left.modal--is-visible {
  transition: background-color var(--modal-transition-duration), visibility 0s;
}
.modal--animate-slide-up.modal--is-visible .modal__content,
.modal--animate-slide-down.modal--is-visible .modal__content,
.modal--animate-slide-right.modal--is-visible .modal__content,
.modal--animate-slide-left.modal--is-visible .modal__content {
  transform: scale(1);
}

.modal--animate-scale .modal__content {
  transform: scale(0.95);
}

.modal--animate-translate-up .modal__content {
  transform: translateY(40px);
}

.modal--animate-translate-down .modal__content {
  transform: translateY(-40px);
}

.modal--animate-translate-right .modal__content {
  transform: translateX(-40px);
}

.modal--animate-translate-left .modal__content {
  transform: translateX(40px);
}

.modal--animate-slide-up .modal__content {
  transform: translateY(100%);
}

.modal--animate-slide-down .modal__content {
  transform: translateY(-100%);
}

.modal--animate-slide-right .modal__content {
  transform: translateX(-100%);
}

.modal--animate-slide-left .modal__content {
  transform: translateX(100%);
}

.modal--is-loading .modal__content {
  visibility: hidden;
}
.modal--is-loading .modal__loader {
  display: flex;
}

.modal__loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: none;
  pointer-events: none;
}

/* --------------------------------

Descr: Drag files over a droppable area to upload them
More info: https://codyhouse.co/ds/components/info/drag-drop-file

-------------------------------- */
.ddf {
  padding: var(--space-sm) var(--space-xs);
  border: 2px dashed #7B61FF;
  border-radius: 5px;
  transition: 0.3s;
}
.ddf:hover {
  box-shadow: 2px 4px 16px rgba(123, 97, 255, 0.1);
}

.ddf__area {
  position: relative;
  overflow: hidden;
}

.ddf__label {
  cursor: pointer;
}
.ddf__label::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: inherit;
}

.ddf__icon-cloud {
  margin-bottom: var(--space-xs);
  --fill-icon: #9B9B9B;
  transition: 0.3s ease-out;
}

.ddf__label-end {
  display: none;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}

.ddf__label-inner {
  padding: var(--space-sm);
  border: 1px solid #DBDBDB;
}
.ddf__label-inner:hover, .ddf__label-inner:focus {
  border-color: #3B3B3B;
  box-shadow: 2px 4px 16px rgba(0, 0, 0, 0.1);
}

.ddf__label-inner, .ddf__label-end-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: opacity 0.3s, transform 0.3s ease-out;
}

.ddf__label-end-inner {
  opacity: 0;
  transform: translateY(25px);
}

.ddf__icon-file *:nth-child(1), .ddf__icon-file *:nth-child(2) {
  transform-origin: 32px 50px;
  opacity: 0;
  transition: opacity 0.3s, transform 0.5s ease-out;
}
.ddf__icon-file *:nth-child(1) {
  transform: rotate(15deg);
}
.ddf__icon-file *:nth-child(2) {
  transform: rotate(-15deg);
}

.ddf__area--file-hover .ddf__icon-cloud, .ddf__area:focus-within .ddf__icon-cloud, .ddf__area:hover .ddf__icon-cloud {
  --fill-icon: #3B3B3B;
}
.ddf__area--file-hover .ddf__label-inner, .ddf__area:focus-within .ddf__label-inner, .ddf__area:hover .ddf__label-inner {
  border-color: #3B3B3B;
  box-shadow: 2px 4px 16px rgba(0, 0, 0, 0.1);
}

.ddf__area--file-dropped .ddf__label-inner {
  opacity: 0;
  transform: translateY(-25px);
}
.ddf__area--file-dropped .ddf__label-end-inner {
  opacity: 1;
  transform: translateY(0px);
}
.ddf__area--file-dropped .ddf__icon-file *:nth-child(1), .ddf__area--file-dropped .ddf__icon-file *:nth-child(2) {
  opacity: 0.7;
  transform: rotate(0deg);
}

.ddf__item {
  display: flex;
  align-items: center;
  background-color: #FBFBFB;
  border: 1px solid #DBDBDB;
  padding: var(--space-xs) var(--space-sm);
}
.ddf__item:not(:last-child) {
  margin-bottom: var(--space-xs);
}

.ddf__file-name {
  font-size: var(--text-sm);
  margin-right: var(--space-xs);
}

.ddf__remove-btn {
  background-color: #3B3B3B;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background 0.2s;
  margin-left: auto;
  flex-shrink: 0;
}
.ddf__remove-btn:focus {
  outline-offset: 2px;
}

.ddf__progress {
  --c-progress-bar-size: 24px;
  flex-shrink: 0;
}

.ddf__progress-circle-mask {
  stroke: none;
  transform-origin: 12px 12px;
}

.ddf__progress-circle {
  opacity: 0;
  fill: currentColor;
}

.ddf__progress-check {
  opacity: 0;
  stroke-dashoffset: 16;
  stroke-dasharray: 17;
}

.ddf__progress--complete .c-progress-bar__bg,
.ddf__progress--complete .c-progress-bar__fill {
  opacity: 0;
}
.ddf__progress--complete .ddf__progress-circle {
  opacity: 1;
}
.ddf__progress--complete .ddf__progress-circle-mask {
  transform: scale(0);
  transition: transform 0.4s;
}
.ddf__progress--complete .ddf__progress-check {
  opacity: 1;
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 0.3s 0.4s, opacity 0s 0.4s;
}

.ddf__area .ddf__progress {
  --c-progress-bar-size: 32px;
}
@keyframes ddf-icon-cloud {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-4px);
  }
}
.ddf--single .ddf__label:before {
  content: none;
}
.ddf--single .ddf__label-inner {
  padding: var(--form-control-padding-y) var(--form-control-padding-x);
  flex-direction: row;
  align-items: flex-start;
}
.ddf--single .ddf__label-inner span {
  padding: var(--space-xxs) var(--space-xs);
}
.ddf--single .ddf__label-inner span:first-child {
  background-color: #BBBBBB;
  color: #FFFFFF;
  border-radius: 2px;
}
.ddf--single .ddf__area--file-hover .ddf__label-inner, .ddf--single .ddf__area:focus-within .ddf__label-inner, .ddf--single .ddf__area:hover .ddf__label-inner {
  border-color: #3B3B3B;
  box-shadow: 2px 4px 16px rgba(0, 0, 0, 0.1);
}

.ddf__icon-cloud {
  --fill-icon: #BBBBBB;
}

.ddf__file-name {
  font-size: var(--text-xxs);
}

/* --------------------------------

Title: Password Visibility Control
Descr: Password input field with option to toggle password visibility

-------------------------------- */
:root {
  --password-icon-size: 1.5em;
}

.password {
  position: relative;
}

.password__input {
  padding-right: var(--space-sm);
  height: 100%;
}

.password__input::-ms-reveal {
  display: none;
}

.password__btn {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  background-color: rgba(255, 255, 255, 0);
  display: flex;
  justify-content: center;
  align-items: center;
}

.password__btn-label:last-child {
  display: none;
}
.password__btn-label .icon {
  width: var(--password-icon-size);
  height: var(--password-icon-size);
}

.password--text-is-visible .password__btn-label:first-child {
  display: none;
}
.password--text-is-visible .password__btn-label:last-child {
  display: inline-block;
}

/* --------------------------------

Title: Password Strength Indicator
Descr: Password requirements and strength indicator

-------------------------------- */
:root {
  --password-strength-meter-height: 8px;
  --password-strength-meter-radius: 50em;
  --password-strength-icon-size: 16px;
  --password-strength-icon-margin-right: 4px;
  --password-strength-icon-stroke-width: 2px;
}

.password-strength__req {
  line-height: 1.2;
  margin-bottom: var(--space-xxxxs);
  display: flex;
  align-items: center;
}
.password-strength__req .icon {
  font-size: var(--password-strength-icon-size);
  margin-right: var(--password-strength-icon-margin-right);
}

.password-strength__icon-group {
  stroke-width: var(--password-strength-icon-stroke-width);
}
.password-strength__icon-group * {
  transition: transform 0.3s ease-out, stroke-dashoffset 0.3s ease-out;
  transform-origin: 8px 8px;
  stroke-dasharray: 16;
}
.password-strength__icon-group *:first-child {
  stroke-dashoffset: 24;
}
.password-strength__icon-group *:last-child {
  stroke-dashoffset: 10;
}

.password-strength__req--met {
  color: #8FB76F;
  transition: color 0.3s;
}
.password-strength__req--met .password-strength__icon-group *:first-child {
  stroke-dashoffset: 23;
  transform: translateX(-2px) translateY(4px) rotate(45deg);
}
.password-strength__req--met .password-strength__icon-group *:last-child {
  stroke-dashoffset: 5;
  transform: translateX(-2px) translateY(4px) rotate(-45deg);
}

.password-strength__req--no-met {
  color: #F2838F;
}
.password-strength__req--no-met .password-strength__icon-group *:first-child {
  stroke-dashoffset: 32;
  transform: translateX(5px) translateY(5px) rotate(45deg);
}
.password-strength__req--no-met .password-strength__icon-group *:last-child {
  stroke-dashoffset: 2;
  transform: translateX(-5px) translateY(5px) rotate(-45deg);
}

.password-strength__meter {
  height: var(--password-strength-meter-height);
  border-radius: var(--password-strength-meter-radius);
  overflow: hidden;
  background-color: #DBDBDB;
}
.password-strength__meter * {
  will-change: width;
  transition: width 0.3s, background-color 0.3s;
}

.password-strength__meter-value {
  position: relative;
}
.password-strength__meter-value::before {
  content: "";
  position: absolute;
  right: -5px;
  width: 5px;
  height: 100%;
  display: block;
  background: white;
}
.password-strength__meter-value::after {
  content: "";
  position: absolute;
  left: -5px;
  width: 5px;
  height: 100%;
  display: block;
  background: white;
}

.password-strength__meter--fill-1 * {
  background-color: #F2838F;
}

.password-strength__meter--fill-2 * {
  background-color: #FFDD87;
}

.password-strength__meter--fill-3 * {
  background-color: #B9DF90;
}

.password-strength__meter--fill-4 * {
  background-color: #B9DF90;
}

/* --------------------------------

Title: Search input
Descr: Search input field with custom button

-------------------------------- */
:root {
  --search-input-btn-width: 2.5em;
  --search-input-icon-size: 1.25em;
}

.search-input {
  position: relative;
}
.search-input__input {
  border-radius: 24px;
  width: 100%;
  height: 100%;
}
.search-input__input::-webkit-search-decoration, .search-input__input::-webkit-search-cancel-button, .search-input__input::-webkit-search-results-button, .search-input__input::-webkit-search-results-decoration {
  appearance: none;
}
.search-input__input::-ms-clear, .search-input__input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
.search-input--icon-right .search-input__input {
  padding-right: var(--search-input-btn-width);
  padding-left: calc(var(--form-control-padding-x) + var(--space-xxs));
}
.search-input--icon-left .search-input__input {
  padding-left: var(--search-input-btn-width);
}
.search-input__icon {
  position: absolute;
  top: 0;
  right: var(--space-xxxxs);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: var(--search-input-btn-width);
}
.search-input__icon button {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: var(--search-input-btn-width);
  cursor: pointer;
}
.search-input__icon button:active .icon {
  transform: translateY(2px);
}
.search-input__icon .icon {
  display: block;
  width: var(--search-input-icon-size);
  height: var(--search-input-icon-size);
  margin-left: auto;
  margin-right: auto;
  transition: 0.2s;
}
.search-input--icon-left .search-input__icon {
  left: 0;
  right: auto;
  pointer-events: none;
}
@media (min-width: 64.063rem) {
  .pre-header .search-input__input {
    background-color: transparent;
    border-color: #7B7B7B;
  }
  .pre-header .search-input__input::placeholder {
    color: #BBBBBB;
  }
  .pre-header .search-input__input:focus {
    background-color: #FFFFFF;
    color: #3B3B3B;
  }
  .pre-header .search-input:focus-within .search-input__icon .icon {
    --fill-icon: currentColor;
  }
}
@media (max-width: 64.063rem) {
  .header__nav .search-input__input {
    --form-control-padding-y: var(--space-sm);
    --form-control-padding-x: var(--space-sm);
  }
}

.pre-header .search-input__input {
  padding-top: var(--space-sm, 0.5em);
  padding-bottom: var(--space-sm, 0.5em);
  padding-left: calc(var(--form-control-padding-x) + var(--space-xxxs));
}
@media (min-width: 64.063rem) {
  .pre-header .search-input__input {
    padding-top: var(--space-xxxxs, 0.5em);
    padding-bottom: var(--space-xxxxs, 0.5em);
    max-width: 10.875rem;
  }
}

/* --------------------------------

Title: Date Picker
Descr: Input element used to select a date

-------------------------------- */
.date-input__trigger {
  position: absolute;
  right: 0;
}

.date-input, .date-input__wrapper {
  position: relative;
}

.the-datepicker__container .the-datepicker__main {
  border-top-left-radius: 0;
}

.the-datepicker__container.the-datepicker__container--over .the-datepicker__main {
  border-top-left-radius: 0.3em;
  border-bottom-left-radius: 0;
}

.the-datepicker__container.the-datepicker__container--left .the-datepicker__main {
  border-top-left-radius: 0.3em;
  border-top-right-radius: 0;
}

.the-datepicker__container.the-datepicker__container--over.the-datepicker__container--left .the-datepicker__main {
  border-bottom-left-radius: 0.3em;
  border-top-right-radius: 0.3em;
  border-bottom-right-radius: 0;
}

.the-datepicker__main {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0.3em;
  padding: 0.4em;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1em;
  box-sizing: border-box;
  overflow: hidden;
}

.the-datepicker__main .the-datepicker__body {
  margin-top: 1em;
}

.the-datepicker__main th.the-datepicker__week-day {
  width: 2.1em;
  min-width: 2.1em;
  max-width: 2.1em;
  padding: 0.5em 0;
  text-align: center;
  font-weight: normal;
  text-transform: uppercase;
  color: #3B3B3B;
  font-size: 0.85em;
  font-family: var(--font-primary-bold, "Arial", sans-serif);
}

.the-datepicker__main a.the-datepicker__button {
  display: block;
  width: 2.7em;
  min-width: 2.1em;
  max-width: 2.7em;
  padding: 0.6em 0;
  text-decoration: none;
  text-align: center;
  color: #3B3B3B;
  border-radius: 0.3em;
  font-family: var(--font-primary, "Arial", sans-serif);
}

.the-datepicker__main a.the-datepicker__button:hover {
  background-color: #FBFBDB;
  text-decoration: none;
}

.the-datepicker__main .the-datepicker__title {
  display: inline-block;
  width: 70%;
}

.the-datepicker__main .the-datepicker__title-content {
  display: inline-block;
  padding: 0.5em;
}

.the-datepicker__main .the-datepicker__control {
  display: inline-block;
  width: 30%;
  text-align: right;
}

.the-datepicker__main .the-datepicker__reset,
.the-datepicker__main .the-datepicker__close {
  display: inline-block;
  font-weight: bold;
}

.the-datepicker__main .the-datepicker__navigation {
  margin-top: 0.3em;
}

.the-datepicker__main .the-datepicker__go {
  display: inline-block;
  width: 15%;
}

.the-datepicker__main .the-datepicker__go a.the-datepicker__button {
  display: inline-block;
  font-weight: bold;
}

.the-datepicker__main .the-datepicker__go-next {
  text-align: right;
}

.the-datepicker__main .the-datepicker__state {
  display: inline-block;
  width: 70%;
}

.the-datepicker__main .the-datepicker__month {
  display: inline-block;
  width: 62%;
  text-align: center;
}

.the-datepicker__main .the-datepicker__year {
  display: inline-block;
  width: 38%;
  text-align: center;
}

.the-datepicker__main .the-datepicker__month-year {
  text-align: center;
}

.the-datepicker__main select.the-datepicker__select {
  font-size: 0.9em;
  margin: 0;
  padding: 7px;
}

.the-datepicker__main table.the-datepicker__calendar {
  display: table;
  border-collapse: collapse;
}

.the-datepicker__main table.the-datepicker__calendar thead {
  display: table-header-group;
}

.the-datepicker__main table.the-datepicker__calendar tbody {
  display: table-row-group;
}

.the-datepicker__main table.the-datepicker__calendar tr {
  display: table-row;
}

.the-datepicker__main table.the-datepicker__calendar tr td,
.the-datepicker__main table.the-datepicker__calendar tr th {
  display: table-cell;
}

.the-datepicker__main td.the-datepicker__cell {
  padding: 0;
}

.the-datepicker__main td.the-datepicker__cell a.the-datepicker__button {
  padding: 0.1em;
}

.the-datepicker__main td.the-datepicker__cell a.the-datepicker__button .the-datepicker__day-content {
  display: block;
  padding: 0.6em 0;
}

.the-datepicker__main td.the-datepicker__day a.the-datepicker__button .the-datepicker__day-content {
  text-align: center;
  border-radius: 0.3em;
}

.the-datepicker__main td.the-datepicker__day a.the-datepicker__button:hover {
  background-color: transparent;
}

.the-datepicker__main td.the-datepicker__day a.the-datepicker__button:hover .the-datepicker__day-content {
  background-color: #EFF19A;
}

.the-datepicker__main td.the-datepicker__day--highlighted a.the-datepicker__button .the-datepicker__day-content {
  background-color: #d1e8ff;
}

.the-datepicker__main td.the-datepicker__day--outside a.the-datepicker__button {
  color: #EFF19A;
}

.the-datepicker__main td.the-datepicker__day--unavailable a.the-datepicker__button {
  color: #aaa;
}

.the-datepicker__main td.the-datepicker__day--unavailable a.the-datepicker__button:hover .the-datepicker__day-content {
  background-color: transparent;
}

.the-datepicker__main td.the-datepicker__day--selected a.the-datepicker__button,
.the-datepicker__main td.the-datepicker__day--selected.the-datepicker__day--highlighted a.the-datepicker__button {
  color: #fff;
}

.the-datepicker__main td.the-datepicker__day--selected a.the-datepicker__button .the-datepicker__day-content,
.the-datepicker__main td.the-datepicker__day--selected.the-datepicker__day--highlighted a.the-datepicker__button .the-datepicker__day-content {
  background-color: #95AD16;
}

.the-datepicker__main td.the-datepicker__day--selected a.the-datepicker__button:hover .the-datepicker__day-content,
.the-datepicker__main td.the-datepicker__day--selected.the-datepicker__day--highlighted a.the-datepicker__button:hover .the-datepicker__day-content {
  background-color: #95AD16;
}

.the-datepicker__main .the-datepicker__day--weekend,
.the-datepicker__main .the-datepicker__week-day--weekend,
.the-datepicker__main td.the-datepicker__day--today {
  font-weight: bold;
}

.the-datepicker__main .the-datepicker__animated {
  animation-duration: 0.1s;
  animation-fill-mode: both;
}

.the-datepicker__deselect-button {
  text-decoration: none;
  color: #95AD16;
  font-weight: bold;
}

.the-datepicker__deselect-button:hover {
  text-decoration: none;
}

.the-datepicker__fade-out-left {
  animation-name: the-datepicker-fade-out-left;
}

.the-datepicker__fade-out-right {
  animation-name: the-datepicker-fade-out-right;
}

.the-datepicker__fade-in-left {
  animation-name: the-datepicker-fade-in-left;
}

.the-datepicker__fade-in-right {
  animation-name: the-datepicker-fade-in-right;
}

@-moz-keyframes the-datepicker-fade-out-left {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes the-datepicker-fade-out-left {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}
@-o-keyframes the-datepicker-fade-out-left {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes the-datepicker-fade-out-left {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}
@-moz-keyframes the-datepicker-fade-out-right {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes the-datepicker-fade-out-right {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(100%, 0, 0);
  }
}
@-o-keyframes the-datepicker-fade-out-right {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes the-datepicker-fade-out-right {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(100%, 0, 0);
  }
}
@-moz-keyframes the-datepicker-fade-in-left {
  from {
    transform: translate3d(-100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes the-datepicker-fade-in-left {
  from {
    transform: translate3d(-100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes the-datepicker-fade-in-left {
  from {
    transform: translate3d(-100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes the-datepicker-fade-in-left {
  from {
    transform: translate3d(-100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes the-datepicker-fade-in-right {
  from {
    transform: translate3d(100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes the-datepicker-fade-in-right {
  from {
    transform: translate3d(100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes the-datepicker-fade-in-right {
  from {
    transform: translate3d(100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes the-datepicker-fade-in-right {
  from {
    transform: translate3d(100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
/* --------------------------------

Title: Expandable Image Gallery
Descr: Image gallery that expands in a modal media gallery on click

-------------------------------- */
:root {
  --exp-gallery-animation-duration: 0.3s;
}

.exp-gallery-item-hidden {
  opacity: 0;
}

.exp-lightbox {
  transition: background var(--exp-gallery-animation-duration);
}
.exp-lightbox .menu-bar {
  --space-unit: 1rem;
  --space-xxxxs: calc(0.125 * 1rem);
  --space-xxxs: calc(0.25 * 1rem);
  --space-xxs: calc(0.375 * 1rem);
  --space-xs: calc(0.5 * 1rem);
  --space-sm: calc(0.75 * 1rem);
  --space-md: calc(1.25 * 1rem);
  --space-lg: calc(2 * 1rem);
  --space-xl: calc(3.25 * 1rem);
  --space-xxl: calc(5.25 * 1rem);
  --space-xxxl: calc(8.5 * 1rem);
  --space-xxxxl: calc(13.75 * 1rem);
  --component-padding: var(--space-md);
  margin-left: auto;
  color: #FFFFFF;
  --menu-bar-button-size: Min(Max(0.7rem, 4vw), 1.5rem);
  --menu-bar-icon-size: Min(Max(0.7rem, 4vw), 1.4rem);
  --menu-bar-horizontal-gap: var(--space-xxs);
  --menu-bar-vertical-gap: 4px;
  --menu-bar-label-size: var(--text-xs);
}
.exp-lightbox .slideshow {
  --slideshow-btn-width: 1.6em;
  --slideshow-btn-height: 3.2em;
  --slideshow-btn-icon-size: 1.6em;
  --slideshow-btn-offset: var(--component-padding);
}
.exp-lightbox .slideshow__content {
  position: relative;
}
.exp-lightbox:not(.modal--is-visible) {
  background-color: transparent;
}

.exp-lightbox__content {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.exp-lightbox__control {
  background-color: transparent;
}
.exp-lightbox__control .btn {
  background-color: transparent;
  --fill-icon: #FFFFFF;
}

.exp-lightbox__header {
  position: relative;
  z-index: 2;
  flex-shrink: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--space-xs) var(--component-padding) 0;
}

.exp-lightbox__title {
  font-size: var(--text-md);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: var(--space-sm);
}

.exp-lightbox__counter {
  --text-xs: calc((1rem / 1.2) / 1.2);
  --text-sm: calc(var(--text-xs) * 1.2);
  --text-md: calc(var(--text-sm) * 1.2 * 1.2);
  --text-lg: calc(var(--text-md) * 1.2);
  --text-xl: calc(var(--text-lg) * 1.2);
  --text-xxl: calc(var(--text-xl) * 1.2);
  --text-xxxl: calc(var(--text-xxl) * 1.2);
  --text-xxxxl: calc(var(--text-xxxl) * 1.2);
  font-size: 1rem;
  font-size: min(max(0.7rem, 4vw), 1.5rem);
  line-height: var(--heading-line-height);
  color: #FFFFFF;
}

.exp-lightbox__body {
  position: relative;
  z-index: 1;
  flex-grow: 1;
  padding: var(--space-md);
}
@media (min-width: 64.063rem) {
  .exp-lightbox__body {
    padding-top: var(--space-xs);
    padding-bottom: var(--space-xs);
    padding-right: calc(var(--space-xs) + var(--slideshow-btn-width) + var(--slideshow-btn-offset));
    padding-left: calc(var(--space-xs) + var(--slideshow-btn-width) + var(--slideshow-btn-offset));
  }
}

.exp-lightbox {
  --slideshow-height: 100%;
}
.exp-lightbox .slideshow {
  display: flex;
  align-items: stretch;
}
.exp-lightbox .slideshow__item {
  height: 100%;
}
.exp-lightbox .slideshow__content {
  flex-grow: 1;
}

.exp-lightbox--no-transition .slideshow__content * {
  transition: none !important;
  animation: none !important;
}

.exp-lightbox__media {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  max-height: 100%;
  max-width: 100%;
}

.exp-lightbox__media-outer {
  position: relative;
  width: 100%;
  flex-grow: 0.8;
}
.slideshow__content--is-hidden .exp-lightbox__media-outer {
  opacity: 0;
}

.exp-lightbox__media-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.exp-lightbox__media-inner img {
  display: inline-block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  max-height: 100%;
}

.exp-lightbox.modal--is-visible .slideshow[data-swipe=on][data-zoom=on] .exp-lightbox__media-inner:before {
  position: absolute;
  height: 100%;
  width: 100%;
  content: "";
  background-color: transparent;
  display: inline-block;
}
.exp-lightbox.modal--is-visible .slideshow[data-swipe=on][data-zoom=on] .exp-lightbox__media-inner img {
  pointer-events: auto;
  user-select: none;
}

.exp-lightbox__caption {
  flex-shrink: 0;
  text-align: center;
  max-width: 600px;
  margin-top: var(--space-xs);
}

.exp-lightbox__media-outer {
  min-height: 200px;
}
@supports (display: flex) {
  .exp-lightbox__media-outer {
    min-height: 0;
  }
}

.exp-lightbox__clone-img-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--zindex-overlay);
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  transform-origin: top left;
  transition: transform var(--exp-gallery-animation-duration);
  will-change: transform;
}
.exp-lightbox__clone-img-wrapper svg, .exp-lightbox__clone-img-wrapper rect, .exp-lightbox__clone-img-wrapper image {
  height: 100%;
  width: 100%;
}

.exp-lightbox__clone-img-wrapper--is-visible {
  visibility: visible;
  opacity: 1;
}

.exp-lightbox__body[data-zoom=on] .exp-lightbox__media-inner img {
  cursor: zoom-in;
}

.exp-lightbox__menu-bar .icon {
  --fill-icon: #FFFFFF;
}

.exp-lightbox__menu-bar-close:focus {
  outline-color: #FFFFFF;
}

.exp-lightbox__zoom {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 3;
  overflow: auto;
  background-color: #FFFFFF;
  cursor: zoom-out;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0s 0.3s, visibility 0s 0.3s;
}
.exp-lightbox__zoom img {
  display: block;
  width: 100%;
  max-width: none;
  transform-origin: top left;
  transition: transform 0.3s;
}

.exp-lightbox__zoom--no-transition img {
  transition: none;
}

.exp-lightbox__zoom--is-visible {
  opacity: 1;
  visibility: visible;
  transition: none;
}

.exp-gallery figure,
.exp-gallery picture,
.exp-gallery img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.3s;
  z-index: -1;
}
.exp-gallery figure:hover,
.exp-gallery picture:hover,
.exp-gallery img:hover {
  cursor: pointer;
  opacity: 0.85;
}
.exp-gallery__item:before {
  content: "";
  position: absolute;
  right: var(--space-xs);
  bottom: var(--space-xs);
  background-repeat: no-repeat;
  background-size: 24px;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.748 14.8606L23 21.1126L21.1126 23L14.8606 16.748V15.7453L14.5067 15.3914C12.9732 16.689 11.2038 17.3378 9.19839 17.3378C6.91778 17.3378 4.9714 16.5514 3.35925 14.9786C1.78642 13.3664 1 11.4397 1 9.19839C1 6.91778 1.78642 4.99106 3.35925 3.41823C4.9714 1.80608 6.89812 1 9.13941 1C11.42 1 13.3467 1.80608 14.9196 3.41823C16.5317 4.99106 17.3378 6.91778 17.3378 9.19839C17.3378 11.2038 16.689 12.9732 15.3914 14.5067L15.7453 14.8606H16.748ZM5.18767 13.2091C6.28865 14.3101 7.62556 14.8606 9.19839 14.8606C10.7712 14.8606 12.1081 14.3101 13.2091 13.2091C14.3101 12.1081 14.8606 10.7712 14.8606 9.19839C14.8606 7.62556 14.3101 6.28865 13.2091 5.18767C12.1081 4.08668 10.7712 3.53619 9.19839 3.53619C7.62556 3.53619 6.28865 4.08668 5.18767 5.18767C4.08668 6.28865 3.53619 7.62556 3.53619 9.19839C3.53619 10.7712 4.08668 12.1081 5.18767 13.2091ZM12.3244 9.7882H9.7882V12.3244H8.5496V9.7882H6.0134V8.5496H8.5496V6.0134H9.7882V8.5496H12.3244V9.7882Z' style='fill: var(--fill-icon, %23ffffff);' /%3E%3C/svg%3E%0A");
  z-index: 1;
  opacity: 0;
  transition: opacity 0.25s;
}
.exp-gallery__item:hover {
  position: relative;
  cursor: pointer;
}
.exp-gallery__item:hover:before {
  opacity: 1;
}
.exp-gallery__item a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.exp-gallery__item a:before {
  content: "";
  position: absolute;
  right: var(--space-xs);
  bottom: var(--space-xs);
  background-repeat: no-repeat;
  background-size: 24px;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.748 14.8606L23 21.1126L21.1126 23L14.8606 16.748V15.7453L14.5067 15.3914C12.9732 16.689 11.2038 17.3378 9.19839 17.3378C6.91778 17.3378 4.9714 16.5514 3.35925 14.9786C1.78642 13.3664 1 11.4397 1 9.19839C1 6.91778 1.78642 4.99106 3.35925 3.41823C4.9714 1.80608 6.89812 1 9.13941 1C11.42 1 13.3467 1.80608 14.9196 3.41823C16.5317 4.99106 17.3378 6.91778 17.3378 9.19839C17.3378 11.2038 16.689 12.9732 15.3914 14.5067L15.7453 14.8606H16.748ZM5.18767 13.2091C6.28865 14.3101 7.62556 14.8606 9.19839 14.8606C10.7712 14.8606 12.1081 14.3101 13.2091 13.2091C14.3101 12.1081 14.8606 10.7712 14.8606 9.19839C14.8606 7.62556 14.3101 6.28865 13.2091 5.18767C12.1081 4.08668 10.7712 3.53619 9.19839 3.53619C7.62556 3.53619 6.28865 4.08668 5.18767 5.18767C4.08668 6.28865 3.53619 7.62556 3.53619 9.19839C3.53619 10.7712 4.08668 12.1081 5.18767 13.2091ZM12.3244 9.7882H9.7882V12.3244H8.5496V9.7882H6.0134V8.5496H8.5496V6.0134H9.7882V8.5496H12.3244V9.7882Z' style='fill: var(--fill-icon, %23ffffff);' /%3E%3C/svg%3E%0A");
  z-index: 1;
  opacity: 0;
  transition: opacity 0.25s;
}
.exp-gallery__item a:focus {
  cursor: pointer;
  opacity: 0.85;
  outline: 2px solid #3B3B3B;
  outline-offset: calc(-1 * var(--space-xxs));
}
.exp-gallery__item a:hover:before, .exp-gallery__item a:focus:before {
  opacity: 1;
}

.thumbslide__nav-wrapper {
  display: flex;
}
.thumbslide__nav-wrapper .js-thumbslide__tb-control.thumbslide__tb-control--disabled {
  opacity: 0.3;
  pointer-events: none;
}
.thumbslide__nav-wrapper .js-thumbslide__tb-control.thumbslide__tb-control--hidden {
  display: none;
}

.thumbslide__nav {
  background-color: #DBDBDB;
}
.thumbslide__nav-wrapper {
  background-color: #DBDBDB;
}

.cookie-consent__body,
.cookie-consent__preferences {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.75em 1.25em;
  flex-grow: 1;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  font-size: 1.125em;
}

.cookie-consent__title {
  position: relative;
  margin-bottom: 0.5em;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.4;
  text-transform: uppercase;
  color: black;
}

.cookie-consent__title::before {
  position: absolute;
  content: "";
  top: -10px;
  width: 20px;
  height: 3px;
  background-color: #000000;
}

.cookie-consent__button {
  margin: 0;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 0.75em;
  padding-right: 0.75em;
  border: 0;
  border-radius: 0;
  appearance: none;
  color: black;
  font-size: 1em;
  font-weight: 600;
  text-transform: uppercase;
  transition: 0.25s;
}

.cookie-consent__button:hover,
.cookie-consent__button:focus {
  box-shadow: 0 0.9px 1.5px rgba(0, 0, 0, 0.17), 0 3.1px 5.5px rgba(0, 0, 0, 0.22);
}

.cookie-consent__button:disabled {
  background-color: #ebebeb;
  color: gray;
  cursor: not-allowed;
}

.cookie-consent__button:disabled:hover {
  box-shadow: none;
}

.cookie-consent__button--accept {
  background-color: #FFFF00;
}

.cookie-consent__button--config {
  background-color: rgba(0, 0, 0, 0.05);
}

.cookie-consent__button--close {
  padding: 0.5em;
  display: flex;
  flex-shrink: 0;
  width: 2em;
  height: 2em;
  background-color: white;
  box-shadow: 0 0.3px 0.4px rgba(0, 0, 0, 0.025), 0 0.9px 1.5px rgba(0, 0, 0, 0.05), 0 3.5px 6px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  transition: 0.2s;
}

.cookie-consent__button--close svg {
  display: block;
  background-color: transparent;
  color: black;
  width: 1em;
  height: 1em;
}

.cookie-consent__button--close:hover {
  box-shadow: 0 0.9px 1.5px rgba(0, 0, 0, 0.03), 0 3.1px 5.5px rgba(0, 0, 0, 0.08), 0 14px 25px rgba(0, 0, 0, 0.12);
}

.cookie-consent__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.cookie-consent__actions > button {
  flex: 1;
  margin: 0.25em;
}

.cookie-consent__box {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  height: 95%;
  border-bottom: 1px solid;
  padding: 1em 1.4em;
  padding: 1em 0;
  color: black;
}
.cookie-consent__box:first-child {
  border-top: 1px solid;
}
@media (max-width: 40rem) {
  .cookie-consent__box:last-child {
    border-bottom: 0;
  }
}

.cookie-consent__box-select {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.cookie-consent__box-select > button {
  flex: 1;
  margin: 0.25em;
}

.cookie-consent__box-title {
  width: 100%;
  margin-bottom: var(--space-xxs);
  font-weight: 600;
  font-size: 1.25em;
  line-height: 1.2;
  color: black;
}

.cookie-consent__box p {
  width: 100%;
  font-size: 1em;
  color: black;
}

.cookie-consent__box p:last-child {
  margin-bottom: 0;
}

.cookie-consent__modal {
  position: fixed;
  z-index: 1100;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  padding: 1.25em;
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: flex-end;
  background-color: rgba(0, 0, 0, 0.9);
}

.cookie-consent__modal:not(.cookie-consent__modal--is-visible) {
  pointer-events: none;
  background-color: transparent;
}

.cookie-consent__modal--is-visible {
  opacity: 1;
  visibility: visible;
}

.cookie-consent__modal-content {
  margin-top: auto;
  width: 100%;
  height: auto;
  max-width: 80rem;
  display: flex;
  flex-direction: column;
  background-color: white;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  max-height: 100%;
  box-shadow: 0 0.9px 1.5px rgba(0, 0, 0, 0.03), 0 3.1px 5.5px rgba(0, 0, 0, 0.08), 0 14px 25px rgba(0, 0, 0, 0.12);
}
@media (min-width: 40rem) {
  .cookie-consent__modal-content {
    margin-top: 0;
    height: 100%;
  }
}

.cookie-consent__modal-content--preferences {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.cookie-consent__modal-content--show {
  display: block;
  opacity: 1;
  visibility: visible;
}

.cookie-consent__modal-content--hidden {
  display: none;
}

.cookie-consent__modal-header {
  padding: 1.75em 1.25em 0.25em;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
}

.cookie-consent__description {
  margin-bottom: 2.25em;
}

.cookie-consent__description > p {
  margin-bottom: 1.25em;
  color: black;
  font-size: 1em;
}

.cookie-consent__description a,
.cookie-consent__description a:link,
.cookie-consent__description a:active {
  text-decoration: underline;
  color: black;
}

.cookie-consent__description > *:first-child {
  margin-top: 0;
}

.cookie-consent__description > *:last-child {
  margin-bottom: 0;
}

.cookie-consent__modal-iframe,
.cookie-consent__modal-iframe iframe {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.cookie-consent__modal-iframe {
  max-width: 80rem;
}

.cookie-consent__modal-iframe iframe {
  background-color: white;
}

.cookie-consent__modal-iframe .cookie-consent__modal-header {
  margin-left: auto;
  margin-bottom: 1em;
}

@media screen and (min-width: 768px) {
  .cookie-consent__modal-content {
    height: auto;
  }
  .cookie-consent__box-title {
    width: auto;
    margin-top: 0;
    margin-left: 10px;
  }
  .cookie-consent__box-title:first-child {
    margin-left: 0;
  }
  .cookie-consent__radio-container {
    margin: 0 14px;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .cookie-consent__modal--animate-translate-down {
    transition: opacity 0.2s, visibility 0s 0.2s;
  }
  .cookie-consent__modal--animate-translate-down .cookie-consent__modal-content {
    will-change: transform;
    transition: transform 0.2s ease-out;
  }
  .cookie-consent__modal--animate-translate-down.cookie-consent__modal--is-visible {
    transition: opacity 0.2s, visibility 0s;
  }
  .cookie-consent__modal--animate-translate-down.cookie-consent__modal--is-visible .cookie-consent__modal-content {
    transform: scale(1);
  }
}
.om-cookie-info h3 {
  font-size: var(--text-sm);
}
.om-cookie-info .cookieinfo-group {
  padding: var(--space-xs);
  font-size: var(--text-xs);
  background-color: rgba(219, 219, 219, 0.25);
}
.om-cookie-info .cookieinfo-group--title {
  text-align: center;
  font-size: var(--text-sm);
  font-family: var(--font-primary-bold, "Arial", sans-serif);
  margin-bottom: var(--space-xxxs);
}
.om-cookie-info .cookieinfo-group--description {
  text-align: left;
  margin-bottom: var(--space-xs);
}
.om-cookie-info .cookieinfo-group:not(:first-of-type) {
  margin-top: var(--space-sm);
}
.om-cookie-info .wrapper-table {
  display: block;
  overflow-x: auto;
}
.om-cookie-info table {
  border-collapse: collapse;
  width: 100%;
  min-width: 480px;
}
.om-cookie-info table thead {
  background-color: #95AD16;
}
.om-cookie-info table thead th {
  color: #FFFFFF;
  font-family: var(--font-primary-bold, "Arial", sans-serif);
  font-size: var(--text-xxs);
}
.om-cookie-info table th, .om-cookie-info table td {
  padding: var(--space-xxxs);
}
.om-cookie-info table td.table__cell {
  font-size: var(--text-xxs);
}
@media (max-width: 64.063rem) {
  .om-cookie-info table td.table__cell {
    white-space: normal;
  }
}
.om-cookie-info table p {
  margin-top: 0;
}
.om-cookie-info table p:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.om-cookie-info table .table__row:nth-child(even) {
  background-color: #FBFBFB;
}
.om-cookie-info table .table__row:nth-child(odd) {
  background-color: #FFFFFF;
}
.om-cookie-info__show-config-link {
  display: inline-block;
  margin: var(--space-xs) 0;
}
.type-shortcut .om-cookie-info__show-config-link {
  display: none;
}

/* --------------------------------

Title: Rounded Image
Descr: New layout for Image

-------------------------------- */
.rounded-image {
  font-size: 4em;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0.5rem;
}
.rounded-image__figure {
  position: relative;
  width: 1em;
  height: 0;
  padding-bottom: 1em;
  border-radius: 50%;
  overflow: hidden;
  background-color: #3B3B3B;
}
.rounded-image__img, .rounded-image__placeholder {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em !important;
  object-fit: cover;
}
.rounded-image__placeholder {
  fill: transparent;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.5em;
  height: 0.5em;
}
.rounded-image__colorname {
  font-family: var(--font-primary-light);
  font-size: 0.875rem;
  line-height: 1rem;
  color: #3B3B3B;
}
.rounded-image--btn {
  cursor: pointer;
}

:root {
  --filters-sidenav-list-item-height: 32px;
  --filters-sidenav-list-item-padding-x: var(--space-sm);
  --filters-sidenav-icon-size: 16px;
  --filters-sidenav-icon-text-gap: 8px;
  --filters-sidenav-sublist-control-size: 20px;
  --filters-sidenav-sublist-control-icon-size: var(--space-sm);
  --filters-sidenav-sublist-control-margin-right: var(--space-xs);
}

.filters-sidenav__list .filters-sidenav__list,
.filters-sidenav__list .filters-sidenav__sublist {
  display: none;
  width: 100%;
  background-color: #FBFBFB;
  z-index: var(--zindex-popover);
}
@media (min-width: 64.063rem) {
  .filters-sidenav__list .filters-sidenav__list,
  .filters-sidenav__list .filters-sidenav__sublist {
    position: absolute;
  }
}
.filters-sidenav__list .filters-sidenav__list .filters-sidenav__item,
.filters-sidenav__list .filters-sidenav__sublist .filters-sidenav__item {
  background-color: transparent;
  display: flex;
  align-items: center;
  border: 1px solid #DBDBDB;
}
.filters-sidenav__list .filters-sidenav__list .filters-sidenav__link,
.filters-sidenav__list .filters-sidenav__sublist .filters-sidenav__link {
  display: block;
  width: 100%;
  padding-top: var(--form-control-padding-y, 0.5em);
  padding-bottom: var(--form-control-padding-y, 0.5em);
  padding-left: var(--form-control-padding-x, 0.75em);
  padding-right: var(--form-control-padding-x, 0.75em);
  height: auto;
}
.filters-sidenav__list .filters-sidenav__list .filters-sidenav__link:hover,
.filters-sidenav__list .filters-sidenav__sublist .filters-sidenav__link:hover {
  background-color: #DBDBDB;
}

.filters-sidenav__item {
  position: relative;
  background-color: #FFFFFF;
}

.filters-sidenav__item--expanded .filters-sidenav__list {
  display: block;
}
.filters-sidenav__item--expanded .filters-sidenav__sublist-control .icon {
  transform: rotate(180deg);
}

.filters-sidenav__list .filters-sidenav__list .filters-sidenav__sublist {
  display: none;
  position: static;
  height: 100%;
  background-color: #FFFFFF;
}
.filters-sidenav__list .filters-sidenav__list .filters-sidenav__sublist .filters-sidenav__link {
  padding-left: var(--space-sm);
}
.filters-sidenav__list .filters-sidenav__list .filters-sidenav__item .filters-sidenav__link--control {
  flex-grow: 1;
  width: auto;
}
.filters-sidenav__list .filters-sidenav__list .filters-sidenav__item .filters-sidenav__sublist-control .icon {
  transform: rotate(0);
}
.filters-sidenav__list .filters-sidenav__list .filters-sidenav__item .filters-sidenav__sublist-control {
  position: relative;
  display: inline-flex;
  right: 0;
  top: 0;
  width: 2.5em;
  height: 2.5em;
  flex-shrink: 0;
  cursor: pointer;
  border-left: 1px solid #DBDBDB;
}
@media (min-width: 64.063rem) {
  .filters-sidenav__list .filters-sidenav__list .filters-sidenav__item .filters-sidenav__sublist-control {
    top: var(--space-sm);
    width: 3.5em;
    height: 3em;
  }
}
.filters-sidenav__list .filters-sidenav__list .filters-sidenav__item--expanded {
  display: flex;
  flex-wrap: wrap;
}
.filters-sidenav__list .filters-sidenav__list .filters-sidenav__item--expanded .filters-sidenav__sublist {
  display: block;
  background-color: rgb(238.25, 238.25, 238.25);
}
.filters-sidenav__list .filters-sidenav__list .filters-sidenav__item--expanded .filters-sidenav__sublist .filters-sidenav__item {
  border: none;
}
.filters-sidenav__list .filters-sidenav__list .filters-sidenav__item--expanded .filters-sidenav__sublist .filters-sidenav__item:not(:last-child) {
  border-bottom: 1px solid #DBDBDB;
}
.filters-sidenav__list .filters-sidenav__list .filters-sidenav__item--expanded .filters-sidenav__sublist-control {
  background-color: rgb(238.25, 238.25, 238.25);
}
.filters-sidenav__list .filters-sidenav__list .filters-sidenav__item--expanded .filters-sidenav__sublist-control .icon {
  transform: rotate(180deg);
}

.filters-sidenav__link {
  display: flex;
  height: var(--filters-sidenav-list-item-height);
  align-items: center;
  text-decoration: none;
  transition: 0.2s;
}

.filters-sidenav__icon {
  width: var(--filters-sidenav-icon-size);
  height: var(--filters-sidenav-icon-size);
  margin-right: var(--filters-sidenav-icon-text-gap);
}

.filters-sidenav__text {
  text-decoration: underline;
}

.filters-sidenav__counter {
  display: inline-block;
  font-size: var(--text-xs);
  padding: var(--space-xxxxs) var(--space-xxs);
  border-radius: 50em;
  margin-left: auto;
}

.filters-sidenav__sublist-control {
  display: block;
  position: absolute;
  right: var(--space-xs);
  top: var(--space-xxxs);
  transition: 0.2s;
}
@media (min-width: 64.063rem) {
  .filters-sidenav__sublist-control {
    width: var(--filters-sidenav-sublist-control-icon-size);
    height: var(--filters-sidenav-sublist-control-icon-size);
    right: var(--filters-sidenav-sublist-control-margin-right);
    top: 50%;
    transform: translateY(-50%);
  }
}
.filters-sidenav__sublist-control .icon {
  display: block;
  margin: auto;
  transition: transform 0.2s;
}

.filters-sidenav__label {
  display: flex;
  align-items: center;
  text-decoration: none;
  text-transform: uppercase;
  padding-top: var(--form-control-padding-y, 0.5em);
  padding-bottom: var(--form-control-padding-y, 0.5em);
  padding-left: var(--form-control-padding-x, 0.75em);
  padding-right: var(--form-control-padding-x, 0.75em);
  width: 100%;
  height: 100%;
  padding-right: calc(var(--select-icon-size) + var(--select-icon-right-margin)) !important;
  cursor: pointer;
}

.filters-sidenav__divider {
  width: 100%;
  height: 1px;
}

.filters-sidenav--basic .filters-sidenav__link, .filters-sidenav--basic .filters-sidenav__label {
  padding-left: var(--filters-sidenav-list-item-padding-x);
}

.filters-sidenav--minified {
  --filters-sidenav-list-item-height: auto;
}
.filters-sidenav--minified .filters-sidenav__list .filters-sidenav__list {
  display: none !important;
}
.filters-sidenav--minified .filters-sidenav__link, .filters-sidenav--minified .filters-sidenav__label {
  padding-left: var(--filters-sidenav-list-item-padding-x);
}
.filters-sidenav--minified .filters-sidenav__link {
  flex-direction: column;
  padding-top: var(--space-md);
  padding-bottom: var(--space-md);
}
.filters-sidenav--minified .filters-sidenav__icon {
  margin: 0 0 var(--filters-sidenav-icon-text-gap);
}
.filters-sidenav--minified .filters-sidenav__text {
  padding: 0;
}
.filters-sidenav--minified .filters-sidenav__counter, .filters-sidenav--minified .filters-sidenav__sublist-control {
  display: none;
}

@media (max-width: 64.063rem) {
  .filters-toggle {
    display: none;
  }
}
.filters-toggle--expanded {
  display: block;
}
@media (max-width: 64.063rem) {
  .filters-toggle--expanded {
    margin-top: var(--space-xs);
  }
}

/* --------------------------------

Title: FoldedTable
Descr: Widget to display a collapsable table

-------------------------------- */
.folded-table {
  width: 100%;
  max-width: var(--max-width-md);
}
.folded-table tr th {
  font-family: var(--font-primary-bold, "Arial", sans-serif);
  padding: var(--space-xxs);
  text-align: left;
}
@media (min-width: 40rem) {
  .folded-table tr th {
    padding: var(--space-sm);
  }
}
.folded-table tr td {
  padding: var(--space-xxs);
}
@media (min-width: 40rem) {
  .folded-table tr td {
    padding: var(--space-sm);
  }
}
.folded-table tr.folded-table__view {
  cursor: pointer;
}
@media (max-width: 64.063rem) {
  .folded-table tr.folded-table__view td {
    overflow-wrap: break-word;
    word-wrap: break-word;
  }
}
.folded-table tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.folded-table tr:nth-child(2n) {
  background: #eee;
}
.folded-table tr.folded-table__view.open .folded-table__btn-icon {
  transform: rotate(180deg);
}
.folded-table tr.folded-table__fold {
  display: none;
}
.folded-table tr.folded-table__fold td {
  padding: var(--space-sm);
}
.folded-table tr.folded-table__fold .folded-table__title {
  padding-bottom: var(--space-xxxxs);
  border-bottom: 2px solid #B6CCA7;
}
.folded-table tr.folded-table__fold .text-component img {
  margin: 1em 0;
  width: auto;
  height: auto;
}
.folded-table tr.folded-table__fold.open {
  display: table-row;
}
.folded-table__btn {
  background-color: transparent;
  border-radius: 50%;
}
.folded-table__btn-icon {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 1em;
  height: 1em;
  transition: transform 0.3s ease-out;
}
.folded-table__btn-icon::before, .folded-table__btn-icon::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 80%;
  background: currentColor;
  top: 0;
  transform-origin: 50% 100%;
  will-change: transform;
  transition: transform 0.2s;
}
.folded-table__btn-icon::before {
  left: 50%;
  transform: rotate(-45deg);
}
.folded-table__btn-icon::after {
  left: calc(50% - 1px);
  transform: rotate(45deg);
}

.text-media {
  display: flex;
  flex-direction: column;
}
.text-media__image + .text-media__text {
  margin-top: var(--space-sm);
}
.text-media__image .grid.gap-md + .grid.gap-md {
  margin-top: var(--space-md);
}
.text-media--above-center, .text-media--above-right, .text-media--above-left {
  display: flex;
  flex-direction: column;
}
.text-media--above-center .text-media__image + .text-media__text, .text-media--above-right .text-media__image + .text-media__text, .text-media--above-left .text-media__image + .text-media__text {
  margin-top: var(--space-sm);
}
.text-media--below-center .text-media__image, .text-media--below-right .text-media__image, .text-media--below-left .text-media__image {
  order: 1;
  margin-bottom: 0;
}
.text-media--below-center .text-media__image + .text-media__text, .text-media--below-right .text-media__image + .text-media__text, .text-media--below-left .text-media__image + .text-media__text {
  margin-top: 0;
  margin-bottom: var(--space-sm);
}
@media (min-width: 64.063rem) {
  .text-media--intext-right {
    display: block;
  }
  .text-media--intext-right .text-media__image {
    width: 50%;
    margin-left: var(--space-xs);
    float: right;
  }
  .text-media--intext-right .text-media__image + .text-media__text {
    margin-top: 0;
  }
}
@media (min-width: 64.063rem) {
  .text-media--intext-left {
    display: block;
  }
  .text-media--intext-left .text-media__image {
    width: 50%;
    margin-right: var(--space-xs);
    float: left;
  }
  .text-media--intext-left .text-media__image + .text-media__text {
    margin-top: 0;
  }
}
.text-media--beside-right, .text-media--beside-left {
  display: flex;
  flex-direction: column;
  --gap: var(--space-md);
  margin: 0 0 0 calc(-1 * var(--gap));
}
.text-media--beside-right .text-media__image,
.text-media--beside-right .text-media__text, .text-media--beside-left .text-media__image,
.text-media--beside-left .text-media__text {
  flex: 1 1 50%;
  margin: 0 0 0 var(--gap);
}
.text-media--beside-right .text-media__image, .text-media--beside-left .text-media__image {
  float: none;
  max-width: none;
}
@media (min-width: 40rem) {
  .text-media--beside-right, .text-media--beside-left {
    flex-direction: row;
  }
}
.text-media--beside-right .text-media__image {
  order: 1;
}
.text-media__youtubelink {
  position: relative;
}
.text-media__youtubelink .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  background-color: #3B3B3B;
  border-radius: 50%;
  z-index: 1;
  will-change: transform;
  transition: transform 0.15s ease-out;
}
.text-media__youtubelink:hover .icon, .text-media__youtubelink:focus .icon {
  box-shadow: 0 1.5px 2.1px -6px rgba(0, 0, 0, 0.012), 0 3.6px 5.2px -6px rgba(0, 0, 0, 0.035), 0 7.3px 10.6px -6px rgba(0, 0, 0, 0.07), 0 16.2px 21.9px -6px rgba(0, 0, 0, 0.117), 0 46px 60px -6px rgba(0, 0, 0, 0.2);
  transform: translate(-50%, -50%) scale(1.1);
  transform-origin: center center;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

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

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

.flex-column {
  flex-direction: column;
}

.flex-column-reverse {
  flex-direction: column-reverse;
}

.flex-row {
  flex-direction: row;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-center {
  justify-content: center;
  align-items: center;
}

.flex-grow {
  flex-grow: 1;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.flex-basis-0 {
  flex-basis: 0;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

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

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

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

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

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.margin-xxxxs {
  margin: var(--space-xxxxs);
}

.margin-xxxs {
  margin: var(--space-xxxs);
}

.margin-xxs {
  margin: var(--space-xxs);
}

.margin-xs {
  margin: var(--space-xs);
}

.margin-sm {
  margin: var(--space-sm);
}

.margin-md {
  margin: var(--space-md);
}

.margin-lg {
  margin: var(--space-lg);
}

.margin-xl {
  margin: var(--space-xl);
}

.margin-xxl {
  margin: var(--space-xxl);
}

.margin-xxxl {
  margin: var(--space-xxxl);
}

.margin-xxxxl {
  margin: var(--space-xxxxl);
}

.margin-auto {
  margin: auto;
}

.margin-0 {
  margin: 0;
}

.margin-top-xxxxs {
  margin-top: var(--space-xxxxs);
}

.margin-top-xxxs {
  margin-top: var(--space-xxxs);
}

.margin-top-xxs {
  margin-top: var(--space-xxs);
}

.margin-top-xs {
  margin-top: var(--space-xs);
}

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

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

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

.margin-top-xl {
  margin-top: var(--space-xl);
}

.margin-top-xxl {
  margin-top: var(--space-xxl);
}

.margin-top-xxxl {
  margin-top: var(--space-xxxl);
}

.margin-top-xxxxl {
  margin-top: var(--space-xxxxl);
}

.margin-top-auto {
  margin-top: auto;
}

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

.margin-bottom-xxxxs {
  margin-bottom: var(--space-xxxxs);
}

.margin-bottom-xxxs {
  margin-bottom: var(--space-xxxs);
}

.margin-bottom-xxs {
  margin-bottom: var(--space-xxs);
}

.margin-bottom-xs {
  margin-bottom: var(--space-xs);
}

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

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

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

.margin-bottom-xl {
  margin-bottom: var(--space-xl);
}

.margin-bottom-xxl {
  margin-bottom: var(--space-xxl);
}

.margin-bottom-xxxl {
  margin-bottom: var(--space-xxxl);
}

.margin-bottom-xxxxl {
  margin-bottom: var(--space-xxxxl);
}

.margin-bottom-auto {
  margin-bottom: auto;
}

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

.margin-right-xxxxs {
  margin-right: var(--space-xxxxs);
}

.margin-right-xxxs {
  margin-right: var(--space-xxxs);
}

.margin-right-xxs {
  margin-right: var(--space-xxs);
}

.margin-right-xs {
  margin-right: var(--space-xs);
}

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

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

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

.margin-right-xl {
  margin-right: var(--space-xl);
}

.margin-right-xxl {
  margin-right: var(--space-xxl);
}

.margin-right-xxxl {
  margin-right: var(--space-xxxl);
}

.margin-right-xxxxl {
  margin-right: var(--space-xxxxl);
}

.margin-right-auto {
  margin-right: auto;
}

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

.margin-left-xxxxs {
  margin-left: var(--space-xxxxs);
}

.margin-left-xxxs {
  margin-left: var(--space-xxxs);
}

.margin-left-xxs {
  margin-left: var(--space-xxs);
}

.margin-left-xs {
  margin-left: var(--space-xs);
}

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

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

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

.margin-left-xl {
  margin-left: var(--space-xl);
}

.margin-left-xxl {
  margin-left: var(--space-xxl);
}

.margin-left-xxxl {
  margin-left: var(--space-xxxl);
}

.margin-left-xxxxl {
  margin-left: var(--space-xxxxl);
}

.margin-left-auto {
  margin-left: auto;
}

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

.margin-x-xxxxs {
  margin-left: var(--space-xxxxs);
  margin-right: var(--space-xxxxs);
}

.margin-x-xxxs {
  margin-left: var(--space-xxxs);
  margin-right: var(--space-xxxs);
}

.margin-x-xxs {
  margin-left: var(--space-xxs);
  margin-right: var(--space-xxs);
}

.margin-x-xs {
  margin-left: var(--space-xs);
  margin-right: var(--space-xs);
}

.margin-x-sm {
  margin-left: var(--space-sm);
  margin-right: var(--space-sm);
}

.margin-x-md {
  margin-left: var(--space-md);
  margin-right: var(--space-md);
}

.margin-x-lg {
  margin-left: var(--space-lg);
  margin-right: var(--space-lg);
}

.margin-x-xl {
  margin-left: var(--space-xl);
  margin-right: var(--space-xl);
}

.margin-x-xxl {
  margin-left: var(--space-xxl);
  margin-right: var(--space-xxl);
}

.margin-x-xxxl {
  margin-left: var(--space-xxxl);
  margin-right: var(--space-xxxl);
}

.margin-x-xxxxl {
  margin-left: var(--space-xxxxl);
  margin-right: var(--space-xxxxl);
}

.margin-x-auto {
  margin-left: auto;
  margin-right: auto;
}

.margin-x-0 {
  margin-left: 0;
  margin-right: 0;
}

.margin-y-xxxxs {
  margin-top: var(--space-xxxxs);
  margin-bottom: var(--space-xxxxs);
}

.margin-y-xxxs {
  margin-top: var(--space-xxxs);
  margin-bottom: var(--space-xxxs);
}

.margin-y-xxs {
  margin-top: var(--space-xxs);
  margin-bottom: var(--space-xxs);
}

.margin-y-xs {
  margin-top: var(--space-xs);
  margin-bottom: var(--space-xs);
}

.margin-y-sm {
  margin-top: var(--space-sm);
  margin-bottom: var(--space-sm);
}

.margin-y-md {
  margin-top: var(--space-md);
  margin-bottom: var(--space-md);
}

.margin-y-lg {
  margin-top: var(--space-lg);
  margin-bottom: var(--space-lg);
}

.margin-y-xl {
  margin-top: var(--space-xl);
  margin-bottom: var(--space-xl);
}

.margin-y-xxl {
  margin-top: var(--space-xxl);
  margin-bottom: var(--space-xxl);
}

.margin-y-xxxl {
  margin-top: var(--space-xxxl);
  margin-bottom: var(--space-xxxl);
}

.margin-y-xxxxl {
  margin-top: var(--space-xxxxl);
  margin-bottom: var(--space-xxxxl);
}

.margin-y-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.margin-y-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.padding-xxxxs {
  padding: var(--space-xxxxs);
}

.padding-xxxs {
  padding: var(--space-xxxs);
}

.padding-xxs {
  padding: var(--space-xxs);
}

.padding-xs {
  padding: var(--space-xs);
}

.padding-sm {
  padding: var(--space-sm);
}

.padding-md {
  padding: var(--space-md);
}

.padding-lg {
  padding: var(--space-lg);
}

.padding-xl {
  padding: var(--space-xl);
}

.padding-xxl {
  padding: var(--space-xxl);
}

.padding-xxxl {
  padding: var(--space-xxxl);
}

.padding-xxxxl {
  padding: var(--space-xxxxl);
}

.padding-0 {
  padding: 0;
}

.padding-component {
  padding: var(--component-padding);
}

.padding-top-xxxxs {
  padding-top: var(--space-xxxxs);
}

.padding-top-xxxs {
  padding-top: var(--space-xxxs);
}

.padding-top-xxs {
  padding-top: var(--space-xxs);
}

.padding-top-xs {
  padding-top: var(--space-xs);
}

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

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

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

.padding-top-xl {
  padding-top: var(--space-xl);
}

.padding-top-xxl {
  padding-top: var(--space-xxl);
}

.padding-top-xxxl {
  padding-top: var(--space-xxxl);
}

.padding-top-xxxxl {
  padding-top: var(--space-xxxxl);
}

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

.padding-top-component {
  padding-top: var(--component-padding);
}

.padding-bottom-xxxxs {
  padding-bottom: var(--space-xxxxs);
}

.padding-bottom-xxxs {
  padding-bottom: var(--space-xxxs);
}

.padding-bottom-xxs {
  padding-bottom: var(--space-xxs);
}

.padding-bottom-xs {
  padding-bottom: var(--space-xs);
}

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

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

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

.padding-bottom-xl {
  padding-bottom: var(--space-xl);
}

.padding-bottom-xxl {
  padding-bottom: var(--space-xxl);
}

.padding-bottom-xxxl {
  padding-bottom: var(--space-xxxl);
}

.padding-bottom-xxxxl {
  padding-bottom: var(--space-xxxxl);
}

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

.padding-bottom-component {
  padding-bottom: var(--component-padding);
}

.padding-right-xxxxs {
  padding-right: var(--space-xxxxs);
}

.padding-right-xxxs {
  padding-right: var(--space-xxxs);
}

.padding-right-xxs {
  padding-right: var(--space-xxs);
}

.padding-right-xs {
  padding-right: var(--space-xs);
}

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

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

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

.padding-right-xl {
  padding-right: var(--space-xl);
}

.padding-right-xxl {
  padding-right: var(--space-xxl);
}

.padding-right-xxxl {
  padding-right: var(--space-xxxl);
}

.padding-right-xxxxl {
  padding-right: var(--space-xxxxl);
}

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

.padding-right-component {
  padding-right: var(--component-padding);
}

.padding-left-xxxxs {
  padding-left: var(--space-xxxxs);
}

.padding-left-xxxs {
  padding-left: var(--space-xxxs);
}

.padding-left-xxs {
  padding-left: var(--space-xxs);
}

.padding-left-xs {
  padding-left: var(--space-xs);
}

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

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

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

.padding-left-xl {
  padding-left: var(--space-xl);
}

.padding-left-xxl {
  padding-left: var(--space-xxl);
}

.padding-left-xxxl {
  padding-left: var(--space-xxxl);
}

.padding-left-xxxxl {
  padding-left: var(--space-xxxxl);
}

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

.padding-left-component {
  padding-left: var(--component-padding);
}

.padding-x-xxxxs {
  padding-left: var(--space-xxxxs);
  padding-right: var(--space-xxxxs);
}

.padding-x-xxxs {
  padding-left: var(--space-xxxs);
  padding-right: var(--space-xxxs);
}

.padding-x-xxs {
  padding-left: var(--space-xxs);
  padding-right: var(--space-xxs);
}

.padding-x-xs {
  padding-left: var(--space-xs);
  padding-right: var(--space-xs);
}

.padding-x-sm {
  padding-left: var(--space-sm);
  padding-right: var(--space-sm);
}

.padding-x-md {
  padding-left: var(--space-md);
  padding-right: var(--space-md);
}

.padding-x-lg {
  padding-left: var(--space-lg);
  padding-right: var(--space-lg);
}

.padding-x-xl {
  padding-left: var(--space-xl);
  padding-right: var(--space-xl);
}

.padding-x-xxl {
  padding-left: var(--space-xxl);
  padding-right: var(--space-xxl);
}

.padding-x-xxxl {
  padding-left: var(--space-xxxl);
  padding-right: var(--space-xxxl);
}

.padding-x-xxxxl {
  padding-left: var(--space-xxxxl);
  padding-right: var(--space-xxxxl);
}

.padding-x-0 {
  padding-left: 0;
  padding-right: 0;
}

.padding-x-component {
  padding-left: var(--component-padding);
  padding-right: var(--component-padding);
}

.padding-y-xxxxs {
  padding-top: var(--space-xxxxs);
  padding-bottom: var(--space-xxxxs);
}

.padding-y-xxxs {
  padding-top: var(--space-xxxs);
  padding-bottom: var(--space-xxxs);
}

.padding-y-xxs {
  padding-top: var(--space-xxs);
  padding-bottom: var(--space-xxs);
}

.padding-y-xs {
  padding-top: var(--space-xs);
  padding-bottom: var(--space-xs);
}

.padding-y-sm {
  padding-top: var(--space-sm);
  padding-bottom: var(--space-sm);
}

.padding-y-md {
  padding-top: var(--space-md);
  padding-bottom: var(--space-md);
}

.padding-y-lg {
  padding-top: var(--space-lg);
  padding-bottom: var(--space-lg);
}

.padding-y-xl {
  padding-top: var(--space-xl);
  padding-bottom: var(--space-xl);
}

.padding-y-xxl {
  padding-top: var(--space-xxl);
  padding-bottom: var(--space-xxl);
}

.padding-y-xxxl {
  padding-top: var(--space-xxxl);
  padding-bottom: var(--space-xxxl);
}

.padding-y-xxxxl {
  padding-top: var(--space-xxxxl);
  padding-bottom: var(--space-xxxxl);
}

.padding-y-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.padding-y-component {
  padding-top: var(--component-padding);
  padding-bottom: var(--component-padding);
}

.align-baseline {
  vertical-align: baseline;
}

.align-top {
  vertical-align: top;
}

.align-middle {
  vertical-align: middle;
}

.align-bottom {
  vertical-align: bottom;
}

.truncate, .text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-replace {
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.letter-spacing-sm {
  letter-spacing: -0.05em;
}

.letter-spacing-md {
  letter-spacing: 0.05em;
}

.letter-spacing-lg {
  letter-spacing: 0.1em;
}

.font-light {
  font-weight: 300;
}

.font-normal {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.font-bold, .text-bold {
  font-weight: 700;
}

.font-italic {
  font-style: italic;
}

.font-smooth {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.font-primary {
  font-family: var(--font-primary);
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.text-line-through {
  text-decoration: line-through;
}

.text-underline {
  text-decoration: underline;
}

.text-decoration-none {
  text-decoration: none;
}

.v-space-xxs {
  --text-vspace-multiplier: 0.25 !important;
}

.v-space-xs {
  --text-vspace-multiplier: 0.5 !important;
}

.v-space-sm {
  --text-vspace-multiplier: 0.75 !important;
}

.v-space-md {
  --text-vspace-multiplier: 1.25 !important;
}

.v-space-lg {
  --text-vspace-multiplier: 1.5 !important;
}

.v-space-xl {
  --text-vspace-multiplier: 1.75 !important;
}

.v-space-xxl {
  --text-vspace-multiplier: 2 !important;
}

.line-height-xs {
  --heading-line-height: 1;
  --body-line-height: 1;
}
.line-height-xs:not(.text-component) {
  line-height: 1;
}

.line-height-sm {
  --heading-line-height: 1.1;
  --body-line-height: 1.2;
}
.line-height-sm:not(.text-component) {
  line-height: 1.2;
}

.line-height-md {
  --heading-line-height: 1.15;
  --body-line-height: 1.4;
}
.line-height-md:not(.text-component) {
  line-height: 1.4;
}

.line-height-lg {
  --heading-line-height: 1.22;
  --body-line-height: 1.58;
}
.line-height-lg:not(.text-component) {
  line-height: 1.58;
}

.line-height-xl {
  --heading-line-height: 1.3;
  --body-line-height: 1.72;
}
.line-height-xl:not(.text-component) {
  line-height: 1.72;
}

.line-height-body {
  line-height: var(--body-line-height);
}

.line-height-heading {
  line-height: var(--heading-line-height);
}

.ws-nowrap, .text-nowrap {
  white-space: nowrap;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-default {
  cursor: default;
}

.pointer-events-auto {
  pointer-events: auto;
}

.pointer-events-none {
  pointer-events: none;
}

.user-select-none {
  user-select: none;
}

.user-select-all {
  user-select: all;
}

.width-xxxxs {
  width: var(--size-xxxxs, 0.25rem);
}

.width-xxxs {
  width: var(--size-xxxs, 0.5rem);
}

.width-xxs {
  width: var(--size-xxs, 0.75rem);
}

.width-xs {
  width: var(--size-xs, 1rem);
}

.width-sm {
  width: var(--size-sm, 1.5rem);
}

.width-md {
  width: var(--size-md, 2rem);
}

.width-lg {
  width: var(--size-lg, 3rem);
}

.width-xl {
  width: var(--size-xl, 4rem);
}

.width-xxl {
  width: var(--size-xxl, 6rem);
}

.width-xxxl {
  width: var(--size-xxxl, 8rem);
}

.width-xxxxl {
  width: var(--size-xxxxl, 16rem);
}

.width-0 {
  width: 0;
}

.width-10\% {
  width: 10%;
}

.width-20\% {
  width: 20%;
}

.width-25\% {
  width: 25%;
}

.width-30\% {
  width: 30%;
}

.width-33\% {
  width: 33.3333333333%;
}

.width-40\% {
  width: 40%;
}

.width-50\% {
  width: 50%;
}

.width-60\% {
  width: 60%;
}

.width-66\% {
  width: 66.6666666667%;
}

.width-70\% {
  width: 70%;
}

.width-75\% {
  width: 75%;
}

.width-80\% {
  width: 80%;
}

.width-90\% {
  width: 90%;
}

.width-100\% {
  width: 100%;
}

.width-100vw {
  width: 100vw;
}

.width-auto {
  width: auto;
}

.height-xxxxs {
  height: var(--size-xxxxs, 0.25rem);
}

.height-xxxs {
  height: var(--size-xxxs, 0.5rem);
}

.height-xxs {
  height: var(--size-xxs, 0.75rem);
}

.height-xs {
  height: var(--size-xs, 1rem);
}

.height-sm {
  height: var(--size-sm, 1.5rem);
}

.height-md {
  height: var(--size-md, 2rem);
}

.height-lg {
  height: var(--size-lg, 3rem);
}

.height-xl {
  height: var(--size-xl, 4rem);
}

.height-xxl {
  height: var(--size-xxl, 6rem);
}

.height-xxxl {
  height: var(--size-xxxl, 8rem);
}

.height-xxxxl {
  height: var(--size-xxxxl, 16rem);
}

.height-0 {
  height: 0;
}

.height-10\% {
  height: 10%;
}

.height-20\% {
  height: 20%;
}

.height-25\% {
  height: 25%;
}

.height-30\% {
  height: 30%;
}

.height-33\% {
  height: 33.3333333333%;
}

.height-40\% {
  height: 40%;
}

.height-50\% {
  height: 50%;
}

.height-60\% {
  height: 60%;
}

.height-66\% {
  height: 66.6666666667%;
}

.height-70\% {
  height: 70%;
}

.height-75\% {
  height: 75%;
}

.height-80\% {
  height: 80%;
}

.height-90\% {
  height: 90%;
}

.height-100\% {
  height: 100%;
}

.height-100vh {
  height: 100vh;
}

.height-auto {
  height: auto;
}

.min-width-0 {
  min-width: 0;
}

.min-width-25\% {
  min-width: 25%;
}

.min-width-33\% {
  min-width: 33.3333333333%;
}

.min-width-50\% {
  min-width: 50%;
}

.min-width-66\% {
  min-width: 66.6666666667%;
}

.min-width-75\% {
  min-width: 75%;
}

.min-width-100\% {
  min-width: 100%;
}

.min-width-100vw {
  min-width: 100vw;
}

.min-height-100\% {
  min-height: 100%;
}

.min-height-100vh {
  min-height: 100vh;
}

:root {
  --max-width-xxxxs: 20rem;
  --max-width-xxxs: 26rem;
  --max-width-xxs: 32rem;
  --max-width-xs: 38rem;
  --max-width-sm: 48rem;
  --max-width-md: 64rem;
  --max-width-lg: 80rem;
  --max-width-xl: 90rem;
  --max-width-xxl: 100rem;
  --max-width-xxxl: 120rem;
  --max-width-xxxxl: 150rem;
}

.max-width-xxxxs {
  max-width: var(--max-width-xxxxs);
}

.max-width-xxxs {
  max-width: var(--max-width-xxxs);
}

.max-width-xxs {
  max-width: var(--max-width-xxs);
}

.max-width-xs {
  max-width: var(--max-width-xs);
}

.max-width-sm {
  max-width: var(--max-width-sm);
}

.max-width-md {
  max-width: var(--max-width-md);
}

.max-width-lg {
  max-width: var(--max-width-lg);
}

.max-width-xl {
  max-width: var(--max-width-xl);
}

.max-width-xxl {
  max-width: var(--max-width-xxl);
}

.max-width-xxxl {
  max-width: var(--max-width-xxxl);
}

.max-width-xxxxl {
  max-width: var(--max-width-xxxxl);
}

.max-width-100\% {
  max-width: 100%;
}

.max-width-content {
  max-width: fit-content;
}

[class*=max-width-adaptive] {
  max-width: 0;
}

@media (min-width: 40rem) {
  .max-width-adaptive-sm, .max-width-adaptive-md, .max-width-adaptive-lg, .max-width-adaptive {
    max-width: 40rem;
  }
}
@media (min-width: 64.063rem) {
  .max-width-adaptive-md, .max-width-adaptive-lg, .max-width-adaptive {
    max-width: 64.063rem;
  }
}
@media (min-width: 92rem) {
  .max-width-adaptive-lg {
    max-width: 92rem;
  }
}
.max-height-100\% {
  max-height: 100%;
}

.max-height-100vh {
  max-height: 100vh;
}

.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.position-fixed {
  position: fixed;
}

.position-sticky {
  position: sticky;
}

.top-0 {
  top: 0;
}

.bottom-0 {
  bottom: 0;
}

.left-0 {
  left: 0;
}

.right-0 {
  right: 0;
}

.z-index-header {
  z-index: var(--zindex-header);
}

.z-index-popover {
  z-index: var(--zindex-popover);
}

.z-index-fixed-element {
  z-index: var(--zindex-fixed-element);
}

.z-index-overlay {
  z-index: var(--zindex-overlay);
}

.zindex-1, .z-index-1 {
  z-index: 1;
}

.zindex-2, .z-index-2 {
  z-index: 2;
}

.zindex-3, .z-index-3 {
  z-index: 3;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-auto {
  overflow: auto;
}

.momentum-scrolling {
  -webkit-overflow-scrolling: touch;
}

.overscroll-contain {
  overscroll-behavior: contain;
}

.opacity-0 {
  opacity: 0;
}

.opacity-10\% {
  opacity: 0.1;
}

.opacity-20\% {
  opacity: 0.2;
}

.opacity-30\% {
  opacity: 0.3;
}

.opacity-40\% {
  opacity: 0.4;
}

.opacity-50\% {
  opacity: 0.5;
}

.opacity-60\% {
  opacity: 0.6;
}

.opacity-70\% {
  opacity: 0.7;
}

.opacity-80\% {
  opacity: 0.8;
}

.opacity-90\% {
  opacity: 0.9;
}

.media-wrapper img {
  height: auto;
}

.media-wrapper--16\:9 {
  padding-bottom: calc(9 / 16 * 100%);
  position: relative;
  height: 0;
}
.media-wrapper--16\:9 > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.media-wrapper--16\:9 > picture > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.media-wrapper--16\:9 > img {
  height: 100%;
}

.media-wrapper--4\:3 {
  padding-bottom: calc(3 / 4 * 100%);
  position: relative;
  height: 0;
}
.media-wrapper--4\:3 > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.media-wrapper--4\:3 > picture > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.media-wrapper--4\:3 > img {
  height: 100%;
}

.media-wrapper--1\:1 {
  padding-bottom: calc(1 / 1 * 100%);
  position: relative;
  height: 0;
}
.media-wrapper--1\:1 > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.media-wrapper--1\:1 > picture > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.media-wrapper--1\:1 > img {
  height: 100%;
}

.media-wrapper--3\:2 {
  padding-bottom: calc(2 / 3 * 100%);
  position: relative;
  height: 0;
}
.media-wrapper--3\:2 > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.media-wrapper--3\:2 > picture > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.media-wrapper--3\:2 > img {
  height: 100%;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

.radius-50\% {
  border-radius: 50%;
}

.radius-full {
  border-radius: 50em;
}

.backdrop-blur-10 {
  backdrop-filter: blur(10px);
}

.backdrop-blur-20 {
  backdrop-filter: blur(20px);
}

.isolate {
  isolation: isolate;
}

.blend-multiply {
  mix-blend-mode: multiply;
}

.blend-overlay {
  mix-blend-mode: overlay;
}

.object-contain {
  object-fit: contain;
}

.object-cover {
  object-fit: cover;
}

.flip {
  transform: scale(-1);
}

.flip-x {
  transform: scaleX(-1);
}

.flip-y {
  transform: scaleY(-1);
}

@media (min-width: 0) {
  .flex\@xs {
    display: flex;
  }
  .inline-flex\@xs {
    display: inline-flex;
  }
  .flex-wrap\@xs {
    flex-wrap: wrap;
  }
  .flex-column\@xs {
    flex-direction: column;
  }
  .flex-column-reverse\@xs {
    flex-direction: column-reverse;
  }
  .flex-row\@xs {
    flex-direction: row;
  }
  .flex-row-reverse\@xs {
    flex-direction: row-reverse;
  }
  .flex-center\@xs {
    justify-content: center;
    align-items: center;
  }
  .flex-grow-0\@xs {
    flex-grow: 0;
  }
  .flex-grow\@xs {
    flex-grow: 1;
  }
  .flex-shrink-0\@xs {
    flex-shrink: 0;
  }
  .flex-shrink\@xs {
    flex-shrink: 1;
  }
  .justify-start\@xs {
    justify-content: flex-start;
  }
  .justify-end\@xs {
    justify-content: flex-end;
  }
  .justify-center\@xs {
    justify-content: center;
  }
  .justify-between\@xs {
    justify-content: space-between;
  }
  .items-center\@xs {
    align-items: center;
  }
  .items-start\@xs {
    align-items: flex-start;
  }
  .items-end\@xs {
    align-items: flex-end;
  }
  .items-baseline\@xs {
    align-items: baseline;
  }
  .order-1\@xs {
    order: 1;
  }
  .order-2\@xs {
    order: 2;
  }
  .order-3\@xs {
    order: 3;
  }
  .block\@xs {
    display: block;
  }
  .inline-block\@xs {
    display: inline-block;
  }
  .inline\@xs {
    display: inline;
  }
  @supports (--css: variables) {
    .margin-xxxxs\@xs {
      margin: var(--space-xxxxs);
    }
    .margin-xxxs\@xs {
      margin: var(--space-xxxs);
    }
    .margin-xxs\@xs {
      margin: var(--space-xxs);
    }
    .margin-xs\@xs {
      margin: var(--space-xs);
    }
    .margin-sm\@xs {
      margin: var(--space-sm);
    }
    .margin-md\@xs {
      margin: var(--space-md);
    }
    .margin-lg\@xs {
      margin: var(--space-lg);
    }
    .margin-xl\@xs {
      margin: var(--space-xl);
    }
    .margin-xxl\@xs {
      margin: var(--space-xxl);
    }
    .margin-xxxl\@xs {
      margin: var(--space-xxxl);
    }
    .margin-xxxxl\@xs {
      margin: var(--space-xxxxl);
    }
    .margin-auto\@xs {
      margin: auto;
    }
    .margin-0\@xs {
      margin: 0;
    }
    .margin-top-xxxxs\@xs {
      margin-top: var(--space-xxxxs);
    }
    .margin-top-xxxs\@xs {
      margin-top: var(--space-xxxs);
    }
    .margin-top-xxs\@xs {
      margin-top: var(--space-xxs);
    }
    .margin-top-xs\@xs {
      margin-top: var(--space-xs);
    }
    .margin-top-sm\@xs {
      margin-top: var(--space-sm);
    }
    .margin-top-md\@xs {
      margin-top: var(--space-md);
    }
    .margin-top-lg\@xs {
      margin-top: var(--space-lg);
    }
    .margin-top-xl\@xs {
      margin-top: var(--space-xl);
    }
    .margin-top-xxl\@xs {
      margin-top: var(--space-xxl);
    }
    .margin-top-xxxl\@xs {
      margin-top: var(--space-xxxl);
    }
    .margin-top-xxxxl\@xs {
      margin-top: var(--space-xxxxl);
    }
    .margin-top-auto\@xs {
      margin-top: auto;
    }
    .margin-top-0\@xs {
      margin-top: 0;
    }
    .margin-bottom-xxxxs\@xs {
      margin-bottom: var(--space-xxxxs);
    }
    .margin-bottom-xxxs\@xs {
      margin-bottom: var(--space-xxxs);
    }
    .margin-bottom-xxs\@xs {
      margin-bottom: var(--space-xxs);
    }
    .margin-bottom-xs\@xs {
      margin-bottom: var(--space-xs);
    }
    .margin-bottom-sm\@xs {
      margin-bottom: var(--space-sm);
    }
    .margin-bottom-md\@xs {
      margin-bottom: var(--space-md);
    }
    .margin-bottom-lg\@xs {
      margin-bottom: var(--space-lg);
    }
    .margin-bottom-xl\@xs {
      margin-bottom: var(--space-xl);
    }
    .margin-bottom-xxl\@xs {
      margin-bottom: var(--space-xxl);
    }
    .margin-bottom-xxxl\@xs {
      margin-bottom: var(--space-xxxl);
    }
    .margin-bottom-xxxxl\@xs {
      margin-bottom: var(--space-xxxxl);
    }
    .margin-bottom-auto\@xs {
      margin-bottom: auto;
    }
    .margin-bottom-0\@xs {
      margin-bottom: 0;
    }
    .margin-right-xxxxs\@xs {
      margin-right: var(--space-xxxxs);
    }
    .margin-right-xxxs\@xs {
      margin-right: var(--space-xxxs);
    }
    .margin-right-xxs\@xs {
      margin-right: var(--space-xxs);
    }
    .margin-right-xs\@xs {
      margin-right: var(--space-xs);
    }
    .margin-right-sm\@xs {
      margin-right: var(--space-sm);
    }
    .margin-right-md\@xs {
      margin-right: var(--space-md);
    }
    .margin-right-lg\@xs {
      margin-right: var(--space-lg);
    }
    .margin-right-xl\@xs {
      margin-right: var(--space-xl);
    }
    .margin-right-xxl\@xs {
      margin-right: var(--space-xxl);
    }
    .margin-right-xxxl\@xs {
      margin-right: var(--space-xxxl);
    }
    .margin-right-xxxxl\@xs {
      margin-right: var(--space-xxxxl);
    }
    .margin-right-auto\@xs {
      margin-right: auto;
    }
    .margin-right-0\@xs {
      margin-right: 0;
    }
    .margin-left-xxxxs\@xs {
      margin-left: var(--space-xxxxs);
    }
    .margin-left-xxxs\@xs {
      margin-left: var(--space-xxxs);
    }
    .margin-left-xxs\@xs {
      margin-left: var(--space-xxs);
    }
    .margin-left-xs\@xs {
      margin-left: var(--space-xs);
    }
    .margin-left-sm\@xs {
      margin-left: var(--space-sm);
    }
    .margin-left-md\@xs {
      margin-left: var(--space-md);
    }
    .margin-left-lg\@xs {
      margin-left: var(--space-lg);
    }
    .margin-left-xl\@xs {
      margin-left: var(--space-xl);
    }
    .margin-left-xxl\@xs {
      margin-left: var(--space-xxl);
    }
    .margin-left-xxxl\@xs {
      margin-left: var(--space-xxxl);
    }
    .margin-left-xxxxl\@xs {
      margin-left: var(--space-xxxxl);
    }
    .margin-left-auto\@xs {
      margin-left: auto;
    }
    .margin-left-0\@xs {
      margin-left: 0;
    }
    .margin-x-xxxxs\@xs {
      margin-left: var(--space-xxxxs);
      margin-right: var(--space-xxxxs);
    }
    .margin-x-xxxs\@xs {
      margin-left: var(--space-xxxs);
      margin-right: var(--space-xxxs);
    }
    .margin-x-xxs\@xs {
      margin-left: var(--space-xxs);
      margin-right: var(--space-xxs);
    }
    .margin-x-xs\@xs {
      margin-left: var(--space-xs);
      margin-right: var(--space-xs);
    }
    .margin-x-sm\@xs {
      margin-left: var(--space-sm);
      margin-right: var(--space-sm);
    }
    .margin-x-md\@xs {
      margin-left: var(--space-md);
      margin-right: var(--space-md);
    }
    .margin-x-lg\@xs {
      margin-left: var(--space-lg);
      margin-right: var(--space-lg);
    }
    .margin-x-xl\@xs {
      margin-left: var(--space-xl);
      margin-right: var(--space-xl);
    }
    .margin-x-xxl\@xs {
      margin-left: var(--space-xxl);
      margin-right: var(--space-xxl);
    }
    .margin-x-xxxl\@xs {
      margin-left: var(--space-xxxl);
      margin-right: var(--space-xxxl);
    }
    .margin-x-xxxxl\@xs {
      margin-left: var(--space-xxxxl);
      margin-right: var(--space-xxxxl);
    }
    .margin-x-auto\@xs {
      margin-left: auto;
      margin-right: auto;
    }
    .margin-x-0\@xs {
      margin-left: 0;
      margin-right: 0;
    }
    .margin-y-xxxxs\@xs {
      margin-top: var(--space-xxxxs);
      margin-bottom: var(--space-xxxxs);
    }
    .margin-y-xxxs\@xs {
      margin-top: var(--space-xxxs);
      margin-bottom: var(--space-xxxs);
    }
    .margin-y-xxs\@xs {
      margin-top: var(--space-xxs);
      margin-bottom: var(--space-xxs);
    }
    .margin-y-xs\@xs {
      margin-top: var(--space-xs);
      margin-bottom: var(--space-xs);
    }
    .margin-y-sm\@xs {
      margin-top: var(--space-sm);
      margin-bottom: var(--space-sm);
    }
    .margin-y-md\@xs {
      margin-top: var(--space-md);
      margin-bottom: var(--space-md);
    }
    .margin-y-lg\@xs {
      margin-top: var(--space-lg);
      margin-bottom: var(--space-lg);
    }
    .margin-y-xl\@xs {
      margin-top: var(--space-xl);
      margin-bottom: var(--space-xl);
    }
    .margin-y-xxl\@xs {
      margin-top: var(--space-xxl);
      margin-bottom: var(--space-xxl);
    }
    .margin-y-xxxl\@xs {
      margin-top: var(--space-xxxl);
      margin-bottom: var(--space-xxxl);
    }
    .margin-y-xxxxl\@xs {
      margin-top: var(--space-xxxxl);
      margin-bottom: var(--space-xxxxl);
    }
    .margin-y-auto\@xs {
      margin-top: auto;
      margin-bottom: auto;
    }
    .margin-y-0\@xs {
      margin-top: 0;
      margin-bottom: 0;
    }
  }
  @supports (--css: variables) {
    .padding-xxxxs\@xs {
      padding: var(--space-xxxxs);
    }
    .padding-xxxs\@xs {
      padding: var(--space-xxxs);
    }
    .padding-xxs\@xs {
      padding: var(--space-xxs);
    }
    .padding-xs\@xs {
      padding: var(--space-xs);
    }
    .padding-sm\@xs {
      padding: var(--space-sm);
    }
    .padding-md\@xs {
      padding: var(--space-md);
    }
    .padding-lg\@xs {
      padding: var(--space-lg);
    }
    .padding-xl\@xs {
      padding: var(--space-xl);
    }
    .padding-xxl\@xs {
      padding: var(--space-xxl);
    }
    .padding-xxxl\@xs {
      padding: var(--space-xxxl);
    }
    .padding-xxxxl\@xs {
      padding: var(--space-xxxxl);
    }
    .padding-0\@xs {
      padding: 0;
    }
    .padding-component\@xs {
      padding: var(--component-padding);
    }
    .padding-top-xxxxs\@xs {
      padding-top: var(--space-xxxxs);
    }
    .padding-top-xxxs\@xs {
      padding-top: var(--space-xxxs);
    }
    .padding-top-xxs\@xs {
      padding-top: var(--space-xxs);
    }
    .padding-top-xs\@xs {
      padding-top: var(--space-xs);
    }
    .padding-top-sm\@xs {
      padding-top: var(--space-sm);
    }
    .padding-top-md\@xs {
      padding-top: var(--space-md);
    }
    .padding-top-lg\@xs {
      padding-top: var(--space-lg);
    }
    .padding-top-xl\@xs {
      padding-top: var(--space-xl);
    }
    .padding-top-xxl\@xs {
      padding-top: var(--space-xxl);
    }
    .padding-top-xxxl\@xs {
      padding-top: var(--space-xxxl);
    }
    .padding-top-xxxxl\@xs {
      padding-top: var(--space-xxxxl);
    }
    .padding-top-0\@xs {
      padding-top: 0;
    }
    .padding-top-component\@xs {
      padding-top: var(--component-padding);
    }
    .padding-bottom-xxxxs\@xs {
      padding-bottom: var(--space-xxxxs);
    }
    .padding-bottom-xxxs\@xs {
      padding-bottom: var(--space-xxxs);
    }
    .padding-bottom-xxs\@xs {
      padding-bottom: var(--space-xxs);
    }
    .padding-bottom-xs\@xs {
      padding-bottom: var(--space-xs);
    }
    .padding-bottom-sm\@xs {
      padding-bottom: var(--space-sm);
    }
    .padding-bottom-md\@xs {
      padding-bottom: var(--space-md);
    }
    .padding-bottom-lg\@xs {
      padding-bottom: var(--space-lg);
    }
    .padding-bottom-xl\@xs {
      padding-bottom: var(--space-xl);
    }
    .padding-bottom-xxl\@xs {
      padding-bottom: var(--space-xxl);
    }
    .padding-bottom-xxxl\@xs {
      padding-bottom: var(--space-xxxl);
    }
    .padding-bottom-xxxxl\@xs {
      padding-bottom: var(--space-xxxxl);
    }
    .padding-bottom-0\@xs {
      padding-bottom: 0;
    }
    .padding-bottom-component\@xs {
      padding-bottom: var(--component-padding);
    }
    .padding-right-xxxxs\@xs {
      padding-right: var(--space-xxxxs);
    }
    .padding-right-xxxs\@xs {
      padding-right: var(--space-xxxs);
    }
    .padding-right-xxs\@xs {
      padding-right: var(--space-xxs);
    }
    .padding-right-xs\@xs {
      padding-right: var(--space-xs);
    }
    .padding-right-sm\@xs {
      padding-right: var(--space-sm);
    }
    .padding-right-md\@xs {
      padding-right: var(--space-md);
    }
    .padding-right-lg\@xs {
      padding-right: var(--space-lg);
    }
    .padding-right-xl\@xs {
      padding-right: var(--space-xl);
    }
    .padding-right-xxl\@xs {
      padding-right: var(--space-xxl);
    }
    .padding-right-xxxl\@xs {
      padding-right: var(--space-xxxl);
    }
    .padding-right-xxxxl\@xs {
      padding-right: var(--space-xxxxl);
    }
    .padding-right-0\@xs {
      padding-right: 0;
    }
    .padding-right-component\@xs {
      padding-right: var(--component-padding);
    }
    .padding-left-xxxxs\@xs {
      padding-left: var(--space-xxxxs);
    }
    .padding-left-xxxs\@xs {
      padding-left: var(--space-xxxs);
    }
    .padding-left-xxs\@xs {
      padding-left: var(--space-xxs);
    }
    .padding-left-xs\@xs {
      padding-left: var(--space-xs);
    }
    .padding-left-sm\@xs {
      padding-left: var(--space-sm);
    }
    .padding-left-md\@xs {
      padding-left: var(--space-md);
    }
    .padding-left-lg\@xs {
      padding-left: var(--space-lg);
    }
    .padding-left-xl\@xs {
      padding-left: var(--space-xl);
    }
    .padding-left-xxl\@xs {
      padding-left: var(--space-xxl);
    }
    .padding-left-xxxl\@xs {
      padding-left: var(--space-xxxl);
    }
    .padding-left-xxxxl\@xs {
      padding-left: var(--space-xxxxl);
    }
    .padding-left-0\@xs {
      padding-left: 0;
    }
    .padding-left-component\@xs {
      padding-left: var(--component-padding);
    }
    .padding-x-xxxxs\@xs {
      padding-left: var(--space-xxxxs);
      padding-right: var(--space-xxxxs);
    }
    .padding-x-xxxs\@xs {
      padding-left: var(--space-xxxs);
      padding-right: var(--space-xxxs);
    }
    .padding-x-xxs\@xs {
      padding-left: var(--space-xxs);
      padding-right: var(--space-xxs);
    }
    .padding-x-xs\@xs {
      padding-left: var(--space-xs);
      padding-right: var(--space-xs);
    }
    .padding-x-sm\@xs {
      padding-left: var(--space-sm);
      padding-right: var(--space-sm);
    }
    .padding-x-md\@xs {
      padding-left: var(--space-md);
      padding-right: var(--space-md);
    }
    .padding-x-lg\@xs {
      padding-left: var(--space-lg);
      padding-right: var(--space-lg);
    }
    .padding-x-xl\@xs {
      padding-left: var(--space-xl);
      padding-right: var(--space-xl);
    }
    .padding-x-xxl\@xs {
      padding-left: var(--space-xxl);
      padding-right: var(--space-xxl);
    }
    .padding-x-xxxl\@xs {
      padding-left: var(--space-xxxl);
      padding-right: var(--space-xxxl);
    }
    .padding-x-xxxxl\@xs {
      padding-left: var(--space-xxxxl);
      padding-right: var(--space-xxxxl);
    }
    .padding-x-0\@xs {
      padding-left: 0;
      padding-right: 0;
    }
    .padding-x-component\@xs {
      padding-left: var(--component-padding);
      padding-right: var(--component-padding);
    }
    .padding-y-xxxxs\@xs {
      padding-top: var(--space-xxxxs);
      padding-bottom: var(--space-xxxxs);
    }
    .padding-y-xxxs\@xs {
      padding-top: var(--space-xxxs);
      padding-bottom: var(--space-xxxs);
    }
    .padding-y-xxs\@xs {
      padding-top: var(--space-xxs);
      padding-bottom: var(--space-xxs);
    }
    .padding-y-xs\@xs {
      padding-top: var(--space-xs);
      padding-bottom: var(--space-xs);
    }
    .padding-y-sm\@xs {
      padding-top: var(--space-sm);
      padding-bottom: var(--space-sm);
    }
    .padding-y-md\@xs {
      padding-top: var(--space-md);
      padding-bottom: var(--space-md);
    }
    .padding-y-lg\@xs {
      padding-top: var(--space-lg);
      padding-bottom: var(--space-lg);
    }
    .padding-y-xl\@xs {
      padding-top: var(--space-xl);
      padding-bottom: var(--space-xl);
    }
    .padding-y-xxl\@xs {
      padding-top: var(--space-xxl);
      padding-bottom: var(--space-xxl);
    }
    .padding-y-xxxl\@xs {
      padding-top: var(--space-xxxl);
      padding-bottom: var(--space-xxxl);
    }
    .padding-y-xxxxl\@xs {
      padding-top: var(--space-xxxxl);
      padding-bottom: var(--space-xxxxl);
    }
    .padding-y-0\@xs {
      padding-top: 0;
      padding-bottom: 0;
    }
    .padding-y-component\@xs {
      padding-top: var(--component-padding);
      padding-bottom: var(--component-padding);
    }
  }
  @supports (--css: variables) {
    .width-xxxxs\@xs {
      width: var(--size-xxxxs, 0.25rem);
    }
    .width-xxxs\@xs {
      width: var(--size-xxxs, 0.5rem);
    }
    .width-xxs\@xs {
      width: var(--size-xxs, 0.75rem);
    }
    .width-xs\@xs {
      width: var(--size-xs, 1rem);
    }
    .width-sm\@xs {
      width: var(--size-sm, 1.5rem);
    }
    .width-md\@xs {
      width: var(--size-md, 2rem);
    }
    .width-lg\@xs {
      width: var(--size-lg, 3rem);
    }
    .width-xl\@xs {
      width: var(--size-xl, 4rem);
    }
    .width-xxl\@xs {
      width: var(--size-xxl, 6rem);
    }
    .width-xxxl\@xs {
      width: var(--size-xxxl, 8rem);
    }
    .width-xxxxl\@xs {
      width: var(--size-xxxxl, 16rem);
    }
    .width-0\@xs {
      width: 0;
    }
    .width-10\%\@xs {
      width: 10%;
    }
    .width-20\%\@xs {
      width: 20%;
    }
    .width-25\%\@xs {
      width: 25%;
    }
    .width-30\%\@xs {
      width: 30%;
    }
    .width-33\%\@xs {
      width: 33.3333333333%;
    }
    .width-40\%\@xs {
      width: 40%;
    }
    .width-50\%\@xs {
      width: 50%;
    }
    .width-60\%\@xs {
      width: 60%;
    }
    .width-66\%\@xs {
      width: 66.6666666667%;
    }
    .width-70\%\@xs {
      width: 70%;
    }
    .width-75\%\@xs {
      width: 75%;
    }
    .width-80\%\@xs {
      width: 80%;
    }
    .width-90\%\@xs {
      width: 90%;
    }
    .width-100\%\@xs {
      width: 100%;
    }
    .width-100vw\@xs {
      width: 100vw;
    }
    .width-auto\@xs {
      width: auto;
    }
  }
  .text-center\@xs {
    text-align: center;
  }
  .text-left\@xs {
    text-align: left;
  }
  .text-right\@xs {
    text-align: right;
  }
  .text-justify\@xs {
    text-align: justify;
  }
  @supports (--css: variables) {
    .text-xs\@xs {
      font-size: var(--text-xs, 0.694em);
    }
    .text-sm\@xs {
      font-size: var(--text-sm, 0.833em);
    }
    .text-base\@xs {
      font-size: 1em;
    }
    .text-md\@xs {
      font-size: var(--text-md, 1.2em);
    }
    .text-lg\@xs {
      font-size: var(--text-lg, 1.44em);
    }
    .text-xl\@xs {
      font-size: var(--text-xl, 1.728em);
    }
    .text-xxl\@xs {
      font-size: var(--text-xxl, 2.074em);
    }
    .text-xxxl\@xs {
      font-size: var(--text-xxxl, 2.488em);
    }
    .text-xxxxl\@xs {
      font-size: var(--text-xxxxl, 2.985em);
    }
  }
  .hide\@xs {
    display: none !important;
  }
}
@media not all and (min-width: 0) {
  .has-margin\@xs {
    margin: 0 !important;
  }
  .has-padding\@xs {
    padding: 0 !important;
  }
  .display\@xs {
    display: none !important;
  }
}
:root {
  --display: block;
}

.is-visible {
  display: var(--display) !important;
}

.is-hidden {
  display: none !important;
}

@media print {
  .print\:is-hidden {
    display: none !important;
  }
}
@media (min-width: 40rem) {
  .flex\@sm {
    display: flex;
  }
  .inline-flex\@sm {
    display: inline-flex;
  }
  .flex-wrap\@sm {
    flex-wrap: wrap;
  }
  .flex-column\@sm {
    flex-direction: column;
  }
  .flex-column-reverse\@sm {
    flex-direction: column-reverse;
  }
  .flex-row\@sm {
    flex-direction: row;
  }
  .flex-row-reverse\@sm {
    flex-direction: row-reverse;
  }
  .flex-center\@sm {
    justify-content: center;
    align-items: center;
  }
  .flex-grow-0\@sm {
    flex-grow: 0;
  }
  .flex-grow\@sm {
    flex-grow: 1;
  }
  .flex-shrink-0\@sm {
    flex-shrink: 0;
  }
  .flex-shrink\@sm {
    flex-shrink: 1;
  }
  .justify-start\@sm {
    justify-content: flex-start;
  }
  .justify-end\@sm {
    justify-content: flex-end;
  }
  .justify-center\@sm {
    justify-content: center;
  }
  .justify-between\@sm {
    justify-content: space-between;
  }
  .items-center\@sm {
    align-items: center;
  }
  .items-start\@sm {
    align-items: flex-start;
  }
  .items-end\@sm {
    align-items: flex-end;
  }
  .items-baseline\@sm {
    align-items: baseline;
  }
  .order-1\@sm {
    order: 1;
  }
  .order-2\@sm {
    order: 2;
  }
  .order-3\@sm {
    order: 3;
  }
  .block\@sm {
    display: block;
  }
  .inline-block\@sm {
    display: inline-block;
  }
  .inline\@sm {
    display: inline;
  }
  @supports (--css: variables) {
    .margin-xxxxs\@sm {
      margin: var(--space-xxxxs);
    }
    .margin-xxxs\@sm {
      margin: var(--space-xxxs);
    }
    .margin-xxs\@sm {
      margin: var(--space-xxs);
    }
    .margin-xs\@sm {
      margin: var(--space-xs);
    }
    .margin-sm\@sm {
      margin: var(--space-sm);
    }
    .margin-md\@sm {
      margin: var(--space-md);
    }
    .margin-lg\@sm {
      margin: var(--space-lg);
    }
    .margin-xl\@sm {
      margin: var(--space-xl);
    }
    .margin-xxl\@sm {
      margin: var(--space-xxl);
    }
    .margin-xxxl\@sm {
      margin: var(--space-xxxl);
    }
    .margin-xxxxl\@sm {
      margin: var(--space-xxxxl);
    }
    .margin-auto\@sm {
      margin: auto;
    }
    .margin-0\@sm {
      margin: 0;
    }
    .margin-top-xxxxs\@sm {
      margin-top: var(--space-xxxxs);
    }
    .margin-top-xxxs\@sm {
      margin-top: var(--space-xxxs);
    }
    .margin-top-xxs\@sm {
      margin-top: var(--space-xxs);
    }
    .margin-top-xs\@sm {
      margin-top: var(--space-xs);
    }
    .margin-top-sm\@sm {
      margin-top: var(--space-sm);
    }
    .margin-top-md\@sm {
      margin-top: var(--space-md);
    }
    .margin-top-lg\@sm {
      margin-top: var(--space-lg);
    }
    .margin-top-xl\@sm {
      margin-top: var(--space-xl);
    }
    .margin-top-xxl\@sm {
      margin-top: var(--space-xxl);
    }
    .margin-top-xxxl\@sm {
      margin-top: var(--space-xxxl);
    }
    .margin-top-xxxxl\@sm {
      margin-top: var(--space-xxxxl);
    }
    .margin-top-auto\@sm {
      margin-top: auto;
    }
    .margin-top-0\@sm {
      margin-top: 0;
    }
    .margin-bottom-xxxxs\@sm {
      margin-bottom: var(--space-xxxxs);
    }
    .margin-bottom-xxxs\@sm {
      margin-bottom: var(--space-xxxs);
    }
    .margin-bottom-xxs\@sm {
      margin-bottom: var(--space-xxs);
    }
    .margin-bottom-xs\@sm {
      margin-bottom: var(--space-xs);
    }
    .margin-bottom-sm\@sm {
      margin-bottom: var(--space-sm);
    }
    .margin-bottom-md\@sm {
      margin-bottom: var(--space-md);
    }
    .margin-bottom-lg\@sm {
      margin-bottom: var(--space-lg);
    }
    .margin-bottom-xl\@sm {
      margin-bottom: var(--space-xl);
    }
    .margin-bottom-xxl\@sm {
      margin-bottom: var(--space-xxl);
    }
    .margin-bottom-xxxl\@sm {
      margin-bottom: var(--space-xxxl);
    }
    .margin-bottom-xxxxl\@sm {
      margin-bottom: var(--space-xxxxl);
    }
    .margin-bottom-auto\@sm {
      margin-bottom: auto;
    }
    .margin-bottom-0\@sm {
      margin-bottom: 0;
    }
    .margin-right-xxxxs\@sm {
      margin-right: var(--space-xxxxs);
    }
    .margin-right-xxxs\@sm {
      margin-right: var(--space-xxxs);
    }
    .margin-right-xxs\@sm {
      margin-right: var(--space-xxs);
    }
    .margin-right-xs\@sm {
      margin-right: var(--space-xs);
    }
    .margin-right-sm\@sm {
      margin-right: var(--space-sm);
    }
    .margin-right-md\@sm {
      margin-right: var(--space-md);
    }
    .margin-right-lg\@sm {
      margin-right: var(--space-lg);
    }
    .margin-right-xl\@sm {
      margin-right: var(--space-xl);
    }
    .margin-right-xxl\@sm {
      margin-right: var(--space-xxl);
    }
    .margin-right-xxxl\@sm {
      margin-right: var(--space-xxxl);
    }
    .margin-right-xxxxl\@sm {
      margin-right: var(--space-xxxxl);
    }
    .margin-right-auto\@sm {
      margin-right: auto;
    }
    .margin-right-0\@sm {
      margin-right: 0;
    }
    .margin-left-xxxxs\@sm {
      margin-left: var(--space-xxxxs);
    }
    .margin-left-xxxs\@sm {
      margin-left: var(--space-xxxs);
    }
    .margin-left-xxs\@sm {
      margin-left: var(--space-xxs);
    }
    .margin-left-xs\@sm {
      margin-left: var(--space-xs);
    }
    .margin-left-sm\@sm {
      margin-left: var(--space-sm);
    }
    .margin-left-md\@sm {
      margin-left: var(--space-md);
    }
    .margin-left-lg\@sm {
      margin-left: var(--space-lg);
    }
    .margin-left-xl\@sm {
      margin-left: var(--space-xl);
    }
    .margin-left-xxl\@sm {
      margin-left: var(--space-xxl);
    }
    .margin-left-xxxl\@sm {
      margin-left: var(--space-xxxl);
    }
    .margin-left-xxxxl\@sm {
      margin-left: var(--space-xxxxl);
    }
    .margin-left-auto\@sm {
      margin-left: auto;
    }
    .margin-left-0\@sm {
      margin-left: 0;
    }
    .margin-x-xxxxs\@sm {
      margin-left: var(--space-xxxxs);
      margin-right: var(--space-xxxxs);
    }
    .margin-x-xxxs\@sm {
      margin-left: var(--space-xxxs);
      margin-right: var(--space-xxxs);
    }
    .margin-x-xxs\@sm {
      margin-left: var(--space-xxs);
      margin-right: var(--space-xxs);
    }
    .margin-x-xs\@sm {
      margin-left: var(--space-xs);
      margin-right: var(--space-xs);
    }
    .margin-x-sm\@sm {
      margin-left: var(--space-sm);
      margin-right: var(--space-sm);
    }
    .margin-x-md\@sm {
      margin-left: var(--space-md);
      margin-right: var(--space-md);
    }
    .margin-x-lg\@sm {
      margin-left: var(--space-lg);
      margin-right: var(--space-lg);
    }
    .margin-x-xl\@sm {
      margin-left: var(--space-xl);
      margin-right: var(--space-xl);
    }
    .margin-x-xxl\@sm {
      margin-left: var(--space-xxl);
      margin-right: var(--space-xxl);
    }
    .margin-x-xxxl\@sm {
      margin-left: var(--space-xxxl);
      margin-right: var(--space-xxxl);
    }
    .margin-x-xxxxl\@sm {
      margin-left: var(--space-xxxxl);
      margin-right: var(--space-xxxxl);
    }
    .margin-x-auto\@sm {
      margin-left: auto;
      margin-right: auto;
    }
    .margin-x-0\@sm {
      margin-left: 0;
      margin-right: 0;
    }
    .margin-y-xxxxs\@sm {
      margin-top: var(--space-xxxxs);
      margin-bottom: var(--space-xxxxs);
    }
    .margin-y-xxxs\@sm {
      margin-top: var(--space-xxxs);
      margin-bottom: var(--space-xxxs);
    }
    .margin-y-xxs\@sm {
      margin-top: var(--space-xxs);
      margin-bottom: var(--space-xxs);
    }
    .margin-y-xs\@sm {
      margin-top: var(--space-xs);
      margin-bottom: var(--space-xs);
    }
    .margin-y-sm\@sm {
      margin-top: var(--space-sm);
      margin-bottom: var(--space-sm);
    }
    .margin-y-md\@sm {
      margin-top: var(--space-md);
      margin-bottom: var(--space-md);
    }
    .margin-y-lg\@sm {
      margin-top: var(--space-lg);
      margin-bottom: var(--space-lg);
    }
    .margin-y-xl\@sm {
      margin-top: var(--space-xl);
      margin-bottom: var(--space-xl);
    }
    .margin-y-xxl\@sm {
      margin-top: var(--space-xxl);
      margin-bottom: var(--space-xxl);
    }
    .margin-y-xxxl\@sm {
      margin-top: var(--space-xxxl);
      margin-bottom: var(--space-xxxl);
    }
    .margin-y-xxxxl\@sm {
      margin-top: var(--space-xxxxl);
      margin-bottom: var(--space-xxxxl);
    }
    .margin-y-auto\@sm {
      margin-top: auto;
      margin-bottom: auto;
    }
    .margin-y-0\@sm {
      margin-top: 0;
      margin-bottom: 0;
    }
  }
  @supports (--css: variables) {
    .padding-xxxxs\@sm {
      padding: var(--space-xxxxs);
    }
    .padding-xxxs\@sm {
      padding: var(--space-xxxs);
    }
    .padding-xxs\@sm {
      padding: var(--space-xxs);
    }
    .padding-xs\@sm {
      padding: var(--space-xs);
    }
    .padding-sm\@sm {
      padding: var(--space-sm);
    }
    .padding-md\@sm {
      padding: var(--space-md);
    }
    .padding-lg\@sm {
      padding: var(--space-lg);
    }
    .padding-xl\@sm {
      padding: var(--space-xl);
    }
    .padding-xxl\@sm {
      padding: var(--space-xxl);
    }
    .padding-xxxl\@sm {
      padding: var(--space-xxxl);
    }
    .padding-xxxxl\@sm {
      padding: var(--space-xxxxl);
    }
    .padding-0\@sm {
      padding: 0;
    }
    .padding-component\@sm {
      padding: var(--component-padding);
    }
    .padding-top-xxxxs\@sm {
      padding-top: var(--space-xxxxs);
    }
    .padding-top-xxxs\@sm {
      padding-top: var(--space-xxxs);
    }
    .padding-top-xxs\@sm {
      padding-top: var(--space-xxs);
    }
    .padding-top-xs\@sm {
      padding-top: var(--space-xs);
    }
    .padding-top-sm\@sm {
      padding-top: var(--space-sm);
    }
    .padding-top-md\@sm {
      padding-top: var(--space-md);
    }
    .padding-top-lg\@sm {
      padding-top: var(--space-lg);
    }
    .padding-top-xl\@sm {
      padding-top: var(--space-xl);
    }
    .padding-top-xxl\@sm {
      padding-top: var(--space-xxl);
    }
    .padding-top-xxxl\@sm {
      padding-top: var(--space-xxxl);
    }
    .padding-top-xxxxl\@sm {
      padding-top: var(--space-xxxxl);
    }
    .padding-top-0\@sm {
      padding-top: 0;
    }
    .padding-top-component\@sm {
      padding-top: var(--component-padding);
    }
    .padding-bottom-xxxxs\@sm {
      padding-bottom: var(--space-xxxxs);
    }
    .padding-bottom-xxxs\@sm {
      padding-bottom: var(--space-xxxs);
    }
    .padding-bottom-xxs\@sm {
      padding-bottom: var(--space-xxs);
    }
    .padding-bottom-xs\@sm {
      padding-bottom: var(--space-xs);
    }
    .padding-bottom-sm\@sm {
      padding-bottom: var(--space-sm);
    }
    .padding-bottom-md\@sm {
      padding-bottom: var(--space-md);
    }
    .padding-bottom-lg\@sm {
      padding-bottom: var(--space-lg);
    }
    .padding-bottom-xl\@sm {
      padding-bottom: var(--space-xl);
    }
    .padding-bottom-xxl\@sm {
      padding-bottom: var(--space-xxl);
    }
    .padding-bottom-xxxl\@sm {
      padding-bottom: var(--space-xxxl);
    }
    .padding-bottom-xxxxl\@sm {
      padding-bottom: var(--space-xxxxl);
    }
    .padding-bottom-0\@sm {
      padding-bottom: 0;
    }
    .padding-bottom-component\@sm {
      padding-bottom: var(--component-padding);
    }
    .padding-right-xxxxs\@sm {
      padding-right: var(--space-xxxxs);
    }
    .padding-right-xxxs\@sm {
      padding-right: var(--space-xxxs);
    }
    .padding-right-xxs\@sm {
      padding-right: var(--space-xxs);
    }
    .padding-right-xs\@sm {
      padding-right: var(--space-xs);
    }
    .padding-right-sm\@sm {
      padding-right: var(--space-sm);
    }
    .padding-right-md\@sm {
      padding-right: var(--space-md);
    }
    .padding-right-lg\@sm {
      padding-right: var(--space-lg);
    }
    .padding-right-xl\@sm {
      padding-right: var(--space-xl);
    }
    .padding-right-xxl\@sm {
      padding-right: var(--space-xxl);
    }
    .padding-right-xxxl\@sm {
      padding-right: var(--space-xxxl);
    }
    .padding-right-xxxxl\@sm {
      padding-right: var(--space-xxxxl);
    }
    .padding-right-0\@sm {
      padding-right: 0;
    }
    .padding-right-component\@sm {
      padding-right: var(--component-padding);
    }
    .padding-left-xxxxs\@sm {
      padding-left: var(--space-xxxxs);
    }
    .padding-left-xxxs\@sm {
      padding-left: var(--space-xxxs);
    }
    .padding-left-xxs\@sm {
      padding-left: var(--space-xxs);
    }
    .padding-left-xs\@sm {
      padding-left: var(--space-xs);
    }
    .padding-left-sm\@sm {
      padding-left: var(--space-sm);
    }
    .padding-left-md\@sm {
      padding-left: var(--space-md);
    }
    .padding-left-lg\@sm {
      padding-left: var(--space-lg);
    }
    .padding-left-xl\@sm {
      padding-left: var(--space-xl);
    }
    .padding-left-xxl\@sm {
      padding-left: var(--space-xxl);
    }
    .padding-left-xxxl\@sm {
      padding-left: var(--space-xxxl);
    }
    .padding-left-xxxxl\@sm {
      padding-left: var(--space-xxxxl);
    }
    .padding-left-0\@sm {
      padding-left: 0;
    }
    .padding-left-component\@sm {
      padding-left: var(--component-padding);
    }
    .padding-x-xxxxs\@sm {
      padding-left: var(--space-xxxxs);
      padding-right: var(--space-xxxxs);
    }
    .padding-x-xxxs\@sm {
      padding-left: var(--space-xxxs);
      padding-right: var(--space-xxxs);
    }
    .padding-x-xxs\@sm {
      padding-left: var(--space-xxs);
      padding-right: var(--space-xxs);
    }
    .padding-x-xs\@sm {
      padding-left: var(--space-xs);
      padding-right: var(--space-xs);
    }
    .padding-x-sm\@sm {
      padding-left: var(--space-sm);
      padding-right: var(--space-sm);
    }
    .padding-x-md\@sm {
      padding-left: var(--space-md);
      padding-right: var(--space-md);
    }
    .padding-x-lg\@sm {
      padding-left: var(--space-lg);
      padding-right: var(--space-lg);
    }
    .padding-x-xl\@sm {
      padding-left: var(--space-xl);
      padding-right: var(--space-xl);
    }
    .padding-x-xxl\@sm {
      padding-left: var(--space-xxl);
      padding-right: var(--space-xxl);
    }
    .padding-x-xxxl\@sm {
      padding-left: var(--space-xxxl);
      padding-right: var(--space-xxxl);
    }
    .padding-x-xxxxl\@sm {
      padding-left: var(--space-xxxxl);
      padding-right: var(--space-xxxxl);
    }
    .padding-x-0\@sm {
      padding-left: 0;
      padding-right: 0;
    }
    .padding-x-component\@sm {
      padding-left: var(--component-padding);
      padding-right: var(--component-padding);
    }
    .padding-y-xxxxs\@sm {
      padding-top: var(--space-xxxxs);
      padding-bottom: var(--space-xxxxs);
    }
    .padding-y-xxxs\@sm {
      padding-top: var(--space-xxxs);
      padding-bottom: var(--space-xxxs);
    }
    .padding-y-xxs\@sm {
      padding-top: var(--space-xxs);
      padding-bottom: var(--space-xxs);
    }
    .padding-y-xs\@sm {
      padding-top: var(--space-xs);
      padding-bottom: var(--space-xs);
    }
    .padding-y-sm\@sm {
      padding-top: var(--space-sm);
      padding-bottom: var(--space-sm);
    }
    .padding-y-md\@sm {
      padding-top: var(--space-md);
      padding-bottom: var(--space-md);
    }
    .padding-y-lg\@sm {
      padding-top: var(--space-lg);
      padding-bottom: var(--space-lg);
    }
    .padding-y-xl\@sm {
      padding-top: var(--space-xl);
      padding-bottom: var(--space-xl);
    }
    .padding-y-xxl\@sm {
      padding-top: var(--space-xxl);
      padding-bottom: var(--space-xxl);
    }
    .padding-y-xxxl\@sm {
      padding-top: var(--space-xxxl);
      padding-bottom: var(--space-xxxl);
    }
    .padding-y-xxxxl\@sm {
      padding-top: var(--space-xxxxl);
      padding-bottom: var(--space-xxxxl);
    }
    .padding-y-0\@sm {
      padding-top: 0;
      padding-bottom: 0;
    }
    .padding-y-component\@sm {
      padding-top: var(--component-padding);
      padding-bottom: var(--component-padding);
    }
  }
  @supports (--css: variables) {
    .width-xxxxs\@sm {
      width: var(--size-xxxxs, 0.25rem);
    }
    .width-xxxs\@sm {
      width: var(--size-xxxs, 0.5rem);
    }
    .width-xxs\@sm {
      width: var(--size-xxs, 0.75rem);
    }
    .width-xs\@sm {
      width: var(--size-xs, 1rem);
    }
    .width-sm\@sm {
      width: var(--size-sm, 1.5rem);
    }
    .width-md\@sm {
      width: var(--size-md, 2rem);
    }
    .width-lg\@sm {
      width: var(--size-lg, 3rem);
    }
    .width-xl\@sm {
      width: var(--size-xl, 4rem);
    }
    .width-xxl\@sm {
      width: var(--size-xxl, 6rem);
    }
    .width-xxxl\@sm {
      width: var(--size-xxxl, 8rem);
    }
    .width-xxxxl\@sm {
      width: var(--size-xxxxl, 16rem);
    }
    .width-0\@sm {
      width: 0;
    }
    .width-10\%\@sm {
      width: 10%;
    }
    .width-20\%\@sm {
      width: 20%;
    }
    .width-25\%\@sm {
      width: 25%;
    }
    .width-30\%\@sm {
      width: 30%;
    }
    .width-33\%\@sm {
      width: 33.3333333333%;
    }
    .width-40\%\@sm {
      width: 40%;
    }
    .width-50\%\@sm {
      width: 50%;
    }
    .width-60\%\@sm {
      width: 60%;
    }
    .width-66\%\@sm {
      width: 66.6666666667%;
    }
    .width-70\%\@sm {
      width: 70%;
    }
    .width-75\%\@sm {
      width: 75%;
    }
    .width-80\%\@sm {
      width: 80%;
    }
    .width-90\%\@sm {
      width: 90%;
    }
    .width-100\%\@sm {
      width: 100%;
    }
    .width-100vw\@sm {
      width: 100vw;
    }
    .width-auto\@sm {
      width: auto;
    }
  }
  .text-center\@sm {
    text-align: center;
  }
  .text-left\@sm {
    text-align: left;
  }
  .text-right\@sm {
    text-align: right;
  }
  .text-justify\@sm {
    text-align: justify;
  }
  @supports (--css: variables) {
    .text-xs\@sm {
      font-size: var(--text-xs, 0.694em);
    }
    .text-sm\@sm {
      font-size: var(--text-sm, 0.833em);
    }
    .text-base\@sm {
      font-size: 1em;
    }
    .text-md\@sm {
      font-size: var(--text-md, 1.2em);
    }
    .text-lg\@sm {
      font-size: var(--text-lg, 1.44em);
    }
    .text-xl\@sm {
      font-size: var(--text-xl, 1.728em);
    }
    .text-xxl\@sm {
      font-size: var(--text-xxl, 2.074em);
    }
    .text-xxxl\@sm {
      font-size: var(--text-xxxl, 2.488em);
    }
    .text-xxxxl\@sm {
      font-size: var(--text-xxxxl, 2.985em);
    }
  }
  .hide\@sm {
    display: none !important;
  }
}
@media not all and (min-width: 40rem) {
  .has-margin\@sm {
    margin: 0 !important;
  }
  .has-padding\@sm {
    padding: 0 !important;
  }
  .display\@sm {
    display: none !important;
  }
}
:root {
  --display: block;
}

.is-visible {
  display: var(--display) !important;
}

.is-hidden {
  display: none !important;
}

@media print {
  .print\:is-hidden {
    display: none !important;
  }
}
@media (min-width: 64.063rem) {
  .flex\@md {
    display: flex;
  }
  .inline-flex\@md {
    display: inline-flex;
  }
  .flex-wrap\@md {
    flex-wrap: wrap;
  }
  .flex-column\@md {
    flex-direction: column;
  }
  .flex-column-reverse\@md {
    flex-direction: column-reverse;
  }
  .flex-row\@md {
    flex-direction: row;
  }
  .flex-row-reverse\@md {
    flex-direction: row-reverse;
  }
  .flex-center\@md {
    justify-content: center;
    align-items: center;
  }
  .flex-grow-0\@md {
    flex-grow: 0;
  }
  .flex-grow\@md {
    flex-grow: 1;
  }
  .flex-shrink-0\@md {
    flex-shrink: 0;
  }
  .flex-shrink\@md {
    flex-shrink: 1;
  }
  .justify-start\@md {
    justify-content: flex-start;
  }
  .justify-end\@md {
    justify-content: flex-end;
  }
  .justify-center\@md {
    justify-content: center;
  }
  .justify-between\@md {
    justify-content: space-between;
  }
  .items-center\@md {
    align-items: center;
  }
  .items-start\@md {
    align-items: flex-start;
  }
  .items-end\@md {
    align-items: flex-end;
  }
  .items-baseline\@md {
    align-items: baseline;
  }
  .order-1\@md {
    order: 1;
  }
  .order-2\@md {
    order: 2;
  }
  .order-3\@md {
    order: 3;
  }
  .block\@md {
    display: block;
  }
  .inline-block\@md {
    display: inline-block;
  }
  .inline\@md {
    display: inline;
  }
  @supports (--css: variables) {
    .margin-xxxxs\@md {
      margin: var(--space-xxxxs);
    }
    .margin-xxxs\@md {
      margin: var(--space-xxxs);
    }
    .margin-xxs\@md {
      margin: var(--space-xxs);
    }
    .margin-xs\@md {
      margin: var(--space-xs);
    }
    .margin-sm\@md {
      margin: var(--space-sm);
    }
    .margin-md\@md {
      margin: var(--space-md);
    }
    .margin-lg\@md {
      margin: var(--space-lg);
    }
    .margin-xl\@md {
      margin: var(--space-xl);
    }
    .margin-xxl\@md {
      margin: var(--space-xxl);
    }
    .margin-xxxl\@md {
      margin: var(--space-xxxl);
    }
    .margin-xxxxl\@md {
      margin: var(--space-xxxxl);
    }
    .margin-auto\@md {
      margin: auto;
    }
    .margin-0\@md {
      margin: 0;
    }
    .margin-top-xxxxs\@md {
      margin-top: var(--space-xxxxs);
    }
    .margin-top-xxxs\@md {
      margin-top: var(--space-xxxs);
    }
    .margin-top-xxs\@md {
      margin-top: var(--space-xxs);
    }
    .margin-top-xs\@md {
      margin-top: var(--space-xs);
    }
    .margin-top-sm\@md {
      margin-top: var(--space-sm);
    }
    .margin-top-md\@md {
      margin-top: var(--space-md);
    }
    .margin-top-lg\@md {
      margin-top: var(--space-lg);
    }
    .margin-top-xl\@md {
      margin-top: var(--space-xl);
    }
    .margin-top-xxl\@md {
      margin-top: var(--space-xxl);
    }
    .margin-top-xxxl\@md {
      margin-top: var(--space-xxxl);
    }
    .margin-top-xxxxl\@md {
      margin-top: var(--space-xxxxl);
    }
    .margin-top-auto\@md {
      margin-top: auto;
    }
    .margin-top-0\@md {
      margin-top: 0;
    }
    .margin-bottom-xxxxs\@md {
      margin-bottom: var(--space-xxxxs);
    }
    .margin-bottom-xxxs\@md {
      margin-bottom: var(--space-xxxs);
    }
    .margin-bottom-xxs\@md {
      margin-bottom: var(--space-xxs);
    }
    .margin-bottom-xs\@md {
      margin-bottom: var(--space-xs);
    }
    .margin-bottom-sm\@md {
      margin-bottom: var(--space-sm);
    }
    .margin-bottom-md\@md {
      margin-bottom: var(--space-md);
    }
    .margin-bottom-lg\@md {
      margin-bottom: var(--space-lg);
    }
    .margin-bottom-xl\@md {
      margin-bottom: var(--space-xl);
    }
    .margin-bottom-xxl\@md {
      margin-bottom: var(--space-xxl);
    }
    .margin-bottom-xxxl\@md {
      margin-bottom: var(--space-xxxl);
    }
    .margin-bottom-xxxxl\@md {
      margin-bottom: var(--space-xxxxl);
    }
    .margin-bottom-auto\@md {
      margin-bottom: auto;
    }
    .margin-bottom-0\@md {
      margin-bottom: 0;
    }
    .margin-right-xxxxs\@md {
      margin-right: var(--space-xxxxs);
    }
    .margin-right-xxxs\@md {
      margin-right: var(--space-xxxs);
    }
    .margin-right-xxs\@md {
      margin-right: var(--space-xxs);
    }
    .margin-right-xs\@md {
      margin-right: var(--space-xs);
    }
    .margin-right-sm\@md {
      margin-right: var(--space-sm);
    }
    .margin-right-md\@md {
      margin-right: var(--space-md);
    }
    .margin-right-lg\@md {
      margin-right: var(--space-lg);
    }
    .margin-right-xl\@md {
      margin-right: var(--space-xl);
    }
    .margin-right-xxl\@md {
      margin-right: var(--space-xxl);
    }
    .margin-right-xxxl\@md {
      margin-right: var(--space-xxxl);
    }
    .margin-right-xxxxl\@md {
      margin-right: var(--space-xxxxl);
    }
    .margin-right-auto\@md {
      margin-right: auto;
    }
    .margin-right-0\@md {
      margin-right: 0;
    }
    .margin-left-xxxxs\@md {
      margin-left: var(--space-xxxxs);
    }
    .margin-left-xxxs\@md {
      margin-left: var(--space-xxxs);
    }
    .margin-left-xxs\@md {
      margin-left: var(--space-xxs);
    }
    .margin-left-xs\@md {
      margin-left: var(--space-xs);
    }
    .margin-left-sm\@md {
      margin-left: var(--space-sm);
    }
    .margin-left-md\@md {
      margin-left: var(--space-md);
    }
    .margin-left-lg\@md {
      margin-left: var(--space-lg);
    }
    .margin-left-xl\@md {
      margin-left: var(--space-xl);
    }
    .margin-left-xxl\@md {
      margin-left: var(--space-xxl);
    }
    .margin-left-xxxl\@md {
      margin-left: var(--space-xxxl);
    }
    .margin-left-xxxxl\@md {
      margin-left: var(--space-xxxxl);
    }
    .margin-left-auto\@md {
      margin-left: auto;
    }
    .margin-left-0\@md {
      margin-left: 0;
    }
    .margin-x-xxxxs\@md {
      margin-left: var(--space-xxxxs);
      margin-right: var(--space-xxxxs);
    }
    .margin-x-xxxs\@md {
      margin-left: var(--space-xxxs);
      margin-right: var(--space-xxxs);
    }
    .margin-x-xxs\@md {
      margin-left: var(--space-xxs);
      margin-right: var(--space-xxs);
    }
    .margin-x-xs\@md {
      margin-left: var(--space-xs);
      margin-right: var(--space-xs);
    }
    .margin-x-sm\@md {
      margin-left: var(--space-sm);
      margin-right: var(--space-sm);
    }
    .margin-x-md\@md {
      margin-left: var(--space-md);
      margin-right: var(--space-md);
    }
    .margin-x-lg\@md {
      margin-left: var(--space-lg);
      margin-right: var(--space-lg);
    }
    .margin-x-xl\@md {
      margin-left: var(--space-xl);
      margin-right: var(--space-xl);
    }
    .margin-x-xxl\@md {
      margin-left: var(--space-xxl);
      margin-right: var(--space-xxl);
    }
    .margin-x-xxxl\@md {
      margin-left: var(--space-xxxl);
      margin-right: var(--space-xxxl);
    }
    .margin-x-xxxxl\@md {
      margin-left: var(--space-xxxxl);
      margin-right: var(--space-xxxxl);
    }
    .margin-x-auto\@md {
      margin-left: auto;
      margin-right: auto;
    }
    .margin-x-0\@md {
      margin-left: 0;
      margin-right: 0;
    }
    .margin-y-xxxxs\@md {
      margin-top: var(--space-xxxxs);
      margin-bottom: var(--space-xxxxs);
    }
    .margin-y-xxxs\@md {
      margin-top: var(--space-xxxs);
      margin-bottom: var(--space-xxxs);
    }
    .margin-y-xxs\@md {
      margin-top: var(--space-xxs);
      margin-bottom: var(--space-xxs);
    }
    .margin-y-xs\@md {
      margin-top: var(--space-xs);
      margin-bottom: var(--space-xs);
    }
    .margin-y-sm\@md {
      margin-top: var(--space-sm);
      margin-bottom: var(--space-sm);
    }
    .margin-y-md\@md {
      margin-top: var(--space-md);
      margin-bottom: var(--space-md);
    }
    .margin-y-lg\@md {
      margin-top: var(--space-lg);
      margin-bottom: var(--space-lg);
    }
    .margin-y-xl\@md {
      margin-top: var(--space-xl);
      margin-bottom: var(--space-xl);
    }
    .margin-y-xxl\@md {
      margin-top: var(--space-xxl);
      margin-bottom: var(--space-xxl);
    }
    .margin-y-xxxl\@md {
      margin-top: var(--space-xxxl);
      margin-bottom: var(--space-xxxl);
    }
    .margin-y-xxxxl\@md {
      margin-top: var(--space-xxxxl);
      margin-bottom: var(--space-xxxxl);
    }
    .margin-y-auto\@md {
      margin-top: auto;
      margin-bottom: auto;
    }
    .margin-y-0\@md {
      margin-top: 0;
      margin-bottom: 0;
    }
  }
  @supports (--css: variables) {
    .padding-xxxxs\@md {
      padding: var(--space-xxxxs);
    }
    .padding-xxxs\@md {
      padding: var(--space-xxxs);
    }
    .padding-xxs\@md {
      padding: var(--space-xxs);
    }
    .padding-xs\@md {
      padding: var(--space-xs);
    }
    .padding-sm\@md {
      padding: var(--space-sm);
    }
    .padding-md\@md {
      padding: var(--space-md);
    }
    .padding-lg\@md {
      padding: var(--space-lg);
    }
    .padding-xl\@md {
      padding: var(--space-xl);
    }
    .padding-xxl\@md {
      padding: var(--space-xxl);
    }
    .padding-xxxl\@md {
      padding: var(--space-xxxl);
    }
    .padding-xxxxl\@md {
      padding: var(--space-xxxxl);
    }
    .padding-0\@md {
      padding: 0;
    }
    .padding-component\@md {
      padding: var(--component-padding);
    }
    .padding-top-xxxxs\@md {
      padding-top: var(--space-xxxxs);
    }
    .padding-top-xxxs\@md {
      padding-top: var(--space-xxxs);
    }
    .padding-top-xxs\@md {
      padding-top: var(--space-xxs);
    }
    .padding-top-xs\@md {
      padding-top: var(--space-xs);
    }
    .padding-top-sm\@md {
      padding-top: var(--space-sm);
    }
    .padding-top-md\@md {
      padding-top: var(--space-md);
    }
    .padding-top-lg\@md {
      padding-top: var(--space-lg);
    }
    .padding-top-xl\@md {
      padding-top: var(--space-xl);
    }
    .padding-top-xxl\@md {
      padding-top: var(--space-xxl);
    }
    .padding-top-xxxl\@md {
      padding-top: var(--space-xxxl);
    }
    .padding-top-xxxxl\@md {
      padding-top: var(--space-xxxxl);
    }
    .padding-top-0\@md {
      padding-top: 0;
    }
    .padding-top-component\@md {
      padding-top: var(--component-padding);
    }
    .padding-bottom-xxxxs\@md {
      padding-bottom: var(--space-xxxxs);
    }
    .padding-bottom-xxxs\@md {
      padding-bottom: var(--space-xxxs);
    }
    .padding-bottom-xxs\@md {
      padding-bottom: var(--space-xxs);
    }
    .padding-bottom-xs\@md {
      padding-bottom: var(--space-xs);
    }
    .padding-bottom-sm\@md {
      padding-bottom: var(--space-sm);
    }
    .padding-bottom-md\@md {
      padding-bottom: var(--space-md);
    }
    .padding-bottom-lg\@md {
      padding-bottom: var(--space-lg);
    }
    .padding-bottom-xl\@md {
      padding-bottom: var(--space-xl);
    }
    .padding-bottom-xxl\@md {
      padding-bottom: var(--space-xxl);
    }
    .padding-bottom-xxxl\@md {
      padding-bottom: var(--space-xxxl);
    }
    .padding-bottom-xxxxl\@md {
      padding-bottom: var(--space-xxxxl);
    }
    .padding-bottom-0\@md {
      padding-bottom: 0;
    }
    .padding-bottom-component\@md {
      padding-bottom: var(--component-padding);
    }
    .padding-right-xxxxs\@md {
      padding-right: var(--space-xxxxs);
    }
    .padding-right-xxxs\@md {
      padding-right: var(--space-xxxs);
    }
    .padding-right-xxs\@md {
      padding-right: var(--space-xxs);
    }
    .padding-right-xs\@md {
      padding-right: var(--space-xs);
    }
    .padding-right-sm\@md {
      padding-right: var(--space-sm);
    }
    .padding-right-md\@md {
      padding-right: var(--space-md);
    }
    .padding-right-lg\@md {
      padding-right: var(--space-lg);
    }
    .padding-right-xl\@md {
      padding-right: var(--space-xl);
    }
    .padding-right-xxl\@md {
      padding-right: var(--space-xxl);
    }
    .padding-right-xxxl\@md {
      padding-right: var(--space-xxxl);
    }
    .padding-right-xxxxl\@md {
      padding-right: var(--space-xxxxl);
    }
    .padding-right-0\@md {
      padding-right: 0;
    }
    .padding-right-component\@md {
      padding-right: var(--component-padding);
    }
    .padding-left-xxxxs\@md {
      padding-left: var(--space-xxxxs);
    }
    .padding-left-xxxs\@md {
      padding-left: var(--space-xxxs);
    }
    .padding-left-xxs\@md {
      padding-left: var(--space-xxs);
    }
    .padding-left-xs\@md {
      padding-left: var(--space-xs);
    }
    .padding-left-sm\@md {
      padding-left: var(--space-sm);
    }
    .padding-left-md\@md {
      padding-left: var(--space-md);
    }
    .padding-left-lg\@md {
      padding-left: var(--space-lg);
    }
    .padding-left-xl\@md {
      padding-left: var(--space-xl);
    }
    .padding-left-xxl\@md {
      padding-left: var(--space-xxl);
    }
    .padding-left-xxxl\@md {
      padding-left: var(--space-xxxl);
    }
    .padding-left-xxxxl\@md {
      padding-left: var(--space-xxxxl);
    }
    .padding-left-0\@md {
      padding-left: 0;
    }
    .padding-left-component\@md {
      padding-left: var(--component-padding);
    }
    .padding-x-xxxxs\@md {
      padding-left: var(--space-xxxxs);
      padding-right: var(--space-xxxxs);
    }
    .padding-x-xxxs\@md {
      padding-left: var(--space-xxxs);
      padding-right: var(--space-xxxs);
    }
    .padding-x-xxs\@md {
      padding-left: var(--space-xxs);
      padding-right: var(--space-xxs);
    }
    .padding-x-xs\@md {
      padding-left: var(--space-xs);
      padding-right: var(--space-xs);
    }
    .padding-x-sm\@md {
      padding-left: var(--space-sm);
      padding-right: var(--space-sm);
    }
    .padding-x-md\@md {
      padding-left: var(--space-md);
      padding-right: var(--space-md);
    }
    .padding-x-lg\@md {
      padding-left: var(--space-lg);
      padding-right: var(--space-lg);
    }
    .padding-x-xl\@md {
      padding-left: var(--space-xl);
      padding-right: var(--space-xl);
    }
    .padding-x-xxl\@md {
      padding-left: var(--space-xxl);
      padding-right: var(--space-xxl);
    }
    .padding-x-xxxl\@md {
      padding-left: var(--space-xxxl);
      padding-right: var(--space-xxxl);
    }
    .padding-x-xxxxl\@md {
      padding-left: var(--space-xxxxl);
      padding-right: var(--space-xxxxl);
    }
    .padding-x-0\@md {
      padding-left: 0;
      padding-right: 0;
    }
    .padding-x-component\@md {
      padding-left: var(--component-padding);
      padding-right: var(--component-padding);
    }
    .padding-y-xxxxs\@md {
      padding-top: var(--space-xxxxs);
      padding-bottom: var(--space-xxxxs);
    }
    .padding-y-xxxs\@md {
      padding-top: var(--space-xxxs);
      padding-bottom: var(--space-xxxs);
    }
    .padding-y-xxs\@md {
      padding-top: var(--space-xxs);
      padding-bottom: var(--space-xxs);
    }
    .padding-y-xs\@md {
      padding-top: var(--space-xs);
      padding-bottom: var(--space-xs);
    }
    .padding-y-sm\@md {
      padding-top: var(--space-sm);
      padding-bottom: var(--space-sm);
    }
    .padding-y-md\@md {
      padding-top: var(--space-md);
      padding-bottom: var(--space-md);
    }
    .padding-y-lg\@md {
      padding-top: var(--space-lg);
      padding-bottom: var(--space-lg);
    }
    .padding-y-xl\@md {
      padding-top: var(--space-xl);
      padding-bottom: var(--space-xl);
    }
    .padding-y-xxl\@md {
      padding-top: var(--space-xxl);
      padding-bottom: var(--space-xxl);
    }
    .padding-y-xxxl\@md {
      padding-top: var(--space-xxxl);
      padding-bottom: var(--space-xxxl);
    }
    .padding-y-xxxxl\@md {
      padding-top: var(--space-xxxxl);
      padding-bottom: var(--space-xxxxl);
    }
    .padding-y-0\@md {
      padding-top: 0;
      padding-bottom: 0;
    }
    .padding-y-component\@md {
      padding-top: var(--component-padding);
      padding-bottom: var(--component-padding);
    }
  }
  @supports (--css: variables) {
    .width-xxxxs\@md {
      width: var(--size-xxxxs, 0.25rem);
    }
    .width-xxxs\@md {
      width: var(--size-xxxs, 0.5rem);
    }
    .width-xxs\@md {
      width: var(--size-xxs, 0.75rem);
    }
    .width-xs\@md {
      width: var(--size-xs, 1rem);
    }
    .width-sm\@md {
      width: var(--size-sm, 1.5rem);
    }
    .width-md\@md {
      width: var(--size-md, 2rem);
    }
    .width-lg\@md {
      width: var(--size-lg, 3rem);
    }
    .width-xl\@md {
      width: var(--size-xl, 4rem);
    }
    .width-xxl\@md {
      width: var(--size-xxl, 6rem);
    }
    .width-xxxl\@md {
      width: var(--size-xxxl, 8rem);
    }
    .width-xxxxl\@md {
      width: var(--size-xxxxl, 16rem);
    }
    .width-0\@md {
      width: 0;
    }
    .width-10\%\@md {
      width: 10%;
    }
    .width-20\%\@md {
      width: 20%;
    }
    .width-25\%\@md {
      width: 25%;
    }
    .width-30\%\@md {
      width: 30%;
    }
    .width-33\%\@md {
      width: 33.3333333333%;
    }
    .width-40\%\@md {
      width: 40%;
    }
    .width-50\%\@md {
      width: 50%;
    }
    .width-60\%\@md {
      width: 60%;
    }
    .width-66\%\@md {
      width: 66.6666666667%;
    }
    .width-70\%\@md {
      width: 70%;
    }
    .width-75\%\@md {
      width: 75%;
    }
    .width-80\%\@md {
      width: 80%;
    }
    .width-90\%\@md {
      width: 90%;
    }
    .width-100\%\@md {
      width: 100%;
    }
    .width-100vw\@md {
      width: 100vw;
    }
    .width-auto\@md {
      width: auto;
    }
  }
  .text-center\@md {
    text-align: center;
  }
  .text-left\@md {
    text-align: left;
  }
  .text-right\@md {
    text-align: right;
  }
  .text-justify\@md {
    text-align: justify;
  }
  @supports (--css: variables) {
    .text-xs\@md {
      font-size: var(--text-xs, 0.694em);
    }
    .text-sm\@md {
      font-size: var(--text-sm, 0.833em);
    }
    .text-base\@md {
      font-size: 1em;
    }
    .text-md\@md {
      font-size: var(--text-md, 1.2em);
    }
    .text-lg\@md {
      font-size: var(--text-lg, 1.44em);
    }
    .text-xl\@md {
      font-size: var(--text-xl, 1.728em);
    }
    .text-xxl\@md {
      font-size: var(--text-xxl, 2.074em);
    }
    .text-xxxl\@md {
      font-size: var(--text-xxxl, 2.488em);
    }
    .text-xxxxl\@md {
      font-size: var(--text-xxxxl, 2.985em);
    }
  }
  .hide\@md {
    display: none !important;
  }
}
@media not all and (min-width: 64.063rem) {
  .has-margin\@md {
    margin: 0 !important;
  }
  .has-padding\@md {
    padding: 0 !important;
  }
  .display\@md {
    display: none !important;
  }
}
:root {
  --display: block;
}

.is-visible {
  display: var(--display) !important;
}

.is-hidden {
  display: none !important;
}

@media print {
  .print\:is-hidden {
    display: none !important;
  }
}
@media (min-width: 92rem) {
  .flex\@lg {
    display: flex;
  }
  .inline-flex\@lg {
    display: inline-flex;
  }
  .flex-wrap\@lg {
    flex-wrap: wrap;
  }
  .flex-column\@lg {
    flex-direction: column;
  }
  .flex-column-reverse\@lg {
    flex-direction: column-reverse;
  }
  .flex-row\@lg {
    flex-direction: row;
  }
  .flex-row-reverse\@lg {
    flex-direction: row-reverse;
  }
  .flex-center\@lg {
    justify-content: center;
    align-items: center;
  }
  .flex-grow-0\@lg {
    flex-grow: 0;
  }
  .flex-grow\@lg {
    flex-grow: 1;
  }
  .flex-shrink-0\@lg {
    flex-shrink: 0;
  }
  .flex-shrink\@lg {
    flex-shrink: 1;
  }
  .justify-start\@lg {
    justify-content: flex-start;
  }
  .justify-end\@lg {
    justify-content: flex-end;
  }
  .justify-center\@lg {
    justify-content: center;
  }
  .justify-between\@lg {
    justify-content: space-between;
  }
  .items-center\@lg {
    align-items: center;
  }
  .items-start\@lg {
    align-items: flex-start;
  }
  .items-end\@lg {
    align-items: flex-end;
  }
  .items-baseline\@lg {
    align-items: baseline;
  }
  .order-1\@lg {
    order: 1;
  }
  .order-2\@lg {
    order: 2;
  }
  .order-3\@lg {
    order: 3;
  }
  .block\@lg {
    display: block;
  }
  .inline-block\@lg {
    display: inline-block;
  }
  .inline\@lg {
    display: inline;
  }
  @supports (--css: variables) {
    .margin-xxxxs\@lg {
      margin: var(--space-xxxxs);
    }
    .margin-xxxs\@lg {
      margin: var(--space-xxxs);
    }
    .margin-xxs\@lg {
      margin: var(--space-xxs);
    }
    .margin-xs\@lg {
      margin: var(--space-xs);
    }
    .margin-sm\@lg {
      margin: var(--space-sm);
    }
    .margin-md\@lg {
      margin: var(--space-md);
    }
    .margin-lg\@lg {
      margin: var(--space-lg);
    }
    .margin-xl\@lg {
      margin: var(--space-xl);
    }
    .margin-xxl\@lg {
      margin: var(--space-xxl);
    }
    .margin-xxxl\@lg {
      margin: var(--space-xxxl);
    }
    .margin-xxxxl\@lg {
      margin: var(--space-xxxxl);
    }
    .margin-auto\@lg {
      margin: auto;
    }
    .margin-0\@lg {
      margin: 0;
    }
    .margin-top-xxxxs\@lg {
      margin-top: var(--space-xxxxs);
    }
    .margin-top-xxxs\@lg {
      margin-top: var(--space-xxxs);
    }
    .margin-top-xxs\@lg {
      margin-top: var(--space-xxs);
    }
    .margin-top-xs\@lg {
      margin-top: var(--space-xs);
    }
    .margin-top-sm\@lg {
      margin-top: var(--space-sm);
    }
    .margin-top-md\@lg {
      margin-top: var(--space-md);
    }
    .margin-top-lg\@lg {
      margin-top: var(--space-lg);
    }
    .margin-top-xl\@lg {
      margin-top: var(--space-xl);
    }
    .margin-top-xxl\@lg {
      margin-top: var(--space-xxl);
    }
    .margin-top-xxxl\@lg {
      margin-top: var(--space-xxxl);
    }
    .margin-top-xxxxl\@lg {
      margin-top: var(--space-xxxxl);
    }
    .margin-top-auto\@lg {
      margin-top: auto;
    }
    .margin-top-0\@lg {
      margin-top: 0;
    }
    .margin-bottom-xxxxs\@lg {
      margin-bottom: var(--space-xxxxs);
    }
    .margin-bottom-xxxs\@lg {
      margin-bottom: var(--space-xxxs);
    }
    .margin-bottom-xxs\@lg {
      margin-bottom: var(--space-xxs);
    }
    .margin-bottom-xs\@lg {
      margin-bottom: var(--space-xs);
    }
    .margin-bottom-sm\@lg {
      margin-bottom: var(--space-sm);
    }
    .margin-bottom-md\@lg {
      margin-bottom: var(--space-md);
    }
    .margin-bottom-lg\@lg {
      margin-bottom: var(--space-lg);
    }
    .margin-bottom-xl\@lg {
      margin-bottom: var(--space-xl);
    }
    .margin-bottom-xxl\@lg {
      margin-bottom: var(--space-xxl);
    }
    .margin-bottom-xxxl\@lg {
      margin-bottom: var(--space-xxxl);
    }
    .margin-bottom-xxxxl\@lg {
      margin-bottom: var(--space-xxxxl);
    }
    .margin-bottom-auto\@lg {
      margin-bottom: auto;
    }
    .margin-bottom-0\@lg {
      margin-bottom: 0;
    }
    .margin-right-xxxxs\@lg {
      margin-right: var(--space-xxxxs);
    }
    .margin-right-xxxs\@lg {
      margin-right: var(--space-xxxs);
    }
    .margin-right-xxs\@lg {
      margin-right: var(--space-xxs);
    }
    .margin-right-xs\@lg {
      margin-right: var(--space-xs);
    }
    .margin-right-sm\@lg {
      margin-right: var(--space-sm);
    }
    .margin-right-md\@lg {
      margin-right: var(--space-md);
    }
    .margin-right-lg\@lg {
      margin-right: var(--space-lg);
    }
    .margin-right-xl\@lg {
      margin-right: var(--space-xl);
    }
    .margin-right-xxl\@lg {
      margin-right: var(--space-xxl);
    }
    .margin-right-xxxl\@lg {
      margin-right: var(--space-xxxl);
    }
    .margin-right-xxxxl\@lg {
      margin-right: var(--space-xxxxl);
    }
    .margin-right-auto\@lg {
      margin-right: auto;
    }
    .margin-right-0\@lg {
      margin-right: 0;
    }
    .margin-left-xxxxs\@lg {
      margin-left: var(--space-xxxxs);
    }
    .margin-left-xxxs\@lg {
      margin-left: var(--space-xxxs);
    }
    .margin-left-xxs\@lg {
      margin-left: var(--space-xxs);
    }
    .margin-left-xs\@lg {
      margin-left: var(--space-xs);
    }
    .margin-left-sm\@lg {
      margin-left: var(--space-sm);
    }
    .margin-left-md\@lg {
      margin-left: var(--space-md);
    }
    .margin-left-lg\@lg {
      margin-left: var(--space-lg);
    }
    .margin-left-xl\@lg {
      margin-left: var(--space-xl);
    }
    .margin-left-xxl\@lg {
      margin-left: var(--space-xxl);
    }
    .margin-left-xxxl\@lg {
      margin-left: var(--space-xxxl);
    }
    .margin-left-xxxxl\@lg {
      margin-left: var(--space-xxxxl);
    }
    .margin-left-auto\@lg {
      margin-left: auto;
    }
    .margin-left-0\@lg {
      margin-left: 0;
    }
    .margin-x-xxxxs\@lg {
      margin-left: var(--space-xxxxs);
      margin-right: var(--space-xxxxs);
    }
    .margin-x-xxxs\@lg {
      margin-left: var(--space-xxxs);
      margin-right: var(--space-xxxs);
    }
    .margin-x-xxs\@lg {
      margin-left: var(--space-xxs);
      margin-right: var(--space-xxs);
    }
    .margin-x-xs\@lg {
      margin-left: var(--space-xs);
      margin-right: var(--space-xs);
    }
    .margin-x-sm\@lg {
      margin-left: var(--space-sm);
      margin-right: var(--space-sm);
    }
    .margin-x-md\@lg {
      margin-left: var(--space-md);
      margin-right: var(--space-md);
    }
    .margin-x-lg\@lg {
      margin-left: var(--space-lg);
      margin-right: var(--space-lg);
    }
    .margin-x-xl\@lg {
      margin-left: var(--space-xl);
      margin-right: var(--space-xl);
    }
    .margin-x-xxl\@lg {
      margin-left: var(--space-xxl);
      margin-right: var(--space-xxl);
    }
    .margin-x-xxxl\@lg {
      margin-left: var(--space-xxxl);
      margin-right: var(--space-xxxl);
    }
    .margin-x-xxxxl\@lg {
      margin-left: var(--space-xxxxl);
      margin-right: var(--space-xxxxl);
    }
    .margin-x-auto\@lg {
      margin-left: auto;
      margin-right: auto;
    }
    .margin-x-0\@lg {
      margin-left: 0;
      margin-right: 0;
    }
    .margin-y-xxxxs\@lg {
      margin-top: var(--space-xxxxs);
      margin-bottom: var(--space-xxxxs);
    }
    .margin-y-xxxs\@lg {
      margin-top: var(--space-xxxs);
      margin-bottom: var(--space-xxxs);
    }
    .margin-y-xxs\@lg {
      margin-top: var(--space-xxs);
      margin-bottom: var(--space-xxs);
    }
    .margin-y-xs\@lg {
      margin-top: var(--space-xs);
      margin-bottom: var(--space-xs);
    }
    .margin-y-sm\@lg {
      margin-top: var(--space-sm);
      margin-bottom: var(--space-sm);
    }
    .margin-y-md\@lg {
      margin-top: var(--space-md);
      margin-bottom: var(--space-md);
    }
    .margin-y-lg\@lg {
      margin-top: var(--space-lg);
      margin-bottom: var(--space-lg);
    }
    .margin-y-xl\@lg {
      margin-top: var(--space-xl);
      margin-bottom: var(--space-xl);
    }
    .margin-y-xxl\@lg {
      margin-top: var(--space-xxl);
      margin-bottom: var(--space-xxl);
    }
    .margin-y-xxxl\@lg {
      margin-top: var(--space-xxxl);
      margin-bottom: var(--space-xxxl);
    }
    .margin-y-xxxxl\@lg {
      margin-top: var(--space-xxxxl);
      margin-bottom: var(--space-xxxxl);
    }
    .margin-y-auto\@lg {
      margin-top: auto;
      margin-bottom: auto;
    }
    .margin-y-0\@lg {
      margin-top: 0;
      margin-bottom: 0;
    }
  }
  @supports (--css: variables) {
    .padding-xxxxs\@lg {
      padding: var(--space-xxxxs);
    }
    .padding-xxxs\@lg {
      padding: var(--space-xxxs);
    }
    .padding-xxs\@lg {
      padding: var(--space-xxs);
    }
    .padding-xs\@lg {
      padding: var(--space-xs);
    }
    .padding-sm\@lg {
      padding: var(--space-sm);
    }
    .padding-md\@lg {
      padding: var(--space-md);
    }
    .padding-lg\@lg {
      padding: var(--space-lg);
    }
    .padding-xl\@lg {
      padding: var(--space-xl);
    }
    .padding-xxl\@lg {
      padding: var(--space-xxl);
    }
    .padding-xxxl\@lg {
      padding: var(--space-xxxl);
    }
    .padding-xxxxl\@lg {
      padding: var(--space-xxxxl);
    }
    .padding-0\@lg {
      padding: 0;
    }
    .padding-component\@lg {
      padding: var(--component-padding);
    }
    .padding-top-xxxxs\@lg {
      padding-top: var(--space-xxxxs);
    }
    .padding-top-xxxs\@lg {
      padding-top: var(--space-xxxs);
    }
    .padding-top-xxs\@lg {
      padding-top: var(--space-xxs);
    }
    .padding-top-xs\@lg {
      padding-top: var(--space-xs);
    }
    .padding-top-sm\@lg {
      padding-top: var(--space-sm);
    }
    .padding-top-md\@lg {
      padding-top: var(--space-md);
    }
    .padding-top-lg\@lg {
      padding-top: var(--space-lg);
    }
    .padding-top-xl\@lg {
      padding-top: var(--space-xl);
    }
    .padding-top-xxl\@lg {
      padding-top: var(--space-xxl);
    }
    .padding-top-xxxl\@lg {
      padding-top: var(--space-xxxl);
    }
    .padding-top-xxxxl\@lg {
      padding-top: var(--space-xxxxl);
    }
    .padding-top-0\@lg {
      padding-top: 0;
    }
    .padding-top-component\@lg {
      padding-top: var(--component-padding);
    }
    .padding-bottom-xxxxs\@lg {
      padding-bottom: var(--space-xxxxs);
    }
    .padding-bottom-xxxs\@lg {
      padding-bottom: var(--space-xxxs);
    }
    .padding-bottom-xxs\@lg {
      padding-bottom: var(--space-xxs);
    }
    .padding-bottom-xs\@lg {
      padding-bottom: var(--space-xs);
    }
    .padding-bottom-sm\@lg {
      padding-bottom: var(--space-sm);
    }
    .padding-bottom-md\@lg {
      padding-bottom: var(--space-md);
    }
    .padding-bottom-lg\@lg {
      padding-bottom: var(--space-lg);
    }
    .padding-bottom-xl\@lg {
      padding-bottom: var(--space-xl);
    }
    .padding-bottom-xxl\@lg {
      padding-bottom: var(--space-xxl);
    }
    .padding-bottom-xxxl\@lg {
      padding-bottom: var(--space-xxxl);
    }
    .padding-bottom-xxxxl\@lg {
      padding-bottom: var(--space-xxxxl);
    }
    .padding-bottom-0\@lg {
      padding-bottom: 0;
    }
    .padding-bottom-component\@lg {
      padding-bottom: var(--component-padding);
    }
    .padding-right-xxxxs\@lg {
      padding-right: var(--space-xxxxs);
    }
    .padding-right-xxxs\@lg {
      padding-right: var(--space-xxxs);
    }
    .padding-right-xxs\@lg {
      padding-right: var(--space-xxs);
    }
    .padding-right-xs\@lg {
      padding-right: var(--space-xs);
    }
    .padding-right-sm\@lg {
      padding-right: var(--space-sm);
    }
    .padding-right-md\@lg {
      padding-right: var(--space-md);
    }
    .padding-right-lg\@lg {
      padding-right: var(--space-lg);
    }
    .padding-right-xl\@lg {
      padding-right: var(--space-xl);
    }
    .padding-right-xxl\@lg {
      padding-right: var(--space-xxl);
    }
    .padding-right-xxxl\@lg {
      padding-right: var(--space-xxxl);
    }
    .padding-right-xxxxl\@lg {
      padding-right: var(--space-xxxxl);
    }
    .padding-right-0\@lg {
      padding-right: 0;
    }
    .padding-right-component\@lg {
      padding-right: var(--component-padding);
    }
    .padding-left-xxxxs\@lg {
      padding-left: var(--space-xxxxs);
    }
    .padding-left-xxxs\@lg {
      padding-left: var(--space-xxxs);
    }
    .padding-left-xxs\@lg {
      padding-left: var(--space-xxs);
    }
    .padding-left-xs\@lg {
      padding-left: var(--space-xs);
    }
    .padding-left-sm\@lg {
      padding-left: var(--space-sm);
    }
    .padding-left-md\@lg {
      padding-left: var(--space-md);
    }
    .padding-left-lg\@lg {
      padding-left: var(--space-lg);
    }
    .padding-left-xl\@lg {
      padding-left: var(--space-xl);
    }
    .padding-left-xxl\@lg {
      padding-left: var(--space-xxl);
    }
    .padding-left-xxxl\@lg {
      padding-left: var(--space-xxxl);
    }
    .padding-left-xxxxl\@lg {
      padding-left: var(--space-xxxxl);
    }
    .padding-left-0\@lg {
      padding-left: 0;
    }
    .padding-left-component\@lg {
      padding-left: var(--component-padding);
    }
    .padding-x-xxxxs\@lg {
      padding-left: var(--space-xxxxs);
      padding-right: var(--space-xxxxs);
    }
    .padding-x-xxxs\@lg {
      padding-left: var(--space-xxxs);
      padding-right: var(--space-xxxs);
    }
    .padding-x-xxs\@lg {
      padding-left: var(--space-xxs);
      padding-right: var(--space-xxs);
    }
    .padding-x-xs\@lg {
      padding-left: var(--space-xs);
      padding-right: var(--space-xs);
    }
    .padding-x-sm\@lg {
      padding-left: var(--space-sm);
      padding-right: var(--space-sm);
    }
    .padding-x-md\@lg {
      padding-left: var(--space-md);
      padding-right: var(--space-md);
    }
    .padding-x-lg\@lg {
      padding-left: var(--space-lg);
      padding-right: var(--space-lg);
    }
    .padding-x-xl\@lg {
      padding-left: var(--space-xl);
      padding-right: var(--space-xl);
    }
    .padding-x-xxl\@lg {
      padding-left: var(--space-xxl);
      padding-right: var(--space-xxl);
    }
    .padding-x-xxxl\@lg {
      padding-left: var(--space-xxxl);
      padding-right: var(--space-xxxl);
    }
    .padding-x-xxxxl\@lg {
      padding-left: var(--space-xxxxl);
      padding-right: var(--space-xxxxl);
    }
    .padding-x-0\@lg {
      padding-left: 0;
      padding-right: 0;
    }
    .padding-x-component\@lg {
      padding-left: var(--component-padding);
      padding-right: var(--component-padding);
    }
    .padding-y-xxxxs\@lg {
      padding-top: var(--space-xxxxs);
      padding-bottom: var(--space-xxxxs);
    }
    .padding-y-xxxs\@lg {
      padding-top: var(--space-xxxs);
      padding-bottom: var(--space-xxxs);
    }
    .padding-y-xxs\@lg {
      padding-top: var(--space-xxs);
      padding-bottom: var(--space-xxs);
    }
    .padding-y-xs\@lg {
      padding-top: var(--space-xs);
      padding-bottom: var(--space-xs);
    }
    .padding-y-sm\@lg {
      padding-top: var(--space-sm);
      padding-bottom: var(--space-sm);
    }
    .padding-y-md\@lg {
      padding-top: var(--space-md);
      padding-bottom: var(--space-md);
    }
    .padding-y-lg\@lg {
      padding-top: var(--space-lg);
      padding-bottom: var(--space-lg);
    }
    .padding-y-xl\@lg {
      padding-top: var(--space-xl);
      padding-bottom: var(--space-xl);
    }
    .padding-y-xxl\@lg {
      padding-top: var(--space-xxl);
      padding-bottom: var(--space-xxl);
    }
    .padding-y-xxxl\@lg {
      padding-top: var(--space-xxxl);
      padding-bottom: var(--space-xxxl);
    }
    .padding-y-xxxxl\@lg {
      padding-top: var(--space-xxxxl);
      padding-bottom: var(--space-xxxxl);
    }
    .padding-y-0\@lg {
      padding-top: 0;
      padding-bottom: 0;
    }
    .padding-y-component\@lg {
      padding-top: var(--component-padding);
      padding-bottom: var(--component-padding);
    }
  }
  @supports (--css: variables) {
    .width-xxxxs\@lg {
      width: var(--size-xxxxs, 0.25rem);
    }
    .width-xxxs\@lg {
      width: var(--size-xxxs, 0.5rem);
    }
    .width-xxs\@lg {
      width: var(--size-xxs, 0.75rem);
    }
    .width-xs\@lg {
      width: var(--size-xs, 1rem);
    }
    .width-sm\@lg {
      width: var(--size-sm, 1.5rem);
    }
    .width-md\@lg {
      width: var(--size-md, 2rem);
    }
    .width-lg\@lg {
      width: var(--size-lg, 3rem);
    }
    .width-xl\@lg {
      width: var(--size-xl, 4rem);
    }
    .width-xxl\@lg {
      width: var(--size-xxl, 6rem);
    }
    .width-xxxl\@lg {
      width: var(--size-xxxl, 8rem);
    }
    .width-xxxxl\@lg {
      width: var(--size-xxxxl, 16rem);
    }
    .width-0\@lg {
      width: 0;
    }
    .width-10\%\@lg {
      width: 10%;
    }
    .width-20\%\@lg {
      width: 20%;
    }
    .width-25\%\@lg {
      width: 25%;
    }
    .width-30\%\@lg {
      width: 30%;
    }
    .width-33\%\@lg {
      width: 33.3333333333%;
    }
    .width-40\%\@lg {
      width: 40%;
    }
    .width-50\%\@lg {
      width: 50%;
    }
    .width-60\%\@lg {
      width: 60%;
    }
    .width-66\%\@lg {
      width: 66.6666666667%;
    }
    .width-70\%\@lg {
      width: 70%;
    }
    .width-75\%\@lg {
      width: 75%;
    }
    .width-80\%\@lg {
      width: 80%;
    }
    .width-90\%\@lg {
      width: 90%;
    }
    .width-100\%\@lg {
      width: 100%;
    }
    .width-100vw\@lg {
      width: 100vw;
    }
    .width-auto\@lg {
      width: auto;
    }
  }
  .text-center\@lg {
    text-align: center;
  }
  .text-left\@lg {
    text-align: left;
  }
  .text-right\@lg {
    text-align: right;
  }
  .text-justify\@lg {
    text-align: justify;
  }
  @supports (--css: variables) {
    .text-xs\@lg {
      font-size: var(--text-xs, 0.694em);
    }
    .text-sm\@lg {
      font-size: var(--text-sm, 0.833em);
    }
    .text-base\@lg {
      font-size: 1em;
    }
    .text-md\@lg {
      font-size: var(--text-md, 1.2em);
    }
    .text-lg\@lg {
      font-size: var(--text-lg, 1.44em);
    }
    .text-xl\@lg {
      font-size: var(--text-xl, 1.728em);
    }
    .text-xxl\@lg {
      font-size: var(--text-xxl, 2.074em);
    }
    .text-xxxl\@lg {
      font-size: var(--text-xxxl, 2.488em);
    }
    .text-xxxxl\@lg {
      font-size: var(--text-xxxxl, 2.985em);
    }
  }
  .hide\@lg {
    display: none !important;
  }
}
@media not all and (min-width: 92rem) {
  .has-margin\@lg {
    margin: 0 !important;
  }
  .has-padding\@lg {
    padding: 0 !important;
  }
  .display\@lg {
    display: none !important;
  }
}
:root {
  --display: block;
}

.is-visible {
  display: var(--display) !important;
}

.is-hidden {
  display: none !important;
}

@media print {
  .print\:is-hidden {
    display: none !important;
  }
}
.sr-only {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  overflow: hidden;
  padding: 0;
  border: 0;
  white-space: nowrap;
}

.bg-white {
  background-color: #FFFFFF;
}

.bg-black {
  background-color: #000000;
}

.bg-brand-1 {
  background-color: #C8D41F;
}

.bg-brand-2 {
  background-color: #B6CCA7;
}

.bg-facebook {
  background-color: #3B5797;
}

.bg-twitter {
  background-color: #1DA1F2;
}

.bg-transparent {
  background-color: transparent;
}

.color-brand-1 {
  color: #C8D41F;
}

.color-brand-2 {
  color: #B6CCA7;
}

.color-white {
  color: #FFFFFF;
}

.color-black {
  color: #000000;
}

.color-text-2 {
  color: #868686;
}

.color-key {
  color: #3B3B3B;
}

.color-key-l-5 {
  color: #DBDBDB;
}

.color-key-l-3 {
  color: #9B9B9B;
}

.color-key-l-4 {
  color: #BBBBBB;
}

.border {
  border: 1px solid;
}

.border-top {
  border-top: 1px;
}

.border-bottom {
  border-bottom: 1px solid;
}

.border-left {
  border-left: 1px solid;
}

.border-right {
  border-right: 1px solid;
}

.border-2 {
  border-width: 2px;
}

.border-3 {
  border-width: 3px;
}

.border-4 {
  border-width: 4px;
}

.border-color-key-l-5 {
  border-color: #DBDBDB;
}

.text-shadow-xs {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

.text-shadow-sm {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

.text-shadow-md {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
}

.text-shadow-lg {
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 2px 8px rgba(0, 0, 0, 0.15), 0 4px 16px rgba(0, 0, 0, 0.2);
}

.text-shadow-xl {
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 2px 8px rgba(0, 0, 0, 0.15), 0 4px 16px rgba(0, 0, 0, 0.2), 0 6px 24px rgba(0, 0, 0, 0.25);
}

.text-shadow-none {
  text-shadow: none;
}
p.error-hidden {
    display: none;
}