/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./.yarn/__virtual__/css-loader-virtual-808e0175c6/0/cache/css-loader-npm-6.7.1-b93a2de0d4-170fdbc630.zip/node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./.yarn/cache/resolve-url-loader-npm-5.0.0-9b441067c9-6d483733a4.zip/node_modules/resolve-url-loader/index.js??clonedRuleSet-2.use[2]!./.yarn/__virtual__/postcss-loader-virtual-cebf712f75/0/cache/postcss-loader-npm-6.2.1-45828eb0de-e40ae79c3e.zip/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./.yarn/__virtual__/sass-loader-virtual-08bb5bb05d/0/cache/sass-loader-npm-12.6.0-19096ee50d-5d73a42858.zip/node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[4]!./.yarn/cache/import-glob-loader2-npm-1.1.2-c64137738b-1f056da5ca.zip/node_modules/import-glob-loader2/index.js??clonedRuleSet-2.use[5]!./src/scss/index.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Document
 * ========================================================================== */
/**
 * Add border box sizing in all browsers (opinionated).
 */
*,
::before,
::after {
  box-sizing: border-box;
}
/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritance in all browsers (opinionated).
 */
::before,
::after {
  text-decoration: inherit; /* 1 */
  vertical-align: inherit; /* 2 */
}
/**
 * 1. Use the default cursor in all browsers (opinionated).
 * 2. Change the line height in all browsers (opinionated).
 * 3. Use a 4-space tab width in all browsers (opinionated).
 * 4. Remove the grey highlight on links in iOS (opinionated).
 * 5. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 * 6. Breaks words to prevent overflow in all browsers (opinionated).
 */
html {
  cursor: default; /* 1 */
  line-height: 1.5; /* 2 */
  -moz-tab-size: 4; /* 3 */
  tab-size: 4; /* 3 */
  -webkit-tap-highlight-color: transparent /* 4 */;
  -ms-text-size-adjust: 100%; /* 5 */
  -webkit-text-size-adjust: 100%; /* 5 */
  word-break: break-word; /* 6 */
}
/* Sections
 * ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
 * ========================================================================== */
/**
 * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
 */
dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
  margin: 0;
}
/**
 * 1. Correct the inheritance of border color in Firefox.
 * 2. Add the correct box sizing in Firefox.
 * 3. Show the overflow in Edge 18- and IE.
 */
hr {
  color: inherit; /* 1 */
  height: 0; /* 2 */
}
/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */
nav ol,
nav ul {
  list-style: none;
  padding: 0;
}
/**
 * Prevent VoiceOver from ignoring list semantics in Safari (opinionated).
 */
nav li::before {
  content: "\200B";
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 * 3. Prevent overflow of the container in all browsers (opinionated).
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
  overflow: auto; /* 3 */
  -ms-overflow-style: scrollbar; /* 3 */
}
/* Text-level semantics
 * ========================================================================== */
/**
 * Add the correct text decoration in Edge 18-, IE, and Safari.
 */
abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/* Embedded content
 * ========================================================================== */
/*
 * Change the alignment on media elements in all browsers (opinionated).
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
/**
 * Remove the border on iframes in all browsers (opinionated).
 */
iframe {
  border-style: none;
}
/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */
svg:not([fill]) {
  fill: currentColor;
}
/* Tabular data
 * ========================================================================== */
/**
 * 1. Collapse border spacing in all browsers (opinionated).
 * 2. Correct table border color inheritance in all Chrome, Edge, and Safari.
 * 3. Remove text indentation from table contents in Chrome, Edge, and Safari.
 */
table {
  border-collapse: collapse; /* 1 */
  border-color: inherit; /* 2 */
  text-indent: 0; /* 3 */
}
/* Forms
 * ========================================================================== */
/**
 * Remove the margin on controls in Safari.
 */
button,
input,
select {
  margin: 0;
}
/**
 * 1. Show the overflow in IE.
 * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
 */
button {
  text-transform: none; /* 2 */
}
/**
 * Correct the inability to style buttons in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
/**
 * 1. Change the inconsistent appearance in all browsers (opinionated).
 * 2. Correct the padding in Firefox.
 */
fieldset {
  border: 1px solid #a0a0a0; /* 1 */
  padding: 0.35em 0.75em 0.625em; /* 2 */
}
/**
 * 1. Add the correct display in Edge 18- and IE.
 * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */
progress {
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the inheritance of text transform in Firefox.
 */
select {
  text-transform: none;
}
/**
 * 1. Remove the margin in Firefox and Safari.
 * 2. Remove the default vertical scrollbar in IE.
 * 3. Change the resize direction in all browsers (opinionated).
 */
textarea {
  margin: 0; /* 1 */
  resize: vertical; /* 3 */
  resize: block; /* 3 */
}
/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}
/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */
:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Remove the additional :invalid styles in Firefox.
 */
:-moz-ui-invalid {
  box-shadow: none;
}
/* Interactive
 * ========================================================================== */
/*
 * Add the correct display in Edge 18- and IE.
 */
details {
  display: block;
}
/*
 * Add the correct styles in Edge 18-, IE, and Safari.
 */
dialog {
  background-color: white;
  border: solid;
  color: black;
  display: block;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}
dialog:not([open]) {
  display: none;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
 * ========================================================================== */
/* User interaction
 * ========================================================================== */
/*
 * Remove the tapping delay in IE 10.
 */
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation;
}
/* Accessibility
 * ========================================================================== */
/**
 * Change the cursor on busy elements in all browsers (opinionated).
 */
[aria-busy="true"] {
  cursor: progress;
}
/*
 * Change the cursor on control elements in all browsers (opinionated).
 */
[aria-controls] {
  cursor: pointer;
}
/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers (opinionated).
 */
[aria-disabled="true"],
[disabled] {
  cursor: not-allowed;
}
/*
 * Change the display on visually hidden accessible elements
 * in all browsers (opinionated).
 */
[aria-hidden="false"][hidden] {
  display: initial;
}
[aria-hidden="false"][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}
/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
*    causes content to wrap 1 word per line:
*    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/
/*
* Extends the .sr-only class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/
.sr-only {
  position: absolute;
  margin: -1px;
  border: 0;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  /* 1 */
}

.sr-only--focusable:active, .sr-only--focusable:focus {
  position: static;
  margin: 0;
  width: auto;
  height: auto;
  overflow: visible;
  white-space: inherit;
  clip: auto;
}

.skip-link {
  --highlight-color: var(--link-highlight);
  --highlight-no-underline: inset 0 0 0 0;
  --highlight-underline: inset 0 -1px 0 0;
  --highlight-interact: inset 0 -1.6em 0 0;
  box-shadow: var(--highlight-no-underline) var(--highlight-color);
  transition: var(--trs-default);
  text-decoration: none;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  color: var(--ink-color);
}
.skip-link:hover, .skip-link.focus-visible {
  box-shadow: var(--highlight-interact) var(--highlight-color);
  color: var(--link-color-interact);
}
@media print {
  .skip-link {
    text-decoration: underline;
  }
}

:root {
  --black: #000;
  --charcoal: #252525;
  --white: #fff;
  --carter-orange: #ff8000;
  --theme-primary: var(--carter-orange);
  --surface-color: var(--white);
  --ink-color: var(--black);
  --ink-color-inverse: var(--white);
  --ink-color-disabled: #9d9fa1;
  --error-color: #ff2600;
  --link-ink-color: var(--ink-color);
  --link-ink-color-interact: var(--ink-color-inverse);
  --button-surface-color: var(--theme-primary);
  --button-surface-color-interact: var(--theme-primary);
  --button-ink-color: var(--theme-primary);
  --button-ink-color-interact: var(--white);
  --duration-short: 0.2s;
  --duration-medium: 0.3s;
  --duration-long: 0.5s;
  --easing-default: cubic-bezier(0.77, 0, 0.175, 1);
  --trs-short: all var(--duration-short) var(--easing-default);
  --trs-medium: all var(--duration-medium) var(--easing-default);
  --trs-long: all var(--duration-long) var(--easing-default);
  --trs-default: var(--trs-short);
  --gutter: 16px;
  --safe-gutter-left: max(env(safe-area-inset-left), var(--gutter));
  --safe-gutter-right: max(env(safe-area-inset-right), var(--gutter));
  --safe-gutters: calc(var(--safe-gutter-left) + var(--safe-gutter-left));
  --container-width: 800px;
}
@media (min-width: 576px) {
  :root {
    --gutter: 24px;
  }
}
@media (min-width: 1024px) {
  :root {
    --container-width: 1200px;
  }
}

.theme--light {
  --theme-primary: var(--carter-orange);
}
.theme--dark {
  --ink-color: var(--white);
  --surface-color: var(--black);
  --theme-primary: #058;
}

.typography h1 {
  font-family: "Nunito", sans-serif;
  font-weight: 600;
  margin-top: 50px;
  margin-bottom: 20px;
  font-size: 1.875rem;
}
@media (min-width: 576px) {
  .typography h1 {
    margin-top: 75px;
    margin-bottom: 30px;
    font-size: 2.1875rem;
  }
}
@media (min-width: 1024px) {
  .typography h1 {
    margin-top: 100px;
    margin-bottom: 40px;
    font-size: 2.8125rem;
  }
}
.typography h2 {
  font-family: "Nunito", sans-serif;
  font-weight: 600;
  margin-top: 40px;
  margin-bottom: 30px;
  font-size: 1.5625rem;
}
@media (min-width: 576px) {
  .typography h2 {
    margin-top: 50px;
    margin-bottom: 40px;
    font-size: 1.75rem;
  }
}
@media (min-width: 1024px) {
  .typography h2 {
    margin-top: 60px;
    margin-bottom: 40px;
  }
}
.typography h3 {
  font-family: "Nunito", sans-serif;
  font-weight: 600;
  margin-top: 40px;
  margin-bottom: 20px;
  font-size: 1.25rem;
}
@media (min-width: 576px) {
  .typography h3 {
    margin-top: 40px;
    margin-bottom: 30px;
    font-size: 1.75rem;
  }
}
.typography h4 {
  font-family: "Nunito", sans-serif;
  font-weight: 600;
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 1.125rem;
}
@media (min-width: 576px) {
  .typography h4 {
    font-size: 1.5rem;
  }
}
.typography h5 {
  font-family: "Nunito", sans-serif;
  font-weight: 600;
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 1rem;
}
@media (min-width: 576px) {
  .typography h5 {
    margin-top: 20px;
    font-size: 1.125rem;
  }
}
@media (min-width: 1024px) {
  .typography h5 {
    margin-top: 30px;
  }
}
.typography h6 {
  font-family: "Nunito", sans-serif;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 0.875rem;
}

picture {
  display: block;
}

figure {
  margin: 0;
}

figcaption {
  margin-top: 15px;
  font-size: 0.875rem;
}

.image--with-caption {
  margin-bottom: 0;
}
@media (min-width: 576px) {
  .image--with-caption {
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .image--with-caption {
    margin-bottom: 0;
  }
}
.image--with-caption + figcaption p {
  margin-top: 15px;
  font-size: 0.875rem;
}

.edit-link {
  font-family: "Nunito", sans-serif;
  font-weight: 300;
  position: absolute;
  right: 0;
  transition: var(--trs-default);
  opacity: 0.5;
  z-index: 100;
  background-color: var(--theme-primary);
  padding: 3px 5px;
  text-decoration: none;
  color: var(--black);
  font-size: 0.75rem;
}
.edit-link:hover, .edit-link.focus-visible {
  opacity: 1;
}
@media print {
  .edit-link {
    display: none;
  }
}
.edit-link--page {
  right: unset;
  left: 0;
}

.typography a:not(.link__download):not(.button) {
  font-family: "Nunito", sans-serif;
  font-weight: 300;
  --highlight-color: var(--link-highlight);
  --highlight-no-underline: inset 0 0 0 0;
  --highlight-underline: inset 0 -1px 0 0;
  --highlight-interact: inset 0 -1.6em 0 0;
  box-shadow: var(--highlight-underline) var(--highlight-color);
  transition: var(--trs-default);
  text-decoration: none;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  color: var(--link-ink-color);
}
.typography a:not(.link__download):not(.button):hover, .typography a:not(.link__download):not(.button).focus-visible {
  box-shadow: var(--highlight-interact) var(--highlight-color);
  color: var(--link-color-interact);
}
@media print {
  .typography a:not(.link__download):not(.button) {
    text-decoration: underline;
  }
}
.typography a:not(.link__download):not(.button)[href^=http]:hover::after, .typography a:not(.link__download):not(.button)[href^=http].focus-visible::after {
  background-color: var(--link-ink-color-interact);
}
.typography .link__download {
  text-decoration: none;
  color: currentColor;
}
.typography .link__download-name {
  transition: var(--trs-default);
  box-shadow: var(--highlight-underline) var(--link-ink-color);
  text-decoration: none;
  color: var(--link-ink-color);
}
.typography .link__download-name::after {
  display: inline-block;
  transition: var(--trs-default);
  margin-left: 5px;
  background-color: currentColor;
  background-color: var(--link-ink-color);
  width: 9px;
  height: 10px;
  content: "";
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-image: url(/_resources/themes/base/dist/5ce6c6dff0700838fbe9.svg);
          mask-image: url(/_resources/themes/base/dist/5ce6c6dff0700838fbe9.svg);
}
.typography .link__download:hover .link__download-name, .typography .link__download.focus-visible .link__download-name {
  box-shadow: var(--highlight-interact) var(--link-ink-color);
  color: var(--link-ink-color-interact);
}
.typography .link__download:hover .link__download-name::after, .typography .link__download.focus-visible .link__download-name::after {
  background-color: var(--link-ink-color-interact);
}
.typography .link__download-details {
  text-transform: uppercase;
  letter-spacing: 0.03125rem;
  font-size: 0.6875rem;
  font-weight: 300;
}

.typography li {
  margin-top: 0;
  padding-left: 20px;
  font-size: inherit;
}
.typography li::before {
  display: inline-block;
  margin-left: -20px;
  width: 20px;
  text-align: left;
}
.typography li + li {
  margin-top: 5px;
  margin-bottom: 5px;
}
@media (min-width: 576px) {
  .typography li + li {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
.typography ul {
  font-family: "Nunito", sans-serif;
  font-weight: 300;
  margin: 0;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 0;
  list-style: none;
  list-style-position: inside;
  line-height: 1.5;
  font-size: 1rem;
}
@media (min-width: 576px) {
  .typography ul {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 1.125rem;
  }
}
.typography ul ul,
.typography ul ol {
  margin-top: 5px;
  margin-bottom: 5px;
}
@media (min-width: 576px) {
  .typography ul ul,
.typography ul ol {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
.typography ul li::before {
  content: "•";
}
.typography ul ul li::before {
  content: "–";
}
.typography ol {
  font-family: "Nunito", sans-serif;
  font-weight: 300;
  margin: 0;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 0;
  list-style: none;
  list-style-position: inside;
  line-height: 1.5;
  font-size: 1rem;
}
@media (min-width: 576px) {
  .typography ol {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 1.125rem;
  }
}
.typography ol ul,
.typography ol ol {
  margin-top: 5px;
  margin-bottom: 5px;
}
@media (min-width: 576px) {
  .typography ol ul,
.typography ol ol {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
.typography ol ::marker {
  text-align: left;
}
.typography ol li {
  counter-increment: level1;
}
.typography ol li::before {
  content: counter(level1, decimal) ".";
}
.typography ol ol li {
  counter-increment: level2;
}
.typography ol ol li::before {
  content: counter(level2, lower-alpha) ".";
}
.typography ol ol ol li {
  counter-increment: level3;
}
.typography ol ol ol li::before {
  content: counter(level3, lower-roman) ".";
}

.typography table {
  margin-bottom: 20px;
  min-width: max(400px, 100%);
}
@media (min-width: 576px) {
  .typography table {
    margin-bottom: 40px;
  }
}
@media (min-width: 1024px) {
  .typography table {
    margin-bottom: 50px;
  }
}
.typography table th {
  font-family: "Nunito", sans-serif;
  font-weight: 600;
}
.typography table td {
  font-family: "Nunito", sans-serif;
  font-weight: 300;
}
.typography table th,
.typography table td {
  border-bottom: 1px solid var(--black);
  padding: 15px;
  padding-left: 0;
  vertical-align: top;
  word-break: initial;
}
@media (min-width: 576px) {
  .typography table th,
.typography table td {
    padding: 20px;
    padding-left: 0;
  }
}
.typography table th,
.typography table th > *,
.typography table td,
.typography table td > * {
  font-size: 0.875rem;
}
@media (min-width: 576px) {
  .typography table th,
.typography table th > *,
.typography table td,
.typography table td > * {
    font-size: 1rem;
  }
}
.typography table th *:first-child,
.typography table td *:first-child {
  margin-top: 0;
}
.typography table th *:last-child,
.typography table td *:last-child {
  margin-bottom: 0;
}
.typography table th {
  height: 100%;
  vertical-align: top;
  text-align: left;
  text-transform: uppercase;
}
.typography p {
  font-family: "Nunito", sans-serif;
  font-weight: 300;
  line-height: 1.5;
  font-size: 1rem;
}
@media (min-width: 576px) {
  .typography p {
    font-size: 1.125rem;
  }
}
.typography i,
.typography em {
  font-style: italic;
}
.typography b,
.typography strong {
  font-weight: 600;
}
.typography hr {
  margin: 15px 0;
  border: 0;
  border-bottom: 1px solid currentColor;
}
.typography blockquote {
  position: relative;
  margin: 40px 0;
  padding: 0;
}
@media (min-width: 576px) {
  .typography blockquote {
    margin: 70px 0 50px;
  }
}

html {
  background: var(--surface-color);
  height: 100%;
  line-height: 1.2;
  color: var(--ink-color);
  -webkit-font-smoothing: antialiased;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  html {
    -webkit-font-smoothing: auto;
  }
}

body {
  min-height: 100vh;
}

img {
  max-width: 100%;
  height: auto;
}

svg {
  max-width: 100%;
}

picture {
  display: block;
}

figure {
  margin: 0;
}

nav li::before {
  position: absolute;
}

[aria-controls] {
  cursor: default;
}

.typography > :first-child {
  margin-top: 0;
}
.elementcontent .typography > :last-child {
  margin-bottom: 0;
}

[v-cloak] {
  display: none;
}

/*
  This will hide the focus indicator if the element receives focus via the mouse,
  but it will still show up on keyboard focus. From 'focus-visible' polyfill.
*/
.js-focus-visible :focus:not(.focus-visible) {
  outline: none;
}

.focus-visible {
  --outline-color: var(--theme-primary, var(--black));
  outline: var(--outline-color) solid 1.5px;
  outline-offset: 2px;
}

.button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background: none;
  padding: 0;
  font-family: "Nunito", sans-serif;
  font-weight: 300;
  --highlight-color: var(--link-highlight);
  --highlight-no-underline: inset 0 0 0 0;
  --highlight-underline: inset 0 -1px 0 0;
  --highlight-interact: inset 0 -1.6em 0 0;
  box-shadow: var(--highlight-underline) var(--highlight-color);
  transition: var(--trs-default);
  text-decoration: none;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  color: var(--link-ink-color);
  display: inline-block;
  flex: 0 0 auto;
  transition: var(--trs-default);
  background-color: transparent;
  padding-top: 12px;
  padding-bottom: 10px;
  text-decoration: none;
  color: var(--button-ink-color);
  font-size: 1rem;
  font-weight: 700;
}
.button:hover, .button.focus-visible {
  box-shadow: var(--highlight-interact) var(--highlight-color);
  color: var(--link-color-interact);
}
@media print {
  .button {
    text-decoration: underline;
  }
}
.button[href^=http]:hover::after, .button[href^=http].focus-visible::after {
  background-color: var(--link-ink-color-interact);
}
@media (min-width: 576px) {
  .button {
    font-size: 1.125rem;
  }
}
.button[disabled] {
  opacity: 0.8;
  cursor: not-allowed;
}
.button:focus:not(.focus-visible) {
  outline: none;
}
.button--primary {
  border: 2px solid var(--button-surface-color);
  padding-right: 30px;
  padding-left: 30px;
}
.button--primary:hover, .button--primary.focus-visible {
  background-color: var(--button-surface-color-interact);
  color: var(--button-ink-color-interact);
}
.button--secondary {
  box-shadow: inset 0 -2px var(--button-surface-color);
  padding-inline: 10px;
}
.button--secondary:hover, .button--secondary.focus-visible {
  box-shadow: inset 0 calc((1em + 30px) * -1) var(--button-surface-color-interact);
  color: var(--button-ink-color-interact);
}
.button--inverse {
  --button-surface-color: var(--white);
  --button-surface-color-interact: var(--white);
  --button-ink-color: var(--white);
  --button-ink-color-interact: var(--black);
}

.container {
  padding-right: max(env(safe-area-inset-right), var(--gutter));
  padding-left: max(env(safe-area-inset-left), var(--gutter));
  width: 100%;
  max-width: calc(var(--container-width) + var(--safe-gutters));
  margin-inline: auto;
}
.container .container {
  padding: 0;
}

.container--full-width {
  padding-inline: 0;
}

.container--content {
  --container-width: 600px;
}
@media (min-width: 768px) {
  .container--content {
    --container-width: 700px;
  }
}
@media (min-width: 1024px) {
  .container--content {
    --container-width: 800px;
  }
}

.container--wide {
  --container-width: 600px;
}
@media (min-width: 768px) {
  .container--wide {
    --container-width: 700px;
  }
}
@media (min-width: 1024px) {
  .container--wide {
    --container-width: 1000px;
  }
}
@media (min-width: 1280px) {
  .container--wide {
    --container-width: 1200px;
  }
}

@media (min-width: 1024px) {
  .container--narrow {
    --container-width: 1000px;
  }
}

@media (min-width: 1024px) {
  .container--form {
    --container-width: 600px;
  }
}

.element {
  --element-spacing: 20px;
  padding: var(--element-spacing) 0;
}
@media (min-width: 768px) {
  .element {
    --element-spacing: 30px;
  }
}
@media (min-width: 768px) {
  .element {
    --element-spacing: 40px;
  }
}
.element--full-bleed + .element--full-bleed {
  margin-top: calc(var(--element-spacing) * -2);
}

/* stylelint-disable selector-max-compound-selectors */
.form {
  /*
  * Headings
  */
  /*
  * Default styles
  */
  /*
  * Field borders
  */
  /*
  * Text-style fields (with moveable labels)
  */
  /*
  * Checkboxes and radios
  */
  /*
  * File
  */
  /*
  * Field container
  */
  /*
  * Multi-page-forms
  */
}
.form h1 {
  font-family: "Nunito", sans-serif;
  font-weight: 600;
  margin-top: 50px;
  margin-bottom: 20px;
  font-size: 1.875rem;
}
@media (min-width: 576px) {
  .form h1 {
    margin-top: 75px;
    margin-bottom: 30px;
    font-size: 2.1875rem;
  }
}
@media (min-width: 1024px) {
  .form h1 {
    margin-top: 100px;
    margin-bottom: 40px;
    font-size: 2.8125rem;
  }
}
.form h2 {
  font-family: "Nunito", sans-serif;
  font-weight: 600;
  margin-top: 40px;
  margin-bottom: 30px;
  font-size: 1.5625rem;
}
@media (min-width: 576px) {
  .form h2 {
    margin-top: 50px;
    margin-bottom: 40px;
    font-size: 1.75rem;
  }
}
@media (min-width: 1024px) {
  .form h2 {
    margin-top: 60px;
    margin-bottom: 40px;
  }
}
.form h3 {
  font-family: "Nunito", sans-serif;
  font-weight: 600;
  margin-top: 40px;
  margin-bottom: 20px;
  font-size: 1.25rem;
}
@media (min-width: 576px) {
  .form h3 {
    margin-top: 40px;
    margin-bottom: 30px;
    font-size: 1.75rem;
  }
}
.form h4 {
  font-family: "Nunito", sans-serif;
  font-weight: 600;
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 1.125rem;
}
@media (min-width: 576px) {
  .form h4 {
    font-size: 1.5rem;
  }
}
.form h5 {
  font-family: "Nunito", sans-serif;
  font-weight: 600;
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 1rem;
}
@media (min-width: 576px) {
  .form h5 {
    margin-top: 20px;
    font-size: 1.125rem;
  }
}
@media (min-width: 1024px) {
  .form h5 {
    margin-top: 30px;
  }
}
.form h6 {
  font-family: "Nunito", sans-serif;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 0.875rem;
}
.form fieldset {
  margin: 0;
  border: 0;
  padding: 0;
}
.form legend {
  font-family: "Nunito", sans-serif;
  font-weight: 600;
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 1rem;
  margin-top: 0;
  padding-left: 0;
  width: 100%;
}
@media (min-width: 576px) {
  .form legend {
    margin-top: 20px;
    font-size: 1.125rem;
  }
}
@media (min-width: 1024px) {
  .form legend {
    margin-top: 30px;
  }
}
@media (min-width: 576px) {
  .form legend {
    margin-top: 0;
  }
}
@media (min-width: 1024px) {
  .form legend {
    margin-top: 0;
  }
}
.form legend + * {
  clear: left;
}
.form input,
.form label,
.form legend,
.form select,
.form textarea,
.form .right-title {
  color: currentColor;
  font-family: inherit;
}
.form input,
.form textarea,
.form select {
  font-family: "Nunito", sans-serif;
  font-weight: 300;
  line-height: 1;
  font-size: 1rem;
}
@media (min-width: 576px) {
  .form input,
.form textarea,
.form select {
    line-height: 1.78;
    font-size: 1.125rem;
  }
}
.form .field textarea {
  padding: 6px 21px;
}
.form label,
.form legend {
  font-family: "Nunito", sans-serif;
  font-weight: 600;
  display: block;
  margin-bottom: 3px;
  line-height: 1;
  font-size: 0.875rem;
}
@media (min-width: 576px) {
  .form label,
.form legend {
    font-size: 1rem;
  }
}
.form .description {
  display: block;
  margin-top: 3px;
  line-height: 1;
  font-size: 0.625rem;
}
@media (min-width: 576px) {
  .form .description {
    font-size: 0.75rem;
  }
}
.form input:not([type=file]),
.form textarea,
.form select {
  transition: var(--trs-default);
  border: 1px solid var(--ink-color);
  padding: 0 15px;
  width: 100%;
}
@media (min-width: 1024px) {
  .form input:not([type=file]),
.form textarea,
.form select {
    padding: 0 21px;
  }
}
.form input:not([type=file]).focus-visible,
.form textarea.focus-visible,
.form select.focus-visible {
  outline: none;
  border-color: var(--black);
  box-shadow: inset 0 0 0 1px var(--black);
}
.form input:not([type=file]).error,
.form textarea.error,
.form select.error {
  border-color: var(--error-color);
}
.form input:not([type=file]).error.focus-visible,
.form textarea.error.focus-visible,
.form select.error.focus-visible {
  box-shadow: inset 0 0 0 1px var(--error-color);
}
.form input[type=text]:not([type=radio], [type=checkbox], .date, .date-alt),
.form input[type=email],
.form input[type=number],
.form .dropdown {
  height: 32px;
}
@media (min-width: 576px) {
  .form input[type=text]:not([type=radio], [type=checkbox], .date, .date-alt),
.form input[type=email],
.form input[type=number],
.form .dropdown {
    height: 40px;
  }
}
.form input[type=text]:not([type=radio], [type=checkbox], .date, .date-alt) ~ label,
.form input[type=email] ~ label,
.form input[type=number] ~ label,
.form textarea ~ label {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: top left;
  transition: transform ease 0.25s;
  width: 100%;
  pointer-events: none;
}
@media (min-width: 576px) {
  .form input[type=text]:not([type=radio], [type=checkbox], .date, .date-alt) ~ label,
.form input[type=email] ~ label,
.form input[type=number] ~ label,
.form textarea ~ label {
    top: 3px;
    margin-bottom: 5px;
    line-height: 1;
  }
}
.form input[type=text]:not([type=radio], [type=checkbox], .date, .date-alt)[placeholder=" "]:-moz-placeholder-shown:not(:focus) ~ label, .form input[type=email][placeholder=" "]:-moz-placeholder-shown:not(:focus) ~ label, .form input[type=number][placeholder=" "]:-moz-placeholder-shown:not(:focus) ~ label, .form textarea[placeholder=" "]:-moz-placeholder-shown:not(:focus) ~ label {
  transform: translateY(26px) translateX(15px) scale(1.6);
  width: 59.5%;
}
.form input[type=text]:not([type=radio], [type=checkbox], .date, .date-alt)[placeholder=" "]:placeholder-shown:not(:focus) ~ label,
.form input[type=email][placeholder=" "]:placeholder-shown:not(:focus) ~ label,
.form input[type=number][placeholder=" "]:placeholder-shown:not(:focus) ~ label,
.form textarea[placeholder=" "]:placeholder-shown:not(:focus) ~ label {
  transform: translateY(26px) translateX(15px) scale(1.6);
  width: 59.5%;
}
@media (min-width: 576px) {
  .form input[type=text]:not([type=radio], [type=checkbox], .date, .date-alt)[placeholder=" "]:-moz-placeholder-shown:not(:focus) ~ label, .form input[type=email][placeholder=" "]:-moz-placeholder-shown:not(:focus) ~ label, .form input[type=number][placeholder=" "]:-moz-placeholder-shown:not(:focus) ~ label, .form textarea[placeholder=" "]:-moz-placeholder-shown:not(:focus) ~ label {
    transform: translateY(29px) translateX(21px) scale(1.5);
  }
  .form input[type=text]:not([type=radio], [type=checkbox], .date, .date-alt)[placeholder=" "]:placeholder-shown:not(:focus) ~ label,
.form input[type=email][placeholder=" "]:placeholder-shown:not(:focus) ~ label,
.form input[type=number][placeholder=" "]:placeholder-shown:not(:focus) ~ label,
.form textarea[placeholder=" "]:placeholder-shown:not(:focus) ~ label {
    transform: translateY(29px) translateX(21px) scale(1.5);
  }
}
.form .optionset,
.form .userformsoptionset {
  margin: 0;
  margin-left: 0;
  border: 0;
  padding: 0;
  list-style: none;
  line-height: 1.25;
  font-size: 1rem;
  font-weight: 500;
}
.form .optionset li + li,
.form .userformsoptionset li + li {
  margin-top: 20px;
}
.form .optionset legend,
.form .userformsoptionset legend {
  margin-bottom: 6px;
}
.form input[type=checkbox],
.form input[type=radio] {
  position: absolute;
  left: -9999px;
}
.form input[type=checkbox]:focus + label::before,
.form input[type=radio]:focus + label::before {
  border-width: 2px;
}
.form input[type=checkbox].error + label::before,
.form input[type=radio].error + label::before {
  border-color: var(--error-color);
}
.form input[type=checkbox] + label,
.form input[type=radio] + label {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  height: 18px;
  font-size: 1rem;
}
@media (min-width: 576px) {
  .form input[type=checkbox] + label,
.form input[type=radio] + label {
    line-height: 1;
    font-size: 1.125rem;
  }
}
.form input[type=checkbox] + label::before,
.form input[type=radio] + label::before {
  flex: 0 0 auto;
  margin-top: -3px;
  margin-right: 15px;
  border: 1px solid var(--ink-color);
  background-color: var(--ink-color-inverse);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 11px 9px;
  background-size: contain;
  width: 18px;
  height: 18px;
  content: "";
}
@media (min-width: 1024px) {
  .form input[type=checkbox] + label::before,
.form input[type=radio] + label::before {
    margin-right: 20px;
  }
}
.form input[type=checkbox]:checked + label::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2718%27 height=%2718%27 viewBox=%27-2 -4 22 20%27 fill=%27%23000%27%3E%3Cpath d=%27M5.409 10.284L1.352 6.209 0 7.567 5.409 13 17 1.358 15.648 0z%27/%3E%3C/svg%3E");
}
.form input[type=radio] + label::before {
  border-radius: 50%;
}
.form input[type=radio]:checked + label::before {
  border-radius: 50%;
  box-shadow: inset 0 0 0 4px var(--white);
  background-color: var(--black);
}
.form .checkbox label,
.form .checkboxset label {
  font-family: "Nunito", sans-serif;
  font-weight: 300;
}
.form input[type=file] + .error {
  display: block;
}
.form .field:not(.form-step, .userformsgroup, .nocaptcha),
.form .fieldset {
  margin-bottom: 20px;
}
@media (min-width: 576px) {
  .form .field:not(.form-step, .userformsgroup, .nocaptcha),
.form .fieldset {
    margin-bottom: 30px;
  }
}
.form .field {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.form .field.width {
  flex: 1 1 auto;
}
.form .field.width--small {
  flex-basis: 33.33%;
}
.form .field.width--medium {
  flex-basis: 50%;
}
.form .field.width--large {
  flex-basis: 66.66%;
}
.form .field.userformsoptionset, .form .field.checkboxset {
  /* stylelint-disable selector-class-pattern */
}
.form .field.userformsoptionset .middleColumn div, .form .field.checkboxset .middleColumn div {
  margin-bottom: 8px;
}
.form .field.userformsoptionset .middleColumn div:last-of-type, .form .field.checkboxset .middleColumn div:last-of-type {
  margin-bottom: 0;
}
.form .field.checkbox {
  padding: 0;
}
.form .field .right-title,
.form .field .message {
  display: block;
  margin-top: 5px;
  line-height: 1.2;
  font-size: 0.625rem;
}
@media (min-width: 576px) {
  .form .field .right-title,
.form .field .message {
    line-height: 1;
    font-size: 0.75rem;
  }
}
.form .field .message.error {
  color: var(--error-color);
}
.form .field .checkbox .message.error {
  margin-top: 10px;
}
.form .field .dropdown .message.error {
  position: absolute;
  top: 100%;
  left: 0;
}
.form__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 50px;
}
@media (min-width: 576px) {
  .form__actions {
    margin-top: 60px;
  }
}
.form .userform-progress .step-buttons {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 50px;
  height: 50px;
}
@media (min-width: 576px) {
  .form .userform-progress .step-buttons {
    margin-bottom: 80px;
  }
}
@media (min-width: 1024px) {
  .form .userform-progress .step-buttons {
    margin-bottom: 100px;
    height: 60px;
  }
}
.form .userform-progress .step-button-wrapper {
  display: block;
  flex: 1 1 auto;
  margin: 0 0 0 3px;
  padding: 0;
}
.form .userform-progress .step-button-wrapper::before {
  display: none;
}
.form .userform-progress .step-button-wrapper:first-of-type {
  margin-left: 0;
}
.form .userform-progress .step-button-wrapper .step-button-jump {
  display: flex;
  position: relative;
  transition: var(--trs-default);
  border: 0;
  box-shadow: inset 0 -1px 0 0 var(--ink-color);
  background-color: transparent;
  padding: 0 0 12px;
  width: 100%;
  text-align: left;
  color: var(--ink-color);
  font-size: 0.875rem;
  font-weight: 700;
  font-weight: 900;
}
@media (min-width: 1024px) {
  .form .userform-progress .step-button-wrapper .step-button-jump {
    font-size: 1rem;
  }
}
.form .userform-progress .step-button-wrapper .step-button-jump .step-button-number {
  transform: scale(1);
  transform-origin: left 80%;
  transition: var(--trs-default);
}
.form .userform-progress .step-button-wrapper.current {
  box-shadow: inset 0 -2px 0 0 var(--ink-color);
}
.form .userform-progress .step-button-wrapper.current .step-button-number {
  transform: scale(2);
}
@media (min-width: 576px) {
  .form .userform-progress .step-button-wrapper.current .step-button-number {
    transform: scale(2.25);
  }
}
.form .step-navigation .step-buttons {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: 60px;
}
.form .step-navigation .step-buttons .action {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background: none;
  padding: 0;
  font-family: "Nunito", sans-serif;
  font-weight: 300;
  --highlight-color: var(--link-highlight);
  --highlight-no-underline: inset 0 0 0 0;
  --highlight-underline: inset 0 -1px 0 0;
  --highlight-interact: inset 0 -1.6em 0 0;
  box-shadow: var(--highlight-underline) var(--highlight-color);
  transition: var(--trs-default);
  text-decoration: none;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  color: var(--link-ink-color);
  display: inline-block;
  flex: 0 0 auto;
  transition: var(--trs-default);
  background-color: transparent;
  padding-top: 12px;
  padding-bottom: 10px;
  text-decoration: none;
  color: var(--button-ink-color);
  font-size: 1rem;
  font-weight: 700;
  border: 2px solid var(--button-surface-color);
  padding-right: 30px;
  padding-left: 30px;
}
.form .step-navigation .step-buttons .action:hover, .form .step-navigation .step-buttons .action.focus-visible {
  box-shadow: var(--highlight-interact) var(--highlight-color);
  color: var(--link-color-interact);
}
@media print {
  .form .step-navigation .step-buttons .action {
    text-decoration: underline;
  }
}
.form .step-navigation .step-buttons .action[href^=http]:hover::after, .form .step-navigation .step-buttons .action[href^=http].focus-visible::after {
  background-color: var(--link-ink-color-interact);
}
@media (min-width: 576px) {
  .form .step-navigation .step-buttons .action {
    font-size: 1.125rem;
  }
}
.form .step-navigation .step-buttons .action[disabled] {
  opacity: 0.8;
  cursor: not-allowed;
}
.form .step-navigation .step-buttons .action:focus:not(.focus-visible) {
  outline: none;
}
.form .step-navigation .step-buttons .action:hover, .form .step-navigation .step-buttons .action.focus-visible {
  background-color: var(--button-surface-color-interact);
  color: var(--button-ink-color-interact);
}
.form .step-navigation .step-button-wrapper {
  padding: 0;
}
.form .step-navigation .step-button-wrapper::before {
  display: none;
}
.form .error-container {
  margin-bottom: 30px;
}
@media (min-width: 576px) {
  .form .userformsgroup {
    flex-direction: row;
    gap: 30px;
    align-items: flex-start;
    justify-content: stretch;
  }
}
.form .btn-toolbar.Actions button:first-of-type {
  margin-left: 0;
}

.main .element:first-of-type {
  padding-top: 0;
}

.post-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
@media (min-width: 576px) {
  .post-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1280px) {
  .post-list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.post__image-wrap {
  display: flex;
  justify-content: center;
}
.post__intro {
  max-width: 550px;
}
@media (min-width: 1024px) {
  .post__intro {
    max-width: 750px;
  }
}
.post-list {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .post-list {
    margin-top: 60px;
  }
}
.post-summary {
  margin-bottom: 30px;
}
.post-summary h2 {
  display: inline-block;
  transition: border-color 0.2s ease;
  margin: 0 0 10px;
  border-bottom: 2px solid transparent;
}
@media (max-width: 767.98px) {
  .post-summary h2 {
    font-size: 1.5625rem;
  }
}
.post-summary a:hover h2,
.post-summary a:focus-visible h2 {
  border-color: var(--theme-primary);
}
.post-meta p {
  margin: 5px 0;
  font-size: 1rem;
}
.post-meta .button--secondary:not(:hover):not(.focus-visible) {
  box-shadow: inset 0 0 var(--button-surface-color-interact);
}

.typography h1.post__title a:not(.link__download):not(.button) {
  font-weight: 600;
}
.page--blogpost h1.post__title {
  margin: 40px 0 10px;
}

h2.post__tagtitle {
  margin-top: -10px;
}
@media (min-width: 576px) {
  h2.post__tagtitle {
    margin-top: -20px;
  }
}

p.post-summary__intro {
  padding-bottom: 0;
}

p.post-summary__date {
  margin: 0 0 10px;
  font-size: 1rem;
}
.page--blogpost p.post-summary__date {
  margin: 0 0 20px;
}

.pagination span,
.pagination a {
  margin-right: 10px;
}

/*! HTML5 Boilerplate v7.3.0 | MIT License | https://html5boilprinterplate.com/ */
@media print {
  *,
*::before,
*::after {
    /* Black prints faster */
    box-shadow: none !important;
    background: transparent !important;
    text-shadow: none !important;
    color: #000 !important;
  }

  a,
a:visited {
    text-decoration: underline;
  }

  a[href]::after {
    content: " (" attr(href) ")";
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]::after,
a[href^="javascript:"]::after {
    content: "";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /*
   * Printing Tables:
   * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group;
  }

  tr,
img {
    page-break-inside: avoid;
  }

  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
h3 {
    page-break-after: avoid;
  }
}
@media (min-width: 576px) {
  .blockquote {
    margin-left: calc(70px + var(--gutter));
  }
}
.blockquote__quote {
  position: relative;
  margin: 0;
  padding: 0;
}
.blockquote__quote.blockquote__quote {
  line-height: 1.17;
  font-size: 1.375rem;
  font-weight: 500;
}
@media (min-width: 576px) {
  .blockquote__quote.blockquote__quote {
    line-height: 1.13;
    font-size: 2rem;
  }
}
@media (min-width: 1024px) {
  .blockquote__quote.blockquote__quote {
    line-height: 1.2;
    font-size: 2.5rem;
  }
}
.blockquote__quote::before {
  display: block;
  margin-bottom: 20px;
  background-color: var(--theme-primary);
  -webkit-mask-size: cover;
          mask-size: cover;
  width: 50px;
  height: 50px;
  content: "";
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 version=%271.1%27 id=%27Capa_1%27 x=%270px%27 y=%270px%27 width=%27349.078px%27 height=%27349.078px%27 viewBox=%270 0 349.078 349.078%27 style=%27enable-background:new 0 0 349.078 349.078;%27 xml:space=%27preserve%27%3E %3Cg%3E %3Cpath d=%27M150.299,26.634v58.25c0,7.9-6.404,14.301-14.304,14.301c-28.186,0-43.518,28.909-45.643,85.966h45.643 c7.9,0,14.304,6.407,14.304,14.304v122.992c0,7.896-6.404,14.298-14.304,14.298H14.301C6.398,336.745,0,330.338,0,322.447V199.455 c0-27.352,2.754-52.452,8.183-74.611c5.568-22.721,14.115-42.587,25.396-59.048c11.608-16.917,26.128-30.192,43.16-39.44 C93.886,17.052,113.826,12.333,136,12.333C143.895,12.333,150.299,18.734,150.299,26.634z M334.773,99.186 c7.896,0,14.305-6.407,14.305-14.301v-58.25c0-7.9-6.408-14.301-14.305-14.301c-22.165,0-42.108,4.72-59.249,14.023 c-17.035,9.248-31.563,22.523-43.173,39.44c-11.277,16.461-19.824,36.328-25.393,59.054c-5.426,22.166-8.18,47.266-8.18,74.605 v122.992c0,7.896,6.406,14.298,14.304,14.298h121.69c7.896,0,14.299-6.407,14.299-14.298V199.455 c0-7.896-6.402-14.304-14.299-14.304h-44.992C291.873,128.095,306.981,99.186,334.773,99.186z%27/%3E %3C/g%3E %3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 version=%271.1%27 id=%27Capa_1%27 x=%270px%27 y=%270px%27 width=%27349.078px%27 height=%27349.078px%27 viewBox=%270 0 349.078 349.078%27 style=%27enable-background:new 0 0 349.078 349.078;%27 xml:space=%27preserve%27%3E %3Cg%3E %3Cpath d=%27M150.299,26.634v58.25c0,7.9-6.404,14.301-14.304,14.301c-28.186,0-43.518,28.909-45.643,85.966h45.643 c7.9,0,14.304,6.407,14.304,14.304v122.992c0,7.896-6.404,14.298-14.304,14.298H14.301C6.398,336.745,0,330.338,0,322.447V199.455 c0-27.352,2.754-52.452,8.183-74.611c5.568-22.721,14.115-42.587,25.396-59.048c11.608-16.917,26.128-30.192,43.16-39.44 C93.886,17.052,113.826,12.333,136,12.333C143.895,12.333,150.299,18.734,150.299,26.634z M334.773,99.186 c7.896,0,14.305-6.407,14.305-14.301v-58.25c0-7.9-6.408-14.301-14.305-14.301c-22.165,0-42.108,4.72-59.249,14.023 c-17.035,9.248-31.563,22.523-43.173,39.44c-11.277,16.461-19.824,36.328-25.393,59.054c-5.426,22.166-8.18,47.266-8.18,74.605 v122.992c0,7.896,6.406,14.298,14.304,14.298h121.69c7.896,0,14.299-6.407,14.299-14.298V199.455 c0-7.896-6.402-14.304-14.299-14.304h-44.992C291.873,128.095,306.981,99.186,334.773,99.186z%27/%3E %3C/g%3E %3C/svg%3E");
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
@media (min-width: 576px) {
  .blockquote__quote::before {
    position: absolute;
    top: -5px;
    left: -70px;
  }
}
@media (min-width: 1024px) {
  .blockquote__quote::before {
    left: -110px;
    width: 65px;
    height: 65px;
  }
}
.blockquote__attribution {
  margin-top: 15px;
  line-height: 1.57;
  font-size: 0.875rem;
}
@media (min-width: 576px) {
  .blockquote__attribution {
    line-height: 1.22;
    font-size: 1.125rem;
  }
}

.e-cluster {
  display: grid;
  grid-template-rows: repeat(4, 1fr);
  grid-template-columns: repeat(8, 1fr);
  grid-gap: 6px;
  align-content: end;
  justify-content: center;
}
@media (min-width: 768px) {
  .e-cluster {
    grid-gap: 12px;
  }
  .e-double .e-cluster {
    grid-gap: 6px;
  }
}
.e-cluster .cluster img {
  object-fit: cover;
}
.e-cluster .cluster-type-1:nth-of-type(1) {
  grid-row-start: 1;
  grid-row-end: 4;
  grid-column-start: 1;
  grid-column-end: 4;
}
.e-cluster .cluster-type-1:nth-of-type(2) {
  grid-row-start: 3;
  grid-row-end: 5;
  grid-column-start: 3;
  grid-column-end: 9;
  margin-top: -6px;
  border: 6px solid var(--white);
}
@media (min-width: 768px) {
  .e-cluster .cluster-type-1:nth-of-type(2) {
    margin-top: -12px;
    border-width: 12px;
  }
  .e-double .e-cluster .cluster-type-1:nth-of-type(2) {
    margin-top: -6px;
    border-width: 6px;
  }
}
.e-cluster .cluster-type-1:nth-of-type(3) {
  grid-row-start: 1;
  grid-row-end: 3;
  grid-column-start: 4;
  grid-column-end: 8;
}
.e-cluster .cluster-type-2:nth-of-type(1) {
  grid-row-start: 2;
  grid-row-end: 5;
  grid-column-start: 6;
  grid-column-end: 9;
  z-index: 1;
  margin-left: -3px;
  border: 5px solid var(--white);
  border-bottom: 0;
}
@media (min-width: 768px) {
  .e-cluster .cluster-type-2:nth-of-type(1) {
    margin-left: -12px;
    border-width: 12px;
  }
  .e-double .e-cluster .cluster-type-2:nth-of-type(1) {
    margin-left: -6px;
    border-width: 6px;
  }
}
.e-cluster .cluster-type-2:nth-of-type(2) {
  grid-row-start: 1;
  grid-row-end: 3;
  grid-column-start: 1;
  grid-column-end: 8;
}
.e-cluster .cluster-type-2:nth-of-type(3) {
  grid-row-start: 3;
  grid-row-end: 5;
  grid-column-start: 2;
  grid-column-end: 6;
}

a.e-cta__link {
  margin: 0 auto;
}

.e-cta {
  text-align: center;
}
.e-cta__title.e-cta__title {
  font-family: "Nunito", sans-serif;
  font-weight: 600;
  margin-top: 40px;
  margin-bottom: 20px;
  font-size: 1.25rem;
}
@media (min-width: 576px) {
  .e-cta__title.e-cta__title {
    margin-top: 40px;
    margin-bottom: 30px;
    font-size: 1.75rem;
  }
}

@media (min-width: 576px) {
  .e-double__container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: center;
  }
}
.e-double__container .container:first-of-type {
  padding-bottom: 20px;
}
@media (min-width: 576px) {
  .e-double__container .container:first-of-type {
    padding-bottom: 0;
  }
}

.e-featured img {
  width: 100%;
}
.e-featured__intro {
  margin-bottom: 16px;
}
@media (min-width: 576px) {
  .e-featured__intro {
    margin-bottom: 24px;
  }
}
@media (min-width: 768px) {
  .e-featured__intro {
    margin-bottom: 36px;
  }
}
.e-featured__summary {
  text-align: center;
}
.e-featured__wrapper {
  display: grid;
}
@media (min-width: 768px) {
  .e-featured__wrapper {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
}
@media (min-width: 1024px) {
  .e-featured__wrapper.e-featured__count-3 {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
  }
}
.e-featured__link-heading {
  text-align: center;
}

.typography h3.e-featured__link-heading {
  margin-top: 20px;
  font-size: 1.25rem;
}
@media (min-width: 576px) {
  .typography h3.e-featured__link-heading {
    font-size: 1.5rem;
  }
}

.footer {
  margin-top: 30px;
  box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.4784313725);
  padding: 50px 0;
}
@media (min-width: 1024px) {
  .footer {
    padding: 60px 0;
  }
}
@media (min-width: 768px) {
  .footer__main {
    display: flex;
    justify-content: space-between;
  }
}
.footer__nav {
  display: grid;
  gap: 12px;
  margin-top: 24px;
}
@media (min-width: 1024px) {
  .footer__nav {
    gap: 30px;
  }
}
@media (min-width: 576px) {
  .footer__nav {
    display: flex;
    gap: 24px;
  }
}
.footer__logo-image {
  display: block;
  width: auto;
  height: 32px;
}
@media (min-width: 576px) {
  .footer__logo-image {
    height: 50px;
  }
}
@media (min-width: 1024px) {
  .footer__logo-image {
    height: 60px;
  }
}
.footer__link {
  font-family: "Nunito", sans-serif;
  font-weight: 600;
  transition: var(--trs-default);
  -webkit-text-decoration: underline 2px transparent;
          text-decoration: underline 2px transparent;
  text-underline-offset: 6px;
  line-height: 1;
  letter-spacing: -0.2px;
  color: var(--ink-color);
  font-size: 1.125rem;
}
@media (min-width: 576px) {
  .footer__link {
    align-items: center;
    text-align: center;
    line-height: 1.14;
    font-size: 1.25rem;
  }
}
@media (min-width: 1024px) {
  .footer__link {
    font-size: 1.375rem;
  }
}
@media (min-width: 576px) {
  .footer__link--main {
    -webkit-text-decoration: underline 3px transparent;
            text-decoration: underline 3px transparent;
  }
}
.footer__link:hover, .footer__link.focus-visible, .footer__link.page-header__menu-link--current {
  -webkit-text-decoration-color: var(--carter-orange);
          text-decoration-color: var(--carter-orange);
}
.footer__utils {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  border-top: 1px solid #d1d1d1;
  padding-top: 20px;
}
@media (min-width: 1024px) {
  .footer__utils {
    margin-top: 30px;
    padding-top: 30px;
  }
}
.footer__small-print {
  display: grid;
  gap: 9px;
}
@media (min-width: 576px) {
  .footer__small-print {
    gap: 12px;
  }
}
@media (min-width: 576px) {
  .footer__small-print {
    gap: 16px;
  }
}
.footer__small-print a {
  font-size: 0.875rem;
}
@media (min-width: 576px) {
  .footer__small-print a {
    font-size: 0.9375rem;
  }
}
@media (min-width: 1024px) {
  .footer__small-print a {
    font-size: 1rem;
  }
}
.footer .social {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px;
}
@media (min-width: 768px) {
  .footer .social {
    gap: 20px;
  }
}
.footer .social__link {
  text-decoration: none;
}
.footer .social__link path {
  transition: var(--trs-default);
}
.footer .social__link:hover path, .footer .social__link.focus-visible path {
  fill: var(--carter-orange);
}

.e-hero {
  position: relative;
}
.e-hero__image-container img {
  width: 100%;
}
.e-hero__text-container {
  display: flex;
  justify-content: center;
}
.e-hero__text-container::before {
  position: absolute;
  bottom: 0;
  background: linear-gradient(0deg, rgb(22, 22, 22) 0%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
  height: 100px;
  content: "";
}
@media (min-width: 576px) {
  .e-hero__text-container::before {
    height: 120px;
  }
}
@media (min-width: 768px) {
  .e-hero__text-container::before {
    height: 140px;
  }
}
.e-hero__text.e-hero__text {
  position: absolute;
  bottom: 0;
  margin: 0 calc(2 * var(--gutter)) 20px calc(2 * var(--gutter));
  max-width: 380px;
  text-align: center;
  line-height: 1;
  color: var(--white);
  font-size: 1.75rem;
  font-weight: 800;
}
@media (min-width: 576px) {
  .e-hero__text.e-hero__text {
    max-width: 450px;
    font-size: 2.25rem;
  }
}
@media (min-width: 768px) {
  .e-hero__text.e-hero__text {
    max-width: 550px;
    font-size: 2.75rem;
  }
}
@media (min-width: 1024px) {
  .e-hero__text.e-hero__text {
    max-width: 750px;
  }
}

.e-logos {
  padding: 0;
  text-align: center;
}
.e-logos__logos {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  -moz-column-gap: 14px;
       column-gap: 14px;
  margin: 0 auto;
  padding-right: 0;
  padding-left: 0;
  row-gap: 24px;
  max-width: 910px;
}
@media (min-width: 768px) {
  .e-logos__logos {
    grid-template-columns: 1fr 1fr 1fr;
    -moz-column-gap: 40px;
         column-gap: 40px;
    row-gap: 40px;
  }
  .e-logos__logos a:nth-of-type(3n + 1) {
    margin-left: 0;
  }
  .e-logos__logos a:nth-of-type(3n + 2) {
    margin-right: auto;
    margin-left: auto;
  }
  .e-logos__logos a:nth-of-type(3n + 3) {
    margin-left: auto;
  }
}
@media (min-width: 1280px) {
  .e-logos__logos {
    -moz-column-gap: 140px;
         column-gap: 140px;
  }
}
@media (min-width: 1024px) {
  .e-logos__logos {
    /*! autoprefixer: ignore next */
    justify-content: space-between;
  }
}
@media (max-width: 767.98px) {
  .e-logos__logos a:nth-of-type(2n + 2) {
    margin-left: auto;
    max-width: 435px;
  }
}
.e-logos__link:hover .svg, .e-logos__link:focus .svg {
  fill: var(--theme-primary);
}
.e-logos .svg {
  align-self: center;
  justify-self: center;
  transition: var(--trs-default);
}
@media (min-width: 768px) {
  .e-logos .svg {
    width: 100%;
  }
  html .e-logos .svg {
    height: auto;
  }
}

/* stylelint-disable-next-line scss/at-import-partial-extension-blacklist */
.elementcarousel:not(.element--default-spacing) {
  --element-spacing: 40px;
}
@media (min-width: 1024px) {
  .elementcarousel:not(.element--default-spacing) {
    --element-spacing: 110px;
  }
}

.image-carousel {
  position: relative;
}
.image-carousel__slide {
  box-sizing: content-box;
  position: relative;
  transition: var(--trs-default);
  opacity: 1;
  padding: 0 5px;
  width: 268px;
}
@media (min-width: 576px) {
  .image-carousel__slide {
    width: 400px;
  }
}
@media (min-width: 768px) {
  .image-carousel__slide {
    padding: 0 25px;
    width: 500px;
  }
}
@media (min-width: 1024px) {
  .image-carousel__slide {
    width: 700px;
  }
}
@media (min-width: 1280px) {
  .image-carousel__slide {
    padding: 0 50px;
    width: 1000px;
  }
}
.image-carousel__slide.is-next, .image-carousel__slide.is-prev {
  opacity: 0.2;
}
.image-carousel__slide-overlay {
  position: absolute;
  top: 0;
  right: 5px;
  bottom: 0;
  left: 5px;
  background-color: rgba(4, 0, 0, 0.22);
}
@media (min-width: 768px) {
  .image-carousel__slide-overlay {
    right: 25px;
    left: 25px;
  }
}
@media (min-width: 1280px) {
  .image-carousel__slide-overlay {
    right: 50px;
    left: 50px;
  }
}
.is-active:not(.splide) .image-carousel__slide-overlay {
  background-color: transparent;
}

.responsive-image {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  z-index: 0;
  overflow: hidden;
}
.responsive-image__img {
  object-fit: cover;
  display: block;
}
.responsive-image--cover {
  margin: auto;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.responsive-image--cover .lazy-image__blurhash,
.responsive-image--cover .lazy-image__blurhash *,
.responsive-image--cover .lazy-image__img,
.responsive-image--cover .lazy-image__img *,
.responsive-image--cover .responsive-image__picture,
.responsive-image--cover .responsive-image__picture * {
  width: 100%;
  height: 100%;
}

.lazy-image__blurhash, .lazy-image__img {
  transition: opacity 0.5s ease-in-out;
}
.lazy-image__img {
  position: relative;
  opacity: 0;
  z-index: 2;
}
@supports not (aspect-ratio: 1/1) {
  .lazy-image__img {
    position: absolute;
    max-width: 100%;
  }
}
.lazy-image__img:not(.lazy-image--loaded) {
  width: 100%;
}
.lazy-image__blurhash {
  position: absolute;
  opacity: 1;
  z-index: 1;
  margin: auto;
  min-width: 100%;
  min-height: 100%;
}
@supports not (aspect-ratio: 1/1) {
  .lazy-image__blurhash {
    max-width: 100%;
  }
}
.lazy-image__fallback {
  width: 100%;
}
.lazy-image--loaded .lazy-image__blurhash {
  opacity: 0;
}
.lazy-image--loaded .lazy-image__img {
  opacity: 1;
}

.blurhash-img__canvas {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}

.page-header--overlay {
  --ink-color: var(--white);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
}
.page-header__wrapper {
  display: flex;
  padding-block: 16px;
  align-items: center;
}
@media (min-width: 576px) {
  .page-header__wrapper {
    padding-block: 25px;
  }
}
@media (min-width: 1024px) {
  .page-header__wrapper {
    padding-block: 35px;
  }
}
.page-header__logo-image {
  display: block;
  width: auto;
  height: 32px;
}
@media (min-width: 576px) {
  .page-header__logo-image {
    height: 44px;
  }
}
@media (min-width: 768px) {
  .page-header__logo-image {
    height: 50px;
  }
}
@media (min-width: 1024px) {
  .page-header__logo-image {
    height: 60px;
  }
}
.page-header__phone {
  --default-button-icon-size: 20px;
  --default-button-padding-size: 10px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background: none;
  padding: 0;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
}
@media (min-width: 576px) {
  .page-header__phone {
    --default-button-icon-size: 20px;
    --default-button-padding-size: 12px;
  }
}
.page-header__phone::before {
  position: absolute;
  transition: var(--trs-default);
  z-index: 2;
  margin: var(--button-padding-size, var(--default-button-padding-size));
  background-color: var(--button-surface-color);
  width: var(--button-icon-size, var(--default-button-icon-size));
  height: var(--button-icon-size, var(--default-button-icon-size));
  content: "";
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 512 512%27%3E %3Cpath d=%27M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64c0 247.4 200.6 448 448 448 18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368c-70.4-33.3-127.4-90.3-160.7-160.7l49.3-40.3c13.7-11.2 18.4-30 11.6-46.3l-40-96z%27/%3E %3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 512 512%27%3E %3Cpath d=%27M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64c0 247.4 200.6 448 448 448 18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368c-70.4-33.3-127.4-90.3-160.7-160.7l49.3-40.3c13.7-11.2 18.4-30 11.6-46.3l-40-96z%27/%3E %3C/svg%3E");
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.page-header__phone::after {
  position: relative;
  transform: scale(0.8);
  transition: var(--trs-default);
  z-index: 1;
  border-radius: 50%;
  width: calc(var(--button-icon-size, var(--default-button-icon-size)) + var(--button-padding-size, var(--default-button-padding-size)) * 2);
  height: calc(var(--button-icon-size, var(--default-button-icon-size)) + var(--button-padding-size, var(--default-button-padding-size)) * 2);
  content: "";
}
.page-header__phone:hover::before, .page-header__phone.focus-visible::before {
  background-color: var(--button-ink-color-interact);
}
.page-header__phone:hover::after, .page-header__phone.focus-visible::after {
  transform: scale(1);
  background-color: var(--button-surface-color-interact);
}
.page-header__phone.focus-visible {
  outline: none;
}
.page-header__phone.focus-visible::after {
  --outline-color: var(--theme-primary, var(--black));
  outline: var(--outline-color) solid 1.5px;
  outline-offset: 2px;
}
@media (min-width: 768px) {
  .page-header__phone--mobile {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .page-header__phone--desktop {
    display: none;
  }
}
.page-header__menu {
  flex: 1 1 auto;
  margin-top: 45px;
  min-height: 0;
}
@media (min-width: 768px) {
  .page-header__menu {
    margin-top: 0;
  }
}
.page-header__menu:focus, .page-header__menu.focus-visible {
  outline: none;
}
@media (max-width: 767.98px) {
  .page-header__menu-container {
    --ink-color: var(--white);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: rgba(255, 255, 255, 0.7);
    width: 100vw;
    height: 100vh;
    -webkit-animation-duration: var(--duration-long);
            animation-duration: var(--duration-long);
  }
}
@media (min-width: 768px) {
  .page-header__menu-container {
    margin-left: auto;
  }
}
@media print {
  .page-header__menu-container {
    display: none;
  }
}
.page-header__menu-container-enter-active {
  -webkit-animation-name: fadeBackground;
          animation-name: fadeBackground;
  -webkit-animation-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
          animation-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
}
.page-header__menu-container-enter-active .page-header__menu-wrapper {
  -webkit-animation-name: slideMenu;
          animation-name: slideMenu;
}
.page-header__menu-container-leave-active {
  -webkit-animation-name: fadeBackground;
          animation-name: fadeBackground;
  -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.75, 0);
          animation-timing-function: cubic-bezier(0.5, 0, 0.75, 0);
  animation-direction: reverse;
}
.page-header__menu-container-leave-active .page-header__menu-wrapper {
  -webkit-animation-name: slideMenu;
          animation-name: slideMenu;
}
@-webkit-keyframes fadeBackground {
  from {
    background-color: transparent;
  }
}
@keyframes fadeBackground {
  from {
    background-color: transparent;
  }
}
@-webkit-keyframes slideMenu {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0%);
  }
}
@keyframes slideMenu {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0%);
  }
}
@media (max-width: 767.98px) {
  .page-header__menu-wrapper {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    flex-direction: column;
    background-color: var(--charcoal);
    padding: 10px var(--safe-gutter-right) 10px 35px;
    width: 320px;
    height: 100%;
    overflow-y: scroll;
    -webkit-animation-duration: inherit;
            animation-duration: inherit;
    -webkit-animation-timing-function: inherit;
            animation-timing-function: inherit;
    -webkit-animation-direction: inherit;
            animation-direction: inherit;
  }
}
.page-header__menu-list {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .page-header__menu-list {
    flex-direction: row;
    gap: 36px;
    margin-left: auto;
  }
}
@media (min-width: 768px) {
  .page-header__menu-item {
    display: grid;
    align-content: center;
    border-right: 1px solid var(--black-20);
  }
  .theme--dark .page-header__menu-item {
    border-right-color: var(--white-30);
  }
}
.page-header__menu-link {
  font-family: "Nunito", sans-serif;
  font-weight: 600;
  transition: -webkit-text-decoration-color 0.25s ease;
  transition: text-decoration-color 0.25s ease;
  transition: text-decoration-color 0.25s ease, -webkit-text-decoration-color 0.25s ease;
  -webkit-text-decoration: underline 3px transparent;
          text-decoration: underline 3px transparent;
  text-underline-offset: 6px;
  line-height: 1;
  letter-spacing: -0.2px;
  color: var(--ink-color, var(--base-ink-color));
  font-size: 1.375rem;
}
@media (min-width: 768px) {
  .page-header__menu-link {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: flex-start;
    align-items: center;
    text-align: center;
    line-height: 1.14;
    font-size: 1.25rem;
  }
}
@media (min-width: 1024px) {
  .page-header__menu-link {
    padding: 0;
    line-height: 1;
    font-size: 1.375rem;
  }
}
.page-header__menu-link:hover, .page-header__menu-link.focus-visible, .page-header__menu-link.page-header__menu-link--current {
  -webkit-text-decoration-color: var(--carter-orange);
          text-decoration-color: var(--carter-orange);
}
.page-header__controls {
  display: flex;
  gap: 5px;
  align-items: center;
  margin-right: -10px;
  margin-left: auto;
}
@media (min-width: 768px) {
  .page-header__controls {
    margin-left: 20px;
  }
}
@media (min-width: 1024px) {
  .page-header__controls {
    margin-left: 30px;
  }
}
@media print {
  .page-header__controls {
    display: none;
  }
}
.page-header__controls--menu {
  display: flex;
  justify-content: space-between;
  margin: 0 0 0 -10px;
  width: calc(100% + 20px);
}
.page-header__toggle {
  --button-ink-color: var(--ink-color, var(--base-ink-color));
}
.page-header__toggle--menu {
  --default-button-icon-size: 20px;
  --default-button-padding-size: 10px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background: none;
  padding: 0;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
}
@media (min-width: 576px) {
  .page-header__toggle--menu {
    --default-button-icon-size: 20px;
    --default-button-padding-size: 12px;
  }
}
.page-header__toggle--menu::before {
  position: absolute;
  transition: var(--trs-default);
  z-index: 2;
  margin: var(--button-padding-size, var(--default-button-padding-size));
  background-color: var(--button-surface-color);
  width: var(--button-icon-size, var(--default-button-icon-size));
  height: var(--button-icon-size, var(--default-button-icon-size));
  content: "";
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2722%27 height=%2716%27 viewBox=%270 0 22 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath stroke=%27%23000%27 stroke-width=%272%27 d=%27M0 1h22M0 8h22M0 15h22%27/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2722%27 height=%2716%27 viewBox=%270 0 22 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath stroke=%27%23000%27 stroke-width=%272%27 d=%27M0 1h22M0 8h22M0 15h22%27/%3E%3C/svg%3E");
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.page-header__toggle--menu::after {
  position: relative;
  transform: scale(0.8);
  transition: var(--trs-default);
  z-index: 1;
  border-radius: 50%;
  width: calc(var(--button-icon-size, var(--default-button-icon-size)) + var(--button-padding-size, var(--default-button-padding-size)) * 2);
  height: calc(var(--button-icon-size, var(--default-button-icon-size)) + var(--button-padding-size, var(--default-button-padding-size)) * 2);
  content: "";
}
.page-header__toggle--menu:hover::before, .page-header__toggle--menu.focus-visible::before {
  background-color: var(--button-ink-color-interact);
}
.page-header__toggle--menu:hover::after, .page-header__toggle--menu.focus-visible::after {
  transform: scale(1);
  background-color: var(--button-surface-color-interact);
}
.page-header__toggle--menu.focus-visible {
  outline: none;
}
.page-header__toggle--menu.focus-visible::after {
  --outline-color: var(--theme-primary, var(--black));
  outline: var(--outline-color) solid 1.5px;
  outline-offset: 2px;
}
@media (min-width: 768px) {
  .page-header__toggle--menu {
    display: none;
  }
}
.page-header--overlay .page-header__toggle--menu {
  --button-ink-color: var(--charcoal);
}
.page-header__toggle--menu.page-header__toggle--active {
  --button-ink-color-interact: var(--charcoal);
  --default-button-icon-size: 20px;
  --default-button-padding-size: 10px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background: none;
  padding: 0;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
}
@media (min-width: 576px) {
  .page-header__toggle--menu.page-header__toggle--active {
    --default-button-icon-size: 20px;
    --default-button-padding-size: 12px;
  }
}
.page-header__toggle--menu.page-header__toggle--active::before {
  position: absolute;
  transition: var(--trs-default);
  z-index: 2;
  margin: var(--button-padding-size, var(--default-button-padding-size));
  background-color: var(--button-surface-color);
  width: var(--button-icon-size, var(--default-button-icon-size));
  height: var(--button-icon-size, var(--default-button-icon-size));
  content: "";
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M10 11.414l8.182 8.182 1.414-1.414L11.414 10l8.182-8.182L18.182.404 10 8.586 1.818.404.404 1.818 8.586 10 .404 18.182l1.414 1.414L10 11.414z%27/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M10 11.414l8.182 8.182 1.414-1.414L11.414 10l8.182-8.182L18.182.404 10 8.586 1.818.404.404 1.818 8.586 10 .404 18.182l1.414 1.414L10 11.414z%27/%3E%3C/svg%3E");
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.page-header__toggle--menu.page-header__toggle--active::after {
  position: relative;
  transform: scale(0.8);
  transition: var(--trs-default);
  z-index: 1;
  border-radius: 50%;
  width: calc(var(--button-icon-size, var(--default-button-icon-size)) + var(--button-padding-size, var(--default-button-padding-size)) * 2);
  height: calc(var(--button-icon-size, var(--default-button-icon-size)) + var(--button-padding-size, var(--default-button-padding-size)) * 2);
  content: "";
}
.page-header__toggle--menu.page-header__toggle--active:hover::before, .page-header__toggle--menu.page-header__toggle--active.focus-visible::before {
  background-color: var(--button-ink-color-interact);
}
.page-header__toggle--menu.page-header__toggle--active:hover::after, .page-header__toggle--menu.page-header__toggle--active.focus-visible::after {
  transform: scale(1);
  background-color: var(--button-surface-color-interact);
}
.page-header__toggle--menu.page-header__toggle--active.focus-visible {
  outline: none;
}
.page-header__toggle--menu.page-header__toggle--active.focus-visible::after {
  --outline-color: var(--theme-primary, var(--black));
  outline: var(--outline-color) solid 1.5px;
  outline-offset: 2px;
}

[data-sal] {
  transition-delay: 0s;
  transition-delay: var(--sal-delay, 0s);
  transition-duration: 0.2s;
  transition-duration: var(--sal-duration, 0.2s);
  transition-timing-function: ease;
  transition-timing-function: var(--sal-easing, ease);
}

[data-sal][data-sal-duration="200"] {
  transition-duration: 0.2s;
}

[data-sal][data-sal-duration="250"] {
  transition-duration: 0.25s;
}

[data-sal][data-sal-duration="300"] {
  transition-duration: 0.3s;
}

[data-sal][data-sal-duration="350"] {
  transition-duration: 0.35s;
}

[data-sal][data-sal-duration="400"] {
  transition-duration: 0.4s;
}

[data-sal][data-sal-duration="450"] {
  transition-duration: 0.45s;
}

[data-sal][data-sal-duration="500"] {
  transition-duration: 0.5s;
}

[data-sal][data-sal-duration="550"] {
  transition-duration: 0.55s;
}

[data-sal][data-sal-duration="600"] {
  transition-duration: 0.6s;
}

[data-sal][data-sal-duration="650"] {
  transition-duration: 0.65s;
}

[data-sal][data-sal-duration="700"] {
  transition-duration: 0.7s;
}

[data-sal][data-sal-duration="750"] {
  transition-duration: 0.75s;
}

[data-sal][data-sal-duration="800"] {
  transition-duration: 0.8s;
}

[data-sal][data-sal-duration="850"] {
  transition-duration: 0.85s;
}

[data-sal][data-sal-duration="900"] {
  transition-duration: 0.9s;
}

[data-sal][data-sal-duration="950"] {
  transition-duration: 0.95s;
}

[data-sal][data-sal-duration="1000"] {
  transition-duration: 1s;
}

[data-sal][data-sal-duration="1050"] {
  transition-duration: 1.05s;
}

[data-sal][data-sal-duration="1100"] {
  transition-duration: 1.1s;
}

[data-sal][data-sal-duration="1150"] {
  transition-duration: 1.15s;
}

[data-sal][data-sal-duration="1200"] {
  transition-duration: 1.2s;
}

[data-sal][data-sal-duration="1250"] {
  transition-duration: 1.25s;
}

[data-sal][data-sal-duration="1300"] {
  transition-duration: 1.3s;
}

[data-sal][data-sal-duration="1350"] {
  transition-duration: 1.35s;
}

[data-sal][data-sal-duration="1400"] {
  transition-duration: 1.4s;
}

[data-sal][data-sal-duration="1450"] {
  transition-duration: 1.45s;
}

[data-sal][data-sal-duration="1500"] {
  transition-duration: 1.5s;
}

[data-sal][data-sal-duration="1550"] {
  transition-duration: 1.55s;
}

[data-sal][data-sal-duration="1600"] {
  transition-duration: 1.6s;
}

[data-sal][data-sal-duration="1650"] {
  transition-duration: 1.65s;
}

[data-sal][data-sal-duration="1700"] {
  transition-duration: 1.7s;
}

[data-sal][data-sal-duration="1750"] {
  transition-duration: 1.75s;
}

[data-sal][data-sal-duration="1800"] {
  transition-duration: 1.8s;
}

[data-sal][data-sal-duration="1850"] {
  transition-duration: 1.85s;
}

[data-sal][data-sal-duration="1900"] {
  transition-duration: 1.9s;
}

[data-sal][data-sal-duration="1950"] {
  transition-duration: 1.95s;
}

[data-sal][data-sal-duration="2000"] {
  transition-duration: 2s;
}

[data-sal][data-sal-delay="50"] {
  transition-delay: 0.05s;
}

[data-sal][data-sal-delay="100"] {
  transition-delay: 0.1s;
}

[data-sal][data-sal-delay="150"] {
  transition-delay: 0.15s;
}

[data-sal][data-sal-delay="200"] {
  transition-delay: 0.2s;
}

[data-sal][data-sal-delay="250"] {
  transition-delay: 0.25s;
}

[data-sal][data-sal-delay="300"] {
  transition-delay: 0.3s;
}

[data-sal][data-sal-delay="350"] {
  transition-delay: 0.35s;
}

[data-sal][data-sal-delay="400"] {
  transition-delay: 0.4s;
}

[data-sal][data-sal-delay="450"] {
  transition-delay: 0.45s;
}

[data-sal][data-sal-delay="500"] {
  transition-delay: 0.5s;
}

[data-sal][data-sal-delay="550"] {
  transition-delay: 0.55s;
}

[data-sal][data-sal-delay="600"] {
  transition-delay: 0.6s;
}

[data-sal][data-sal-delay="650"] {
  transition-delay: 0.65s;
}

[data-sal][data-sal-delay="700"] {
  transition-delay: 0.7s;
}

[data-sal][data-sal-delay="750"] {
  transition-delay: 0.75s;
}

[data-sal][data-sal-delay="800"] {
  transition-delay: 0.8s;
}

[data-sal][data-sal-delay="850"] {
  transition-delay: 0.85s;
}

[data-sal][data-sal-delay="900"] {
  transition-delay: 0.9s;
}

[data-sal][data-sal-delay="950"] {
  transition-delay: 0.95s;
}

[data-sal][data-sal-delay="1000"] {
  transition-delay: 1s;
}

[data-sal][data-sal-easing=linear] {
  transition-timing-function: linear;
}

[data-sal][data-sal-easing=ease] {
  transition-timing-function: ease;
}

[data-sal][data-sal-easing=ease-in] {
  transition-timing-function: ease-in;
}

[data-sal][data-sal-easing=ease-out] {
  transition-timing-function: ease-out;
}

[data-sal][data-sal-easing=ease-in-out] {
  transition-timing-function: ease-in-out;
}

[data-sal][data-sal-easing=ease-in-cubic] {
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

[data-sal][data-sal-easing=ease-out-cubic] {
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

[data-sal][data-sal-easing=ease-in-out-cubic] {
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

[data-sal][data-sal-easing=ease-in-circ] {
  transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

[data-sal][data-sal-easing=ease-out-circ] {
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

[data-sal][data-sal-easing=ease-in-out-circ] {
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

[data-sal][data-sal-easing=ease-in-expo] {
  transition-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
}

[data-sal][data-sal-easing=ease-out-expo] {
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

[data-sal][data-sal-easing=ease-in-out-expo] {
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}

[data-sal][data-sal-easing=ease-in-quad] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-sal][data-sal-easing=ease-out-quad] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-sal][data-sal-easing=ease-in-out-quad] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-sal][data-sal-easing=ease-in-quart] {
  transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

[data-sal][data-sal-easing=ease-out-quart] {
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

[data-sal][data-sal-easing=ease-in-out-quart] {
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}

[data-sal][data-sal-easing=ease-in-quint] {
  transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

[data-sal][data-sal-easing=ease-out-quint] {
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

[data-sal][data-sal-easing=ease-in-out-quint] {
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

[data-sal][data-sal-easing=ease-in-sine] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

[data-sal][data-sal-easing=ease-out-sine] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

[data-sal][data-sal-easing=ease-in-out-sine] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

[data-sal][data-sal-easing=ease-in-back] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[data-sal][data-sal-easing=ease-out-back] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-sal][data-sal-easing=ease-in-out-back] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[data-sal|=fade] {
  transition-property: opacity;
  opacity: 0;
}

[data-sal|=fade].sal-animate,
body.sal-disabled [data-sal|=fade] {
  opacity: 1;
}

[data-sal|=slide] {
  transition-property: opacity, transform;
  opacity: 0;
}

[data-sal=slide-up] {
  transform: translateY(20%);
}

[data-sal=slide-down] {
  transform: translateY(-20%);
}

[data-sal=slide-left] {
  transform: translateX(20%);
}

[data-sal=slide-right] {
  transform: translateX(-20%);
}

[data-sal|=slide].sal-animate,
body.sal-disabled [data-sal|=slide] {
  transform: none;
  opacity: 1;
}

[data-sal|=zoom] {
  transition-property: opacity, transform;
  opacity: 0;
}

[data-sal=zoom-in] {
  transform: scale(0.5);
}

[data-sal=zoom-out] {
  transform: scale(1.1);
}

[data-sal|=zoom].sal-animate,
body.sal-disabled [data-sal|=zoom] {
  transform: none;
  opacity: 1;
}

[data-sal|=flip] {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  backface-visibility: hidden;
  transition-property: transform;
}

[data-sal=flip-left] {
  transform: perspective(2000px) rotateY(-91deg);
}

[data-sal=flip-right] {
  transform: perspective(2000px) rotateY(91deg);
}

[data-sal=flip-up] {
  transform: perspective(2000px) rotateX(-91deg);
}

[data-sal=flip-down] {
  transform: perspective(2000px) rotateX(91deg);
}

[data-sal|=flip].sal-animate,
body.sal-disabled [data-sal|=flip] {
  transform: none;
}

.splide__arrows {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  align-items: center;
  justify-content: space-between;
  z-index: 2;
  margin: 0 auto;
  pointer-events: none;
}
@media (min-width: 768px) {
  .splide__arrows {
    max-width: 664px;
  }
}
@media (min-width: 1024px) {
  .splide__arrows {
    max-width: 940px;
  }
}
@media (min-width: 1280px) {
  .splide__arrows {
    max-width: 1340px;
  }
}
.splide__list {
  align-items: flex-start;
}
.splide__arrow {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background: none;
  padding: 0;
  z-index: 1;
  background: var(--theme-primary);
  width: 32px;
  height: 32px;
  pointer-events: all;
}
@media (min-width: 1024px) {
  .splide__arrow {
    width: 70px;
    height: 70px;
  }
}
.splide__arrow::after {
  display: flex;
  margin: 0 auto;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2718px%27 height=%2730px%27 viewBox=%270 0 18 30%27%3E %3Cg stroke=%27none%27 stroke-width=%271%27 fill=%27none%27 fill-rule=%27evenodd%27%3E %3Cg transform=%27translate%28-1347.000000, -396.000000%29%27 stroke=%27%23FFFFFF%27 stroke-width=%274%27%3E %3Cg transform=%27translate%281320.000000, 376.000000%29%27%3E %3Cpolyline transform=%27translate%2835.500000, 35.000000%29 scale%28-1, 1%29 translate%28-35.500000, -35.000000%29 %27 points=%2742 22 29 35 42 48%27/%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
  background-size: cover;
  width: 6px;
  height: 12px;
  content: "";
}
@media (min-width: 1024px) {
  .splide__arrow::after {
    width: 18px;
    height: 30px;
  }
}
.splide__arrow--prev::after {
  transform: scale(-1);
}
.splide__pagination {
  align-items: unset;
  justify-content: flex-start;
  padding: 0;
}
.splide__pagination__page {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background: none;
  padding: 0;
  transition: background-color var(--duration-short) var(--easing-default);
  border-radius: 50%;
  background-color: var(--theme-accent-focus);
  padding: 0;
  width: 8px;
  height: 8px;
}
.splide__pagination li + li {
  margin-left: 8px;
}
.splide__pagination .is-active {
  box-shadow: inset 0 0 0 1px var(--dealers-black);
  background-color: var(--theme-accent-text-hover);
}

/**
 * This is a suggestion to get started with the video element.
 * Note: This should be manually moved into your theme folder and added to your build chain in order to use it
 */
/**
 * This is a suggestion to get started with the video element.
 * Note: This should be manually moved into your theme folder and added to your build chain in order to use it
 */
@-webkit-keyframes hideTrigger {
  0% {
    visibility: visible;
    opacity: 1;
  }
  99% {
    visibility: visible;
    opacity: 0.01;
  }
  100% {
    visibility: hidden;
    opacity: 0;
  }
}
@keyframes hideTrigger {
  0% {
    visibility: visible;
    opacity: 1;
  }
  99% {
    visibility: visible;
    opacity: 0.01;
  }
  100% {
    visibility: hidden;
    opacity: 0;
  }
}
.video__holder {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 2000px;
  overflow: hidden;
}
.video__holder .youtube-player,
.video__holder iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video__holder .youtube-player--without-trigger {
  position: relative;
  height: auto;
  aspect-ratio: 16/9;
}
.video__holder--playing .video__cover,
.video__holder--playing .video__trigger {
  -webkit-animation: hideTrigger 1s ease forwards;
          animation: hideTrigger 1s ease forwards;
  pointer-events: none;
}
.video__cover {
  position: relative;
}
.video__trigger {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background: none;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video__trigger:hover .video__trigger-inner, .video__trigger.focus-visible .video__trigger-inner {
  background-color: var(--theme-primary);
}
.video__trigger:hover .video__trigger-icon, .video__trigger.focus-visible .video__trigger-icon {
  background-color: var(--white);
}
.video__trigger-inner {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  transition: var(--trs-default);
  margin: auto;
  border-radius: 50%;
  background-color: var(--white);
  width: 50px;
  height: 50px;
}
@media (min-width: 576px) {
  .video__trigger-inner {
    width: 60px;
    height: 60px;
  }
}
.margin-content--video .video__trigger-inner {
  width: 32px;
  height: 32px;
}
@media (min-width: 576px) {
  .margin-content--video .video__trigger-inner {
    width: 40px;
    height: 40px;
  }
}
.video__trigger-icon {
  transition: var(--trs-default);
  margin-left: 2px;
  background-color: var(--theme-primary);
  width: 10px;
  height: 15px;
  content: "";
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2727%27 height=%2740%27 viewBox=%270 0 27 40%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M0 40V0l26.667 20z%27 fill-rule=%27nonzero%27/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2727%27 height=%2740%27 viewBox=%270 0 27 40%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M0 40V0l26.667 20z%27 fill-rule=%27nonzero%27/%3E%3C/svg%3E");
}
@media (min-width: 576px) {
  .video__trigger-icon {
    margin-left: 4px;
    width: 13px;
    height: 19px;
  }
}
.margin-content--video .video__trigger-icon {
  width: 8px;
  height: 12px;
}
@media (min-width: 576px) {
  .margin-content--video .video__trigger-icon {
    width: 12px;
    height: 16px;
  }
}
@media (min-width: 576px) {
  .margin-content--video .video__trigger {
    height: 120px;
  }
}
@media (min-width: 768px) {
  .margin-content--video .video__trigger {
    height: 150px;
  }
}
.video__content {
  margin-top: 15px;
  font-size: 0.875rem;
  padding: 0;
}
@media (min-width: 576px) {
  .video__content {
    font-size: 0.875rem;
  }
}
.video__content .details__content {
  margin: 0;
  background: var(--white);
  padding: 20px;
}
.modal .video__content {
  background-color: transparent;
  padding-bottom: 40px;
}
.video__marker {
  transition: var(--trs-default);
  margin: auto;
  margin-left: 10px;
  background-color: var(--theme-primary);
  width: 10px;
  height: 10px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2727%27 height=%2740%27 viewBox=%270 0 27 40%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M0 40V0l26.667 20z%27 fill-rule=%27nonzero%27/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2727%27 height=%2740%27 viewBox=%270 0 27 40%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M0 40V0l26.667 20z%27 fill-rule=%27nonzero%27/%3E%3C/svg%3E");
  -webkit-mask-size: cover;
          mask-size: cover;
}
@media (max-width: 767.98px) {
  .video__marker {
    position: absolute;
    right: 0;
    z-index: 1;
  }
}
.video__transcript-title:hover .video__marker {
  background-color: var(--white);
}
.video__marker-background {
  transition: var(--trs-default);
  margin-left: -14px;
  border-radius: 50%;
  background-color: transparent;
  width: 18px;
  height: 18px;
}
@media (max-width: 767.98px) {
  .video__marker-background {
    position: absolute;
    right: -4px;
  }
}
.video__transcript-title:hover .video__marker-background {
  background-color: var(--theme-primary);
}
.details--open .video__marker {
  height: 2px;
}
.video__summary {
  display: flex;
  flex-direction: column;
  background-color: var(--gns-background);
  padding: 20px;
}
@media (min-width: 768px) {
  .video__summary {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.video__summary::marker, .video__summary::-webkit-details-marker {
  display: none;
}

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